testing - TestCafe：扩展“期望”以合并 jest-image-snapshot

Question

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

我想看看我是否可以jest-image-snapshot与 TestCafe 一起工作……但没有这样做。

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

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

import { Selector } from 'testcafe';

const { toMatchImageSnapshot } = require('jest-image-snapshot'); var fs = 需要('fs');

fixture('快照').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();
});

Answer 1

TestCafe 不使用 jest expectAPI，t.expect方法无法扩展。我建议您尝试使用外观相同的库而不是jest-image-snapshot. 您可以使用t.takeScreenshot()ort.takeElementScreenshot(selector)方法截取屏幕截图并将它们与本地图像文件进行比较。请参阅此文档主题：截屏。