Debugging 隐藏测试覆盖

我正在尝试使用testcafe来填写页面上的表单。 填写表单后，我希望能够在窗口仍然打开的情况下停止测试，以便在单击“提交”之前可以查看表单

我可以使用

t.debug（）

暂停测试，但这会锁定页面并在底部显示testcafe控件覆盖

有什么方法可以删除此覆盖并解锁页面

我尝试使用客户端函数用javascript隐藏元素，如下所示：

test('test_1', async (t) => {
  const hideOverlay = ClientFunction(function() {
    const target = document.querySelector('#root-hammerhead-shadow-ui > div > div');
    target.style.display = 'none';

    return true;
  })

  await t.wait(5000);

  setTimeout(async function() {
    const res = await hideOverlay();
    console.log('-------->', { res });
  }, 6000);

  await t.debug();
});

由于在调用debug之后不会执行任何代码，因此我认为可以使用settimeout将对隐藏覆盖的函数的调用排队，这样它就排队，并且只在调用debug并且覆盖可见之后执行

但是没有工作：（代码没有执行，得到了一个未处理的承诺拒绝。

---

这里真的需要一些帮助，谢谢：）

是的，您可以通过点击页脚中的“解锁页面”按钮解锁页面，如评论中提到的@VysakhMohan

---

有关更多详细信息，请参阅。

使用t.debug（）时，底部的testcafe控件覆盖上会有一个“解锁页面”按钮，您可以单击该按钮并解锁页面。我希望有一种方法可以用javascript代码实现这一点，这样用户就不需要解锁它了。默认情况下，页面会被锁定，以防止某些意外操作导致意外结果。我想把页面锁上。