46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
|
import type { ReactSelectorOptions } from '../../types.js';
|
||
|
|
/**
|
||
|
|
*
|
||
|
|
* The `react$` command is a useful command to query React Components by their
|
||
|
|
* actual name and filter them by props and state.
|
||
|
|
*
|
||
|
|
* :::info
|
||
|
|
*
|
||
|
|
* The command only works with applications using React v16.x. Read more about React
|
||
|
|
* selectors in the [Selectors](/docs/selectors#react-selectors) guide.
|
||
|
|
*
|
||
|
|
* :::
|
||
|
|
*
|
||
|
|
* <example>
|
||
|
|
: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"
|
||
|
|
});
|
||
|
|
* </example>
|
||
|
|
*
|
||
|
|
* @alias react$
|
||
|
|
* @param {string} selector of React component
|
||
|
|
* @param {ReactSelectorOptions=} options React selector options
|
||
|
|
* @param {Object=} options.props React props the element should contain
|
||
|
|
* @param {`Array<any>|number|string|object|boolean`=} options.state React state the element should be in
|
||
|
|
* @return {WebdriverIO.Element}
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
export declare function react$(this: WebdriverIO.Element, selector: string, { props, state }?: ReactSelectorOptions): Promise<WebdriverIO.Element>;
|
||
|
|
//# sourceMappingURL=react$.d.ts.map
|