使用jest进行快照位图测试？

Question

Jest非常适合测试组件快照。

有没有办法让Jest快照概念通过比较实际和预期的位图来测试JavaScript画布渲染代码？

Answer 1

常规方法有效：

  expect(bitmap).toMatchSnapshot()

图像将被序列化为快照文件中的JSON字符串：

 // Jest Snapshot v1, ...
 exports[`renders ok`] = `
 ImageData {
   "data": Uint8ClampedArray [
     0,
     255,
     16,
     255,
     ...

然而，文件相当大，您无法轻易获得预期与实际的视觉差异。