V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
tyrealgray
V2EX  ›  分享创造

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

  •  
  •   tyrealgray · 2020-05-10 07:57:46 +08:00 · 1394 次点击
    这是一个创建于 567 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    2 条回复    2020-05-10 21:46:51 +08:00
    tyrealgray
        1
    tyrealgray   2020-05-10 16:56:51 +08:00 via Android
    8 小时惨案啊,v 友都没有在使用 canvas 时需要单测的情况吗?大家是怎么测试 canvas 的?
    gz65555
        2
    gz65555   2020-05-10 21:46:51 +08:00 via Android
    有,试试看
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1024 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 19:04 · PVG 03:04 · LAX 11:04 · JFK 14:04
    ♥ Do have faith in what you're doing.