logo
回到主页

jest 测试 canvas

Devrsi0n
2019年10月19日

canvas 问题

jest 是个简单好用的单测工具,自带 JSDOM,可以在 node 环境模拟浏览器 DOM 环境,方便测试前端代码,但是 JSDOM 并不是万能,部分 DOM API 并未完全实现,比如今天遇到的 Canvas 就属于这部分未实现的 API,如果需要写相关测试用例,jest 并未直接提供解决方法。

随着 JSDOM 的逐步完善此类 API 缺失会越来越少,到时候可以去除这类 mock。

解决步骤

jest-canvas-mock 就是为解决这个问题而生,参考文档配置即可。

安装依赖

shell
1npm i -S jest-canvas-mock

配置 jest

json
1{
2 "setupFiles": ["jest-canvas-mock"]
3}

More

JSDOM 缺失的 mock(例如:fetch、localstorage 等) 可以在 这里 找到解决办法。

在 GitHub 上编辑此文

其他文章

jest 测试 console.log

jest 测试 console.log 小技巧

2019年10月16日

用正确的方式打开 JavaScript immutable 的大门

immer - JavaScript 使用 immutable 的正确姿势

2019年01月16日
© 2019 – 2020 devrsi0n
Link to $https://bit.ly/2NcAZQZLink to $https://github.com/devrsi0nLink to $https://weibo.com/qianmofeiyu