首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何定位shadowRoot (用户代理)中的元素

如何定位shadowRoot (用户代理)中的元素
EN

Stack Overflow用户
提问于 2022-07-04 11:26:01
回答 1查看 139关注 0票数 0

你能帮我瞄准e2e测试中的具体元素吗?

我正在使用Jest和Puppeteer,我有这个DOM结构(见下面的附件):我需要针对红色下划线元素。你会怎么瞄准那个元素?

我试过像这样,

代码语言:javascript
运行
复制
const inputContent = await page.findAll(
 'usu-date-picker >>> .sc-usu-input >>> div',
);
console.log(inputContent[1]);

但是返回的是带有节点“输入”类型的元素,我不明白为什么。

谢谢你的帮助。

EN

回答 1

Stack Overflow用户

发布于 2022-07-05 17:01:26

你可以用这个:

代码语言:javascript
运行
复制
await page.evaluate( () => 
document.querySelector("#date-picker")
.shadowRoot.querySelector("usu-input > div > input")
.shadowRoot.querySelector("div:nth-child(2)").value
);

您应该在devtools控制台中尝试查询,以确定您是否做得对

devtools控制台的示例

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72855943

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档