Skip to main content

selectByVisibleText

Select option with displayed text matching the argument.

Usage
$(selector).selectByVisibleText(text)
Parameters
NameTypeDetails
textString, Numbertext of option element to get selected
Examples
example.html
<select id="selectbox">
<option value="someValue0">uno</option>
<option value="someValue1">dos</option>
<option value="someValue2">tres</option>
<option value="someValue3">cuatro</option>
<option value="someValue4">cinco</option>
<option value="someValue5">seis</option>
</select>
selectByVisibleText.js
it('demonstrate the selectByVisibleText command', async () => {
const selectBox = await $('#selectbox');
console.log(await selectBox.getText('option:checked')); // returns "uno"
await selectBox.selectByVisibleText('cuatro');
console.log(await selectBox.getText('option:checked')); // returns "cuatro"
})

Welcome! How can I help?

WebdriverIO AI Copilot