UNPKG

@luminati-io/webdriverio8

Version:

Next-gen browser and mobile automation test framework for Node.js

59 lines 3.8 kB
import { findElements, enhanceElementsArray, isElement, findElement } from '../../utils/index.js'; import { getElements } from '../../utils/getElementObject.js'; /** * The `$$` command is a short and handy way in order to fetch multiple elements on the page. * It returns a `ChainablePromiseArray` containing a set of WebdriverIO elements. * * Using the wdio testrunner this command is a global variable, see [Globals](https://webdriver.io/docs/api/globals) * for more information. Using WebdriverIO within a [standalone](https://webdriver.io/docs/setuptypes#standalone-mode) * script it will be located on the browser object instead (e.g. `browser.$$`). * * You can chain `$` or `$$` together without wrapping individual commands into `await` in order * to walk down the DOM tree, e.g.: * * ```js * const imageSrc = await $$('div')[1].nextElement().$$('img')[2].getAttribute('src) * ``` * * It is also possible to use async iterators to loop over the result of the query, e.g.: * * ```js * // print all image sources * for await (const img of $$('img')) { * console.log(await img.getAttribute('src)) * } * ``` * * :::info * * For more information on how to select specific elements, check out the [Selectors](/docs/selectors) guide. * * ::: * * @alias $$ * @param {String|Function} selector selector or JS Function to fetch multiple elements * @return {ElementArray} * @example https://github.com/webdriverio/example-recipes/blob/59c122c809d44d343c231bde2af7e8456c8f086c/queryElements/example.html * @example https://github.com/webdriverio/example-recipes/blob/59c122c809d44d343c231bde2af7e8456c8f086c/queryElements/multipleElements.js#L6-L7 * @example https://github.com/webdriverio/example-recipes/blob/59c122c809d44d343c231bde2af7e8456c8f086c/queryElements/multipleElements.js#L15-L24 * @example https://github.com/webdriverio/example-recipes/blob/59c122c809d44d343c231bde2af7e8456c8f086c/queryElements/multipleElements.js#L32-L39 * @type utility * */ export async function $$(selector) { let res = Array.isArray(selector) ? selector : await findElements.call(this, selector); /** * allow user to transform a set of HTMLElements into a set of WebdriverIO elements */ if (Array.isArray(selector) && isElement(selector[0])) { res = []; for (const el of selector) { res.push(await findElement.call(this, el)); } } const elements = await getElements.call(this, selector, res); return enhanceElementsArray(elements, this, selector); } //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiJCQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbWFuZHMvYnJvd3Nlci8kJC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUE7QUFHN0Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVDRztBQUNILE1BQU0sQ0FBQyxLQUFLLFVBQVUsRUFBRSxDQUVwQixRQUErRTtJQUUvRSxJQUFJLEdBQUcsR0FBaUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7UUFDM0QsQ0FBQyxDQUFDLFFBQThCO1FBQ2hDLENBQUMsQ0FBQyxNQUFNLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFBO0lBRTdDOztPQUVHO0lBQ0gsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ3BELEdBQUcsR0FBRyxFQUFFLENBQUE7UUFDUixLQUFLLE1BQU0sRUFBRSxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ3hCLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFBO1FBQzlDLENBQUM7SUFDTCxDQUFDO0lBRUQsTUFBTSxRQUFRLEdBQUcsTUFBTSxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxRQUFvQixFQUFFLEdBQUcsQ0FBQyxDQUFBO0lBQ3hFLE9BQU8sb0JBQW9CLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFvQixDQUE2QixDQUFBO0FBQ2pHLENBQUMifQ==