testing - 当页面对象中声明的断言在 TestCafe 中的同一测试中被调用两次时出现 DOM 快照警告

Question

我已经在页面对象中声明了异步函数，它定义了几个断言来验证页面上元素的存在，我必须在同一个测试中调用这个函数两次，但我收到警告 - “你通过了一个DOM 快照属性到断言的“t.expect()”方法”，即使我没有在 t.expect() 中使用 await 关键字也是如此。

请告诉我如何摆脱这个警告。

fixture('Assertions in Page Object test suite').beforeEach(async t => {
  await t.useRole(login);
});

test('Validate UI for sample page, async t => {
  await pageObject.validateTableUI(t);
  await t.click(pageObject.changeTab); 
  await pageObject.validateTableUI(t);
});

Page 对象方法是:

export default class SamplePage {
constructor() {
this.table = Selector('table');
this.tableHeaders = Selector('table thead th);
this.changeTab = Selector('tab);
}

async validateTableUI(t){
await t
      .expect(this.table.visible)
      .ok()
      .expect(this.tableHeaders.visible)
      .ok()
      .expect(this.tableHeaders.nth(1).textContent)
      .contains('Column 1')
      .expect(this.tableHeaders.nth(2).textContent)
      .contains('Column 1');
}

Answer 1

不幸的是，没有正式的方法来禁用这些警告。我们知道这个错误。您可以在 this GitHub thread 中跟踪我们的进度.

作为临时解决方法，您可以按如下方式重写您的 .expect 调用:

.expect(
    this.table.visible
)