Method and way to highlight the validation message in the web page by using Selenium IDE

Question

Is there is any way to highlight the validation message by using Selenium IDE?

Example: During login when the user passes the invalid input the validation messages and login will be failed. I want to highlight the validation message which is getting displayed on the screen.

Answer 1

You can use the "run script" command with JavaScript code in the target field.

Here some example code to highlight the first h1 element on a page with XPath:

document.evaluate('//h1', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.setAttribute('style', 'outline: red dashed 5px !important')

I can't seem to pass found elements with Selenium IDE, so you need to locate in JavaScript code.

Looks something like this:

Answer 2

When looking at the API of selenium IDE there is no way to do it. https://sqa.stackexchange.com/a/38970/35888

If you have access to the webdriver you can visually highlight specific elements by playing around with the css dynamically. https://stackoverflow.com/questions/24882723/how-can-i-set-new-style-of-element-using-selenium-web-driver

JavascriptExecutor js = (JavascriptExecutor) driver;
WebElement element = driver.findElement(yourElement);
js.executeScript("arguments[0].setAttribute('style', 'outline: yellow dashed 5px !important')", element);

in your case you would want to set the background color of the element.

Answer 3

I believe that was functionality provided by the old, different version of SelniumIDE before the complete re-write in 2018.

I no longer see that built-in functionality in the new SelenumIDE.