How can I test that an <input/> is marked invalid?

Question

I have a Selenium suite testing my (web) user interface and I'm trying to prove that the appropriate error messages appear when a User puts in invalid values.

<input id="inputID" type="number" min="1" step="1" />

WebElement element = webDriver.findElement(By.id("inputID"));
element.click();
element.sendKeys("-2");
element.??????

It's trivial to do by hand, but for the life of me I can't figure out how to test that the input:invalid CSS is applied or how to read/test the tooltip value.

It would probably be sufficient to prove that the field is marked as invalid, even if we don't test the content of the tooltip, though ideally we'd test both.

The "min" attribute might not mean to you what the programmer intended it to mean. It may not be a minimum value, but a minimum length (in characters). Typically, you should test according to the acceptance criteria you, as the tester, are given. — Bill Hileman
– Bill Hileman, Commented Mar 15, 2018 at 17:25
@Deepan The input is styled via "input:invalid{ border:2px solid red }" in a CSS file — InfernalRapture
– InfernalRapture, Commented Mar 15, 2018 at 17:25
Try to get the input element and get element.getCssValue("color")); Now if color is red you can mark it as invalid data — Deepan
– Deepan, Commented Mar 15, 2018 at 17:32

InfernalRapture · Accepted Answer · 2018-03-15 18:39:41Z

1

I was able to test for styling using the command

element.getCssValue("border-bottom-color");

Note: Testing for styles related to the border must specify a side, since styles that apply to all four sides is short hand that is broken out into styling for each side. border:blue will be erased and replaced by border-bottom-color:blue, border-top-color:blue, border-right-color:blue, and border-left-color:blue

answered Mar 15, 2018 at 18:39

InfernalRapture

5917 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

InfernalRapture Over a year ago

This answer based on comments left by @Deepan

Collectives™ on Stack Overflow

How can I test that an <input/> is marked invalid?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related