Testcafe和Shadow Dom

Question

我有一个使用Web组件的网页。我能够选择所有元素并执行断言，例如检查exists，innerText。但是，在执行click时，它不起作用。我想知道对shadow-root中的元素执行点击是否有任何限制？

样本

我有一个ID为#pricePlans的父div，然后我以此为基础来选择其中的元素。您可以在下面查看我如何进行选择器的示例。光标甚至没有为我悬停在按钮上。

this.marathiCard = Selector(() => document.querySelector('#pricePlans').shadowRoot.querySelectorAll('[class*="grid-item"]')).nth(1);
this.marathiSignUpButton = this.marathiCard.find('[class*="c-btn c-btn--primary"]'); 
await t.click (this.marathiSignUpButton);

预先谢谢你

我有一个使用Web组件的网页。我能够选择所有元素并执行断言，例如检查是否存在innerText。但是，在执行点击时，它不起作用。 ...

Answer 1

如何使用.shadowRoot，您可以这样写：