react$$

react$$ 命令是一個有用的命令，可以通過它們的實際名稱查詢多個 React 組件，並通過 props 和 state 篩選它們。

資訊

該命令僅適用於使用 React v16.x 的應用程式。請在選擇器指南中閱讀更多關於 React 選擇器的資訊。

用法

browser.react$$(selector, { props, state })

參數

名稱	類型	詳細資訊
selector	字串	React 組件的名稱
options 選用	ReactSelectorOptions	React 選擇器選項
options.props 選用	物件	元素應包含的 React props
options.state	Array<any>, number, string, object, boolean	元素應處於的 React state

範例

pause.js

it('should calculate 7 * 6', async () => {
    await browser.url('https://ahfarmer.github.io/calculator/');

    const orangeButtons = await browser.react$$('t', {
        props: { orange: true }
    })
    console.log(await orangeButtons.map((btn) => btn.getText()));
    // prints "[ '÷', 'x', '-', '+', '=' ]"
});