Send value to a ng-class

Question

I am having trouble sending value to an element that has a ng-class

I have tried this driver.FindElement(By.Id("limit")).SendKeys("10.00"); but seems to be that element is not recognized. also tried -

driver.FindElement(By.Id("limit_display")).SendKeys("10.00");


<td class="center">
   <amount-input ng-class="{invalid: !addNewCardForm.limit.$valid}"  
            name="limit" amount="newCard.limit" required="" 
            class="ng-isolate-scope">
      <div class="amount-input">
        <div class="currency" ng-class="{degrade: degrade}">$</div>
        <input id="limit_display" name="limit_display" type="text" 
            value="0.00" ng-focus="onFocus()" required="" disable-animate=""> 
        <input id="limit" ng-class="{edit: edit || degrade}" 
            class="entry ng-pristine ng-not-empty ng-valid ng-valid-required ng-touched" 
            name="limit" type="number" ng-model="amount" 
            ng-blur="onBlur()" ng-keydown="onKeyDown($event)" required=""  
            disable-animate="">
      </div>
   </amount-input>
</td>

I expected to send a value

[`ng-class`](https://docs.angularjs.org/api/ng/directive/ngClass) is an AngularJS directive so you won't find it in the resulting DOM. — Frank Fajardo, Aug 07 '19 at 04:21

Dev · Answer 1 · 2019-08-07T06:26:58.060

please check if your element is inside frame or not if inside frame then switch to frame then try to operate on element -

you can try following xpath -

driver.FindElement(By.xpath(".//input[@name='limit_display' and @ng-focus='onFocus()']")).SendKeys("10.00");

if still its not working you can try action class -

Actions actions = new Actions(driver);
    actions.moveToElement(element).sendKeys("10.00").build().perform();

score 0 · Answer 2 · answered Aug 07 '19 at 07:27

The desired element is an Angular element so you have to induce WebDriverWait for the desired ElementToBeClickable() and you can use either of the following Locator Strategies as solutions:

CssSelector:

new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("input.entry.ng-pristine.ng-not-empty.ng-valid.ng-valid-required.ng-touched[id='limit'][name='limit']"))).SendKeys("10.00");

XPath:

new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.XPath("//input[@class='entry ng-pristine ng-not-empty ng-valid ng-valid-required ng-touched' and @id='limit'][@name='limit']"))).SendKeys("10.00");

Send value to a ng-class

2 Answers2