react$

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

資訊

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

用法

$(selector).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 appWrapper = await browser.$('div#root')

    await browser.react$('t', {
        props: { name: '7' }
    }).click()
    await browser.react$('t', {
        props: { name: 'x' }
    }).click()
    await browser.react$('t', {
        props: { name: '6' }
    }).click()
    await browser.react$('t', {
        props: { name: '=' }
    }).click()

    console.log(await $('.component-display').getText()); // prints "42"
});