Multi tool use

Protractor: Element is not currently interactable and may not be manipulated

I was trying to locate an element to set the value under a form (popped up after clicked on a button on a page), but unable to locate such element after the form popped up, with below error:

Failed: invalid element state: Element is not currently interactable and may not be manipulated


The HTML code snippets are as follows:

<input class="form-control fc_short not-empty ng-pristine ng-not-empty ng-valid ng-valid-required ng-touched" ng-model="myNGModel" name="NGModel" ng-required="true" required="required" style="" type="text">


Below were the implemented codes:

it('should enter ABC value', function() {
var elem = element.all(by.model('myNGModel')).first();
var theStr = "ABC";
browser.executeScript("arguments[0].scrollIntoView();", elem.getWebElement()).then(function() {
elem.clear();
elem.sendKeys(theStr);
expect(elem.getAttribute('value')).toEqual(theStr);
});
});


Am I miss out any important area? I was able to locate this element using XPath like below:

var elem = element(by.xpath('//*[@id="MyFormID"]/div/div/form/div[2]/div/div[2]/div/div[1]/div[3]/input'));


Below highlighted its CSS path:

html.ng-scope body.modal-open div.pushmenu.cbp-spmenu-push ui-view.ng-scope section#MainArea ng-include.ng-scope div#MyFormID.modal.modal-create.modal-2-col.ng-scope.in div.modal-dialog div.modal-content form.ng-pristine.ng-valid-required.ng-invalid.ng-invalid-required div.modal-body div.row div.col-md-8.col-md-pull-4 div.spanel div.top_panel div.form-group input.form-control.fc_short.not-empty.ng-pristine.ng-not-empty.ng-valid.ng-valid-required.ng-touched


1 Answer
1

The exception get's thrown on the clear method block

clear

elem.clear();
elem.sendKeys(theStr);
expect(elem.getAttribute('value')).toEqual(theStr);


the element although is present on the page, cannot be interacted with- the input would be read only that's why it is throwing this error. You may need to wait for some time in order for the element to be intractable or do it explicitly.

read only

Please read this explanation given here.

clear

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.