TestCafe：扩展“期望”以合并笑话图像快照

Question

我注意到，有一个扩展TestCafe选择器的选项。我正在从事的项目需要进行视觉图像测试。

我想看看是否可以使jest-image-snapshot与TestCafe一起使用...但是没有这样做。

因此，需要帮助来了解如何将该软件包合并到TestCafe期间所截取的屏幕截图的验证中。

这是我到目前为止编写的一些基本代码：

import { Selector } from 'testcafe';
const {toMatchImageSnapshot} = require（'jest-image-snapshot'）;var fs = require（'fs'）;

fixture（'Snapshots'）.page（'https://tallkurideon.myshopify.com/'）;

test('check something here', async (t) => {
    expect.extend({ toMatchImageSnapshot })
    // then pass the `t` reference to invoke the helper
    const image = fs.readFile('./test-results/Snapshots/Catalog__chrome/base.png')
    await t.expect(image).toMatchImageSnapshot();
});

我注意到，有一个扩展TestCafe选择器的选项。我正在从事的项目需要进行视觉图像测试。我想看看是否可以使用...

Answer 1

TestCafe不使用开玩笑的expect API，并且t.expect方法无法扩展。我建议您尝试使用looks-same库而不是jest-image-snapshot。您可以使用t.takeScreenshot()或t.takeElementScreenshot(selector)方法拍摄屏幕截图，并将其与本地图像文件进行比较。请参阅此文档主题：Take Screenshot。