Visiting web pages

When writing automated tests for web applications, the first step is to visit the URL of the application under test.

For this, Cypress offers the cy.visit() command.

To visit a web page with Cypress, simply pass the desired URL as a string to the cy.visit() command.

For example: cy.visit('https://google.com').

A good place to put the cy.visit() command is inside the callback function of the beforeEach() hook.

For example:

beforeEach(() => {
  cy.visit('https://example.com')
})

This way, you don't need to repeat the cy.visit() command inside each test case, as it will be executed before each it block.

Commands overview 📖

cy.visit()

Navigates to a URL and waits for the page to fully load before continuing.

Syntax:

cy.visit(url)
cy.visit(url, options)

Example:

cy.visit('https://example.com')

👨‍🏫 If you set a baseUrl in cypress.config.js, you can pass a relative path to cy.visit() (e.g., cy.visit('/')) instead of repeating the full URL in every test. This makes your tests shorter and easier to point at a different environment.

Suggested content 📚

• cy.visit() - official documentation
• How to visit a page that is on my computer with Cypress

Exercise 🎯

Try updating your test suite to visit the Cypress Playground URL before each test case.

🙊 Put the cy.visit() call inside a beforeEach() hook so it runs before every it block automatically.

From the Cypress App, run the tests to ensure your implementation works.

If the Cypress App isn't open, run npm run cy:open to open it.

Show the world what you have learned 🌎

To show your professional network what you have learned in this lesson, post the following on LinkedIn.

I am taking the "Cypress Testing Lab" course by @Walmyr Lima e Silva Filho at the @Talking About Testing school, where I learned how to visit web pages with Cypress, as well as how to avoid repetitive code using the beforeEach hook. #TalkingAboutTesting #TATSchool #CypressTestingLab #CypressPlayground #Cypress

👨‍🏫 Remember to tag me in your post. Here is my LinkedIn profile.