cypress 10 "hello world"

바로 이전에 설치를 해봤으니 이제 모든사람이 사용하는 "hello world" 를 찍을 차례입니다.

1. cypress를 명령어로 실행

$> npm run test

위와같이 팝업창이 나타난다.

2. E2E Testing 시작

여기에서 우리는 E2E 테스트를 할 것이기때문에 왼쪽의 E2E Testing을 선택한다.

브라우져 선택창에서는 원하는 브라우져를 선택한다. 저는 크롬을 선택함

start E2E Testing in Chrome 버튼을 선택하여 시작

이렇게 브라우져 창이 새로 오픈됨

3. 코드작성

e2e 폴더 안에 임의의 helloworld.cy.ts 파일 생성

helloworld.cy.ts 코드작성

describe('empty spec', () => {
  it('passes', () => {
    cy.log("hello world");
  })
})

저장한다.

상세설명은 추후 하고 일단 이 포스트는 실행시키는것을 목적으로 한다

4. 실행

저장하면 2에서 오픈된 브라우져 > Spqcs 에 보면 helloworld.cy.ts 가 생겨있다.

helloworld.cy.ts를 선택하면 실행이되고
아까 log로 찍은 "hello world" 가 나타난다.