TestCafe: расширение & #39;expect& #39; включить снимок-образ-шутку

Question

Я заметил, что есть возможность расширить Selector для TestCafe. Проект, над которым я работаю, должен иметь Visual Image Testing.

Я хотел посмотреть, смогу ли я получить jest-image-snapshot работает совместно с TestCafe... но не работает.

Итак, мне нужна помощь в понимании того, как я могу включить этот пакет в проверку скриншота, сделанного во время TestCafe.

вот некоторый базовый код, который я написал до сих пор:

import { Selector } from 'testcafe';

const {toMatchImageSnapshot} = требуется ('снимок изображения-шутки'); var fs = require('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 не использует шутку expect API и t.expectметод не может быть расширен. Я предлагаю вам попробовать такую же библиотеку вместоjest-image-snapshot. Вы можете сделать снимок экрана сt.takeScreenshot() или t.takeElementScreenshot(selector)метод и сравните их с локальным файлом изображения. См. Этот раздел документации: Сделать снимок экрана.