E2E 테스트 - About 페이지 이동 시나리오 테스트

 

E2E 테스트 - About 페이지 이동 시나리오 테스트

 

1. /cypress/integration/moveAbout.test.js 생성

/**
 * 검색(메인) 페이지로 접근한 후,
 * Header About 네비게이션 버튼을 클릭,
 * About 페이지에서 정보를 확인
 * 그리고 영화 상세 페이지로 이동한 후,
 * Header 사용자 로고를 클릭하면
 * 다시 About 페이지에서 정보를 확인
*/

describe('About 페이지 이동', () => {
  it('메인 페이지로 접근', () => {
    cy.visit('/')
    cy.get('header .nav-link.active')
      .contains('Search')
  })
  it('About 페이지로 이동', () => {
    cy.get('header .nav-link')
      .contains('About')
      .click()
    cy.url()
      .should('include', '/about')
    cy.wait(1000)
    cy.get('header .nav-link.active')
      .contains('About')
    cy.get('.name')
      .contains('ITBlue')
  })
  it('영화 상세 페이지로 이동', () => {
    cy.get('header .nav-link')
      .contains('Movie')
      .click()
    cy.url()
      .should('include', '/movie')
  })
  it('About 페이지로 이동', () => {
    cy.get('header .user')
      .click()
    cy.url()
      .should('include', 'about')
    cy.wait(1000)
    cy.get('header .nav-link.active')
      .contains('About')
    cy.get('.name')
      .contains('ITBlue')
  })
})

 

결과