shadow$

存取指定元素 shadowRoot 內的元素。如果您的工作涉及許多巢狀陰影根，`shadow$` 的替代方法是使用深度選擇器。

資訊

當使用 `$` 或 `$$` 命令時，WebdriverIO 會自動穿透陰影根。只有當您在尚不支援 WebDriver Bidi 的環境中自動化（例如，使用 Appium 進行行動網頁測試）時，才需要此命令。

用法

$(selector).shadow$(selector)

參數

名稱	類型	詳細資訊
selector	String，Function	用於提取特定元素的選擇器或 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'
});