Error: unknown error: item is not available for click at (x, x) - Angular / Protractor

Question

I went through an Angular application that I am working on, testing CRUD functionality with Protractor for all parts of the application. All CRUD pages have create / edit buttons, and buttons, no matter which page you are on, open the same modal way to create or edit.

I am constantly facing the problem above. I literally ran the test and it will give me this error, and will not open the modal, then I will run it again and it will open the modal and the exact exact test will pass. Then try again to make sure it is not working again. Ect

This is rather unpleasant, since problems with your tests seem to be a problem in the browser / test suite, and not in the code itself. To be clear, I am testing this in Chrome.

What will be the way to solve this type of problem, where the problem is the inconsistency of passage and failure? I don’t understand which setting should be fixed.

Answer 1

It's hard to say without seeing or performing your actual tests, but here's what you need to try:

• enlarge browser window:

  browser.driver.manage().window().maximize(); 

• disable angular animation

• increase implicit wait timeout

• use elementToBeClickable inline Expected Condition:

   var EC = protractor.ExpectedConditions; var elm = element(by.id("myelement")); browser.wait(EC.elementToBeClickable(elm), 5000); 

• scroll the item until it clicks:

   browser.executeScript("arguments[0].scrollIntoView();", elm.getWebElement()); 

• go to the item before clicking:

   browser.actions().mouseMove(elm).click(elm).perform(); 

• click through javascript:

   browser.executeScript("arguments[0].click();", elm.getWebElement());