reactjs - Testcafe 忽略覆盖元素

Question

---

问题:由于 Canvas 内光标位置后的叠加折线，无法找到 Canvas 。

目标元素: Canvas

叠加元素:折线

可能的解决方案:忽略折线元素？？

---

解释:

这条多段线阻挡了底层元素( Canvas )，导致 TestCafe 在点击时看不到 Canvas 。

TestCafe 一直等到等待时间结束，并在等待完成后点击给定的位置。这会导致测试成功。但是因此有很大的延迟。

由于测试中有其他步骤需要等待时间，无法调整等待时间。

不幸的是，由于医疗环境，我无法分享该项目。

请帮忙。

---

亲切的问候

Answer 1

您可以使用 ClientFunction 隐藏元素这样:

import { ClientFunction } from 'testcafe';

fixture `fixture`
    .page`https://google.com`;

test('test', async t => {
    const hideElement = ClientFunction(() => {
        document.querySelector('#tsf').style.display = 'none';
//NOTE: (document.querySelector('#tsf') as HTMLElement).style.display = 'none';
    });

    await hideElement();

    await t.debug();
});