TestCafe：等待 ClientFunction 在 expect 方法中解析会导致意外行为

如何解决TestCafe：等待 ClientFunction 在 expect 方法中解析会导致意外行为

我目前面临一个问题，即在断言查询链中等待 testcafe ClientFunction 会导致以下代码演示的行为：

const getPageUrl = ClientFunction(() => window.location.href.toString());

// This test works fine
test("Test that works as expected",async t => {
  await t
    .click(pageElements.someNaviButton) // navigates me to the site with url extension /some/url
    .expect(getPageUrl()).contains("/some/url")
});

// This test works fine as well
test("Another test that works as expected",async t => {
  await t.click(pageElements.someNaviButton) // navigates me to the site with url extension /some/url
  const myPageUrl = await getwindowLocation();
  await t.expect(myPageUrl).contains("/some/url")
});

// This test fails
test("Test that does not work as expected",async t => {
  await t
    .click(pageElements.someNaviButton)
    .expect(await getPageUrl()).contains("/some/url")
});

根据TestCafe's documentation，必须等待异步ClientFunctions。这让我感到恼火：我希望第二个测试通过，它确实通过了。在第三个测试的expect方法中等待封装ClientFunction的方法似乎有问题，但这是为什么呢？

可能感兴趣的其他信息：我使用的是 testcafe 版本 1.14.0。

解决方法

请考虑测试操作链是单个表达式。因此，在第三个测试中，getPageUrl 是在链执行之前计算的。那一刻，测试还在开始页面上。 第一个测试通过，因为 getPageUrl 是通过 TestCafe Smart Assertion Query Mechanism 惰性计算的。这是编写此类测试的最合适的方法。 第二个测试通过，因为您破坏了测试操作链。