使用testcafe监视窗口功能

如何解决使用testcafe监视窗口功能

我想用testcafe测试窗口对象上的函数是否使用某些参数执行。可以使用testcafe吗？

函数调用如下：

flatMap

解决方法

您可以使用ClientFunction API在窗口对象中创建间谍功能。请查看以下测试示例：

import { ClientFunction } from 'testcafe';

fixture `New Fixture`
    .page `https://cf51n.csb.app/`;

const spyOn = ClientFunction(() => {
  // Create an array where we store information about `myFunction` calls
  window.myFunctionSpyData = [];

  // Store the original `myFunction` value
  window.orirginalFunction = window.myObject.myFunction;

  
  window.myObject.myFunction = function() {
    // Save data about the current call
    window.myFunctionSpyData.push(...arguments);

    // Call the original `myFunction` value
    window.orirginalFunction(...arguments);
  }
});

const getSpyData = ClientFunction(() => {
  // Retrieve data about myFunction calls from client
  return window.myFunctionSpyData;
});

const spyOff = ClientFunction(() => {
  // Restore the original myFunction value
  window.myObject.myFunction = window.orirginalFunction;
  delete window.spyData;
});

test('New Test',async t => {
    await spyOn();

    await t.click('#btn');

    const data = await getSpyData();
    await spyOff();

    await t
        .expect(data.length).eql(2)
        .expect(data[0]).eql('1')
        .expect(data[1]).eql('2');
});