如何在量角器中为输入文本框编写 deepCss？

Question

我正在尝试在量角器的输入文本框中发送键。它在影子根中，并且有三个输入文本框。

Answer 1

这是您必须 运行 return 元素的 javascript。

document.querySelector('tahiti-app').shadowRoot.querySelector('vaadin-text-field').shadowRoot.querySelector("input[aria-labelledby='vaadin-text-field-label-1']")

有关如何使用 shadowroot 元素的详细信息，请参阅 答案（尽管它并非特定于量角器）。

试试下面的代码：

browser.executeScript("document.querySelector(\"tahiti-app\").shadowRoot.querySelector(\"vaadin-text-field\").shadowRoot.querySelector(\"input[aria-labelledby='vaadin-text-field-label-1']\").value=\"1234\";"
).then( function(){
 console.log('Done'); 
});