shadow$

访问给定元素的 shadowRoot 内部的元素。如果您正在处理许多嵌套的 shadow root，则shadow$ 的替代方法是使用深度选择器。

信息

在使用$ 或$$ 命令时，WebdriverIO 会自动穿透 shadow root。仅当您在不支持 WebDriver Bidi 的环境中进行自动化时，才需要此命令，例如使用 Appium 进行移动 Web 测试。

用法

$(selector).shadow$(selector)

参数

名称	类型	详情
selector	字符串，函数	选择器或 JS 函数，用于获取特定元素

示例

shadow$$.js

it('should return an element inside a shadowRoot', async () => {
    const innerEl = await $('custom-component').shadow$('#innerEl');
    console.log(await innerEl.getValue()); // outputs: 'test123'
});