CODEWITHSUNDEEP
c#selenium
DevelopmentIsMyPassion
DevelopmentIsMyPassion

Reputation: 3591

stable way to increase number on input box with number

Html of input box with type number looks as below

<input id="noofItems" type="number" max="99" min="1" class="form-control" data-bind="value: noofItems" />

In my selenium test i have code which inputs number in that input box

[FindsBy(How = How.Id, Using = "noofItems"), CacheLookup]
private HtmlElement ItemsInput;

ItemsInput.WaitForVisible().SendKeys(Keys.Control + "a");
ItemsInput.WaitForVisible().SendKeys(Keys.Control + "x");
ItemsInput.WaitForVisible().SendKeys("2");
ItemsInput.WaitForVisible().SendKeys(Keys.Return); // need this to reload dom
ItemsInput.Click();

by default input box has value 1 but when test runs then i want to change to 2. But sometimes value changes to 12 instead of 2.

How to resolve this? I am using chromedriver.

Upvotes: 0

Views: 84

Answers (2)

undetected Selenium
undetected Selenium

Reputation: 193308

A bit more about WaitForVisible() method would have helped us to debug the issue in a better way. However as you are invoking SendKeys() to a <input> tag ideally you need to induce WebDriverWait for the ElementToBeClickable().

Again, instead of using Id you can use either of the following Locator Strategies:

  • CssSelector:

    [FindsBy(How = How.CssSelector, Using = "input.form-control#noofItems"), CacheLookup]
private HtmlElement ItemsInput;

  • XPath:

    [FindsBy(How = How.XPath, Using = "//input[@class='form-control and @id='noofItems'']"), CacheLookup]
private HtmlElement ItemsInput;

Finally, instead of using Keys.Control + "a" and Keys.Control + "x" you can use the much proven and robust Clear() method as follows:

ItemsInput.WaitForVisible().Click(); //preferably wait for ElementToBeClickable()
ItemsInput.Clear();
ItemsInput.SendKeys("2");
ItemsInput.SendKeys(Keys.Return);

PS: Once the element is returned after being clickable you can invoke Clear() and SendKeys() simultaneously without any further waiters.

Upvotes: 1

Guy
Guy

Reputation: 50939

It seems the default value returns if the field is empty. You can try to change it without deleting it

ItemsInput.WaitForVisible().SendKeys(Keys.Control + "a");
ItemsInput.WaitForVisible().SendKeys("2");

As a work around, you can also set the value attribute with JavaScript

driver.ExecuteScript("arguments[0].setAttribute('value', arguments[1]);", ItemsInput, 2);

Upvotes: 0

Related Questions