在iframe中被Testcafe单击时，链接不起作用

Question

我正在尝试在我们的demoshop中进行一些简单的验证。在单击“genomförköp”（进行购买）链接之前，此方法一直有效。该链接标记为已单击（颜色更改），但未执行正确的操作，因此您停留在同一侧。如果您在“等待t.click（'＃purchase-button'）;”之后添加调试行，行中，您可以手动单击链接，也可以将鼠标悬停在链接上，以便testcafe找到它。但是由于某些原因，click（）无法正常工作。

编辑：1：我使用的操作系统是WIn10，在phpstorm 2019.3.3下运行testcafe 1.8.2，并使用“ testcafe chrome * .js”进行调用]]

任何帮助将不胜感激。/ Christoffer

相关代码在下面，demoshop可以使用。

fixture`demoshop.resurs.com`
    .page(https://demoshop.resurs.com);


test(
    'Run: demoshop.resurs.com', async t => {
        await t
            .click('.home-shop-now')
            .click('#root > div > main > div > div.container > div.products-container.mb-60 > div:nth-child(1) > a > img')
            .click('#root > div > main > div > div > div.product-detail__container > div.product-detail__info-container > div.product-detail__add-to-cart > div > button')
            .click('#root > div > main > div > span > header > div > div > div > span.shopping-bag-icon.clickable > div')
            .click('#root > div > main > div > span > div > div > div > div.shopping-cart-container > a');

        await t.switchToIframe('iframe');

        await t.click('#purchase-button');  //This does not work properly

        await t.expect(Selector('h2').innerText).contains('Tack för din order!');


    }
);

我正在尝试在我们的demoshop中进行一些简单的验证。在单击“genomförköp”（进行购买）链接之前，此方法一直有效。该链接标记为已单击（颜色更改），但是...

Answer 1