Cypress examples (v13.8.0)

Navigation

Examples of navigating to pages within your application in Cypress, for a full reference of commands, go to docs.cypress.ioopen in new window

cy.go()open in new window

To go back or forward in the browser's history, use the cy.go() command.

cy.get('.nav-item').contains('Commands').click()
cy.get('.dropdown-item').contains('Navigation').click()

cy.location('pathname').should('include', 'navigation')

cy.go('back')
cy.location('pathname').should('not.include', 'navigation')

cy.go('forward')
cy.location('pathname').should('include', 'navigation')

// clicking back
cy.go(-1)
cy.location('pathname').should('not.include', 'navigation')

// clicking forward
cy.go(1)
cy.location('pathname').should('include', 'navigation')

cy.reload()open in new window

To reload the page, use the cy.reload() command.

cy.get('.nav-item').contains('Commands').click()
cy.get('.dropdown-item').contains('Navigation').click()

cy.reload()

// reload the page without using the cache
cy.reload(true)

cy.visit()open in new window

To visit a remote page, use the cy.visit() command.

// trick: dynamically set base url in this test only
Cypress.config(
  'baseUrl',
  `${window.location.origin}/cypress-examples/${Cypress.version}`,
)

// Visit any sub-domain of your current domain,
// if you set baseUrl option
// https://on.cypress.io/best-practices#Setting-a-global-baseUrl

// Pass options to the visit
cy.visit('/commands/navigation', {
  timeout: 50000, // increase total time for the visit to resolve
  onBeforeLoad: function (contentWindow) {
    // contentWindow is the remote page's window object
    expect(
      typeof contentWindow,
      'onBeforeLoad window reference',
    ).to.equal('object')
  },
  onLoad: function (contentWindow) {
    // contentWindow is the remote page's window object
    expect(
      typeof contentWindow,
      'onLoad window reference',
    ).to.equal('object')
  },
})