wdio-wait-for/dist/element/sizeOfElementToBe.js

a library of conditions that are useful for end-to-end tests

import { getElement } from '../utils/index.js';
/**
 * A condition for checking size of element with given selector
 *
 * @example
 * browser.waitUntil(sizeOfElementsToBe('button', { width: 200, height: 200 }));
 *
 * @param {!string | ChainablePromiseElement<WebdriverIO.Element>} selectorOrElement The selector or element to check
 * @param {!{ width: number, height: number }} expectedSize The selector to check
 *
 * @returns {!function} An expected condition that returns a promise
 *     representing whether the element size.
 */
export function sizeOfElementsToBe(selectorOrElement, expectedSize) {
    return async function () {
        const element = await getElement(selectorOrElement);
        const actualSize = await element.getSize();
        return actualSize.width === expectedSize.width && actualSize.height === expectedSize.height;
    };
}