爱意满满的作品展示区。
tyrealgray

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

  •  
  •   tyrealgray · May 10, 2020 · 3072 views
    This topic created in 2220 days ago, the information mentioned may be changed or developed.

    前帖 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 replies    2020-05-10 21:46:51 +08:00
    tyrealgray
        1
    tyrealgray  
    OP
       May 10, 2020 via Android
    8 小时惨案啊,v 友都没有在使用 canvas 时需要单测的情况吗?大家是怎么测试 canvas 的?
    gz65555
        2
    gz65555  
       May 10, 2020 via Android
    有,试试看
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3600 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 04:58 · PVG 12:58 · LAX 21:58 · JFK 00:58
    ♥ Do have faith in what you're doing.