Как реализовать Перси в TestCafe

Question

Я использую TestCafe и пытаюсь интегрировать Percy для визуальных регрессионных тестов.Я уже импортировал Percy SDK , но получаю эту ошибку ReferenceError: XMLHttpRequest is not defined.Любое понимание того, как реализовать это, было бы полезно.

const PercyAgent = require('@percy/agent').default;
export default class Helper {
  takeSnapshot(snapshotName: any, snapshotOptions: any) {
    const percyAgentClient = new PercyAgent({
      clientInfo: 'awesome-percy-sdk@0.0.1',
      environmentInfo: 'some helpful os or browser information for debugging',
    });
    percyAgentClient.snapshot(snapshotName, snapshotOptions);
  }
}

test('Regression | Login with wrong credentials | 102', async (t) => {
  loginPage.login('not_existent@xpta.com', 'RandomPassword1');
  await t.expect(loginPage.errorMessage.visible).ok();
  await t.debug();
  await t.expect(loginPage.errorMessage.innerText).eql('Invalid username or password.');
  await helper.takeSnapshot('wrong credentials', {});
});

Answer 1

Клиент агента Percy работает в процессе узла TestCafe, а не в браузере.Вот почему вы получаете сообщение об ошибке.

На первом шаге вы должны внедрить клиент Percy в браузер, следуя этой документации: Вставка внешних библиотек в страницу из теста

На втором шаге вы должны преобразовать класс Helper в Client Function, как предлагается в документации.