cypress-starter-project

Starter project for UI end-to-end testing with Cypress using Typescript.

How to run project locally

• Clone and cd into the repo, run npm i to install project's dependencies.
• Type npm run test to run the example E2E tests, or npm run test:ci in context of the CI/CD pipeline.

Sample e2e tests written:

Example #1:

Google.test.ts

describe('Google', () => {
  beforeEach(() => {
    cy.visit('https://www.google.com/')
  })

  it('I see a search bar and Google search button', () => {
    cy.get(`input[title="Search"]`).should('be.visible')
    cy.get(`input[value="Google Search"]`).should('be.visible')
  })
})

Example #2:

Rivian.test.ts

describe('Rivian', () => {
  beforeEach(() => {
    cy.visit('https://rivian.com/')
  })

  it('When I visit R1T page', () => {
    cy.get('[data-testid=nav-link]').contains('R1T').click()
    cy.url().should('include', 'r1t')
    for (let text of ['R1T', 'EPA estimated range of 314 miles', 'Starting at $67,500']) {
      cy.contains(text)
    }
  })

  it('When I visit R1S page', () => {
    cy.get('[data-testid=nav-link]').contains('R1S').click()
    cy.url().should('include', 'r1s')
    for (let text of ['R1S', 'EPA estimated range of 316 miles', 'Starting at $70,000']) {
      cy.contains(text)
    }
  })

  it('When I visit Gear Shop page', () => {
    cy.get('[data-testid=nav-link]').contains('Gear Shop').click()
    cy.url().should('include', 'gear-shop')
    for (let text of ['All Gear']) {
      cy.contains(text)
    }
  })

  it('When I visit Fleet page', () => {
    cy.get('[data-testid=nav-link]').contains('Fleet').click()
    cy.url().should('include', 'fleet')
    for (let text of [
      'Electrify your fleet',
      'Efficient, sustainable solutions for your business and the planet.',
      'Rivian is developing vehicles, software, charging solutions and services designed to help increase uptime and lower operating costs while helping businesses achieve ambitious sustainability goals.',
    ]) {
      cy.contains(text)
    }
  })
})