我在测试环境中对 Shadowroot 中的元素执行操作时遇到困难。假设我有一个网络组件<my-component />
它包含一个按钮<input id="my-button" type="submit" />
从 Chrome 的控制台中,我可以执行以下操作:
document.getElementsByTagName('my-component')[0].shadowRoot.querySelector('#my-button').click()
我正在努力对木偶师做同样的事情。
it('should click the button', async () => {
await page.goto(`https://localhost:${port}`, {
waitUntil: ['networkidle0', 'load'],
});
await page.$eval('my-component', (el: Element) => {
el.shadowRoot.querySelector('#my-button').click();
});
});
单击该按钮应该会向我的服务器发出一个 http 请求,该请求会检索一些数据,然后我想在 dom 中断言这些数据。该请求永远不会触发。建议?
根据这条评论傀儡队正确的方法是使用JS路径:
在 Chrome 72(当前的 Canary)中,我们引入了一个新选项 - “复制 JS 路径”,位于“复制选择器”选项旁边:
使用 JS 路径的示例:
it('should click the button', async () => {
await page.goto(`https://localhost:${port}`, {
waitUntil: ['networkidle0', 'load'],
});
const button = await (await page.evaluateHandle(`<JS-path-here>`)).asElement();
button.click();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)