在用Jest测试React组件时,如何支持<canvas>元素
2021-09-23大约5分钟
用Jest做JavaScript单元测试是个不错的选择,在Jest的基础上,用 @testing-library/reac t是锦上添花的方法。 React Testing Library提供了 API,可以用这个API在 jsdom 里渲染React的组件。jsdom是一个模拟的浏览器里的JS运行时,实现了很多重要的web标准,比如DOM和HTML。但是在运行涉及到 的元素测试的时候,可能会报一...
如何用HTML5的canvas里面画图?
2021-09-22大约3分钟
在HTML里画一些简单的图的时候,有时候我们并不需要像 HighCharts 这样重量级的画图库。在HTML5的canvas里面画一些简单的图并不难。 从一个最简单的例子看起: 运行代码,可以看到我们很容易在canvas里面画了一个方框:方框的起始位置是(20, 20),宽度和高度分别是150和100。 有了这个基础,我们可以再画一个简单的柱状图(点“ 运行 ”按钮来查看运行结果): 这样,一个简...