Skip to main content
Home
  • Tutorials
    • Quality Assurance
    • Software Development
    • Machine Learning
    • Data Science
  • About Us
  • Contact
programsbuzz facebook programsbuzz twitter programsbuzz linkedin
  • Log in

Main navigation

  • Tutorials
    • Quality Assurance
    • Software Development
    • Machine Learning
    • Data Science
  • About Us
  • Contact

Cypress focus Command

Profile picture for user arilio666
Written by arilio666 on 02/10/2022 - 13:58

When a particular element needs to be focused, the focus command is used in cypress to aim it precisely and get the job done.

Syntax

.focus()
.focus(options)

Arguments Used In Focus Command

  • Options: Log: To display the command in the command log. Timeout: Wait for some particular thing to get finished before timing out.

Correct Use Of Focus

cy.get('#id').focus()

Focuses on the id element.

Wrong Use Of Focus

cy.focus()
cy.window.focus()
  • Only should be chained up with the command which yields element.
  • Focus command yields the same subject the previous command yields.
  • It requires the element to focus.
  • It will wait automatically for the assertions chained to pass.
  • It can also time out waiting for assertions.

Example

Let us see a realtime scenario

describe('Automate AutoPract',()=>{
    it('Should load the url',()=>{
        cy.visit('http://www.autopract.com/#/home/fashion')
        //cy.url().contains('include','home')
        
    })
    it('Should click POPUP',()=>{
        cy.get('.close').focus().click()

    })
    it('Should click Side bar',()=>{

        //cy.get('.bar-style').click()
        cy.get('#mce-EMAIL').scrollIntoView()
        cy.get('form').within(()=>{
           // cy.get('p').should('contain','Never Miss Anything From Multikart By Signing Up To Our Newsletter.')
            cy.document().its('body').find('p').should('contain','Never Miss Anything From Multikart By Signing Up To Our Newsletter.')
            //cy.root().closest("div[class='subscribe'] div")
            cy.get('#mce-EMAIL').type('mama@gmail.com')
        })
    })
})
  • This is a simple temporary escape method.
  • We can notice that we are closing a popup after visiting the site.
  • In this case, the true aim is to close the popup.
  • Because without closing the functions after, the code won't work.
  • In this case, we are focusing on the element '.close.'

  • We can see that it has focused and click on the close button of the popup.
  • This is one of the ways we can use the focus command.
Related Content
Cypress Tutorial
Cypress Double-click using dblclick Command
Cypress rightclick Command
Tags
Cypress
  • Log in or register to post comments

Choose Your Technology

  1. Agile
  2. Apache Groovy
  3. Apache Hadoop
  4. Apache HBase
  5. Apache Spark
  6. Appium
  7. AutoIt
  8. AWS
  9. Behat
  10. Cucumber Java
  11. Cypress
  12. DBMS
  13. Drupal
  14. GitHub
  15. GitLab
  16. GoLang
  17. Gradle
  18. HTML
  19. ISTQB Foundation
  20. Java
  21. JavaScript
  22. JMeter
  23. JUnit
  24. Karate
  25. Kotlin
  26. LoadRunner
  27. matplotlib
  28. MongoDB
  29. MS SQL Server
  30. MySQL
  31. Nightwatch JS
  32. PactumJS
  33. PHP
  34. Playwright
  35. Playwright Java
  36. Playwright Python
  37. Postman
  38. Project Management
  39. Protractor
  40. PyDev
  41. Python
  42. Python NumPy
  43. Python Pandas
  44. Python Seaborn
  45. R Language
  46. REST Assured
  47. Ruby
  48. Selenide
© Copyright By iVagus Services Pvt. Ltd. 2023. All Rights Reserved.

Footer

  • Cookie Policy
  • Privacy Policy
  • Terms of Use