✏️ Learn

Snapshot Test

최다인

스냅샷 테스팅(snapshot testing)이란 어떤 기능의 예상 결과를 미리 정확히 포착해두고 실제 결과에 비교하는 테스트 기법이다.
Jest문서에서는 스냅샷 테스트가 UI를 테스트하기에도 좋다고 말한다.
Vitest와 Jest의 snapshot test 문법은 동일하다.

inline snapshot

실행하면 snapshot이 테스트코드 내에 삽입된다.
snapshot이 기록된 이후에, 업데이트하려면 -u 옵션을 주어 테스트를 실행해야한다.

expect(sum(1,2)).toMatchInlineSnapshot(); // 최초 실행 전
expect(sum(1,2)).toMatchInlineSnapshot(`3`); // 실행 후

file snapshot

실행하면 snapshot 파일이 생성된다.

expect(...).toMatchSnapshot();

UI snapshot test 예시

it('renders correctly', () => {
  const tree = renderer
    .create(<Link page="http://www.facebook.com">Facebook</Link>)
    .toJSON();
  expect(tree).toMatchSnapshot();
});

Mock