Testing Your Frontend with Cypress.io Framework

cypress_integration_login.spec.js

// cypress/integration/login.spec.js
describe('login', () => {
  beforeEach(() => {
    visitLoginPage()
  })

  it('A User logs in and sees a welcome message', () => {
    loginWith('[email protected]', 'passsword')

    expect(cy.contains('Welcome back Michael')).to.exist
  })

  it('A User logs off and sees a goodbye message', () => {
    loginWith('[email protected]', 'password')
    logout()

    expect(cy.contains('Goodbye! See you soon!'))
  })
})

const visitLoginPage = () => {
  cy.visit('http://localhost:3000')
}

const loginWith = (email, password) => {
  cy.get('[name="email"]').type(email)
  cy.get('[name="password"]').type(password)
  cy.get('button').click()
}
const logout = () => {
  cy.get('button').click()
}