[后续]之前立的写单元测试 Canvas 渲染框架 flag，现在写完开源分享啦

[tyrealgray]

前帖 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

[tyrealgray]

8 小时惨案啊，v 友都没有在使用 canvas 时需要单测的情况吗？大家是怎么测试 canvas 的？

[gz65555]

有，试试看