[后续]之前立的写单元测试 Canvas 渲染框架 flag，现在写完开源分享啦
tyrealgray · 2020-05-10 07:57:46 +08:00 · 2294 次点击这是一个创建于 1691 天前的主题，其中的信息可能已经有所发展或是发生改变。
前帖 https://www.v2ex.com/t/667731
框架开源地址 https://github.com/TyrealGray/Canvest
前帖的 demo 地址改了，目前为 pixi.js 的演示 repo，欢迎大佬帮助测试提供更多其他 canvas 渲染库，例如 three.js ...
单元测试 pixi.js 示例 repo: https://github.com/TyrealGray/canvest-pixi.js-example
主要功能
- 零配置，安装后一行命令启动跑通单元测试
- 内核 mocha，沿用 TDD/BDD 语法
- 启动浏览器在真实的实际 web 环境下执行单元测试并对比 canvas 渲染结果，真比对像素
- 缓存快照到本地保留，在渲染出现意外时能够提醒比对结果
- 不再需要 mock 各种 canvas DOM function 和 window 对象，并且比对的结果是真正的像素渲染比对，不再是 node.js 的 mock 数据比对
- 支持 typescirpt
后期
- typescirpt 有些语法还是会报错，需要更多测试
- headless browser 支持，cli 打印结果然后结束进程，达到 CI 友好
- and more ...
详细介绍请看项目 readme
 |
1
tyrealgray OP 8 小时惨案啊，v 友都没有在使用 canvas 时需要单测的情况吗？大家是怎么测试 canvas 的？
|
 |
2
gz65555 2020-05-10 21:46:51 +08:00 via Android
有，试试看
|
Select Language