How to check if element exists using Cypress.io

by

I’ll just add that if you decide to do if condition by checking the .length property of cy.find command, you need to respect the asynchronous nature of cypress.

Example:
Following condition evaluates as false despite appDrawerOpener button exists

    if (cy.find("button[data-cy=appDrawerOpener]").length > 0)    //evaluates as false

But this one evaluates as true because $body variable is already resolved as you’re in .then() part of the promise:

    cy.get("body").then($body => {
        if ($body.find("button[data-cy=appDrawerOpener]").length > 0) {   
            //evaluates as true
        }
    });

Read more in Cypress documentation on conditional testing

More Related Contents:

  1. org.openqa.selenium.ElementNotInteractableException: Element is not reachable by keyboard: while sending text to FirstName field in Facebook
  2. WebDriver click() vs JavaScript click()
  3. Is there a way to get element by XPath using JavaScript in Selenium WebDriver?
  4. Execute JavaScript using Selenium WebDriver in C#
  5. Getting the return value of Javascript code in Selenium
  6. how to break promise chain
  7. Unable to sign into google with selenium automation because of “This browser or app may not be secure.”
  8. Selenium Datepicker using JavascriptExecutor
  9. Scrolling to top of the page in Python using Selenium
  10. In protractor, browser.isElementPresent vs element.isPresent vs element.isElementPresent
  11. How to set default browser window size in Protractor/WebdriverJS
  12. Set value of input instead of sendKeys() – Selenium WebDriver nodejs
  13. Access a new window – cypress.io
  14. Cypress: Test if element does not exist
  15. Custom browser actions in Protractor
  16. What does arguments[0] and arguments[1] mean when using executeScript method from JavascriptExecutor interface through Selenium WebDriver?
  17. Selenium WebDriver JS – Explicit Wait
  18. Accessing elements in the shadow DOM
  19. An error has occured in ‘site url’: Uncaught TypeError: Cannot read property ‘getColomnSet’ of undefined with Selenium and Python
  20. What is JavaScriptExecutor in Selenium?
  21. Reading JavaScript variables using Selenium WebDriver
  22. scrollIntoView vs moveToElement
  23. Selenium WebDriver wait till element is displayed
  24. QuerySelector for Web Elements Inside iframe
  25. Cypress get href attribute
  26. Cypress.io How to handle async code
  27. Disable images in Selenium Python
  28. Using cross-platform keyboard shortcuts in end-to-end testing
  29. Cypress IO- Writing a For Loop
  30. Intercept the same API call multiple times in Cypress

Leave a Comment