Need help to extract the visible text in a Web Page.

[Vinoth997]

I'm new to WebDriverIO.

I'm now dealing with an issue in which a locator contains the CSS property.

text-overflow: ellipsis;

This allows the text in the locator to fit inside the width.

As an example:
"Long live the king" is written on the locator.

The text will be displayed as "Long live t..." after using CSS text-flow.

My concern is, utilising webdriverIO typescript, is there any way to ensure that the option does not contain three dots? Using the CSS text-overflow property

or is there another way to deal with this?

FYI: This work is about a dropdown and a list on text init, and I need to test that the whole text is displayed or multiple dots are displayed.

[christian-bromann]

"Long live the king" is written on the locator.

What locator?

[Vinoth997]

"'div class="dropdown-optiontext">Long live the king</div'"

im using css selector '.dropdown-optiontext'

[christian-bromann]

You are using a CSS selector which means the tendered text inside the element is not important.