I've been working on creating a custom ExpectedConditions method that can wait for an element attribute to change.
Here is the approach I came up with:
const CustomExpectedCondition = function() {
/**
* Check if element's attribute matches the provided value.
*
* @param {ElementFinder} elementFinder
* @param {string} attrName - name of the attribute to check
* @param {string} attrVal - value to compare against
*
* @return {boolean}
*/
this.attributeToMatch = async (elementFinder, attrName, attrVal) => {
const EC = protractor.ExpectedConditions;
const hasAttribute = async () => {
const actualAttributeValue = await elementFinder.getAttribute(attrName);
return actualAttributeValue.indexOf(attrVal) !== -1;
};
return await EC.and(EC.presenceOf(elementFinder), await hasAttribute);
};
};
module.exports = new CustomExpectedCondition();
In my onPrepare section:
const {customExpectedConditions} = require('@utils/protractor');
global.CustomExpectedCondition = customExpectedConditions;
And finally, in my test suite:
await browser.wait(await CustomExpectedCondition.attributeToMatch(dropdownElement, 'aria-hidden', 'false'), 3000);
Despite these steps, I keep receiving a
Failed: Wait timed out after 3006ms