스냅샷은 어떤 형식이어야 하나요?

이 도구는 Jest 또는 Vitest와 같은 테스트 프레임워크에서 일반적으로 생성하는 일반 텍스트, JSON 또는 직렬화된 마크업을 허용합니다.

내 테스트 데이터는 안전한가요?

네, 그렇습니다. diffing 로직은 브라우저 메모리 내에서 로컬로 실행되며 어떤 스냅샷 내용도 서버에 업로드되지 않습니다.

측면별 diff는 어떻게 작동하나요?

이 도구는 두 개의 개별 패널에서 라인 단위 변경 사항을 계산하고 추가된 내용은 녹색으로, 제거된 내용은 빨간색으로 강조 표시합니다.

비-테스트 파일에도 사용할 수 있나요?

스냅샷 테스트 출력용으로 설계되었지만, 이 도구는 두 문자열에 대한 범용 텍스트 비교 유틸리티로도 작동합니다.

포매터 및 코드

스냅샷 테스트 미리보기

Side-by-side diff for any two snapshot strings.

Runs in your browser

Previous snapshotNew snapshot

Diff+3-2

- <div class="card">
-   <h2>Old title</h2>
+ <div class="card highlighted">
+   <h2>New title</h2>
    <p>First paragraph.</p>
+   <p>Plus a fresh line.</p>
  </div>

편집자 노트

Understanding · Capture the output, diff on every run.

이 심층 챕터는 현재 영어로만 제공됩니다. 위의 변환 도구는 귀하의 언어로 작동하지만, 긴 설명 글은 아직 번역되지 않았습니다.

자주 묻는 질문

Quick answers.

›What format should the snapshots be in?

The tool accepts plain text, JSON, or serialised markup commonly produced by testing frameworks like Jest or Vitest.

›Is my test data safe?

Yes. The diffing logic runs locally in your browser memory and no snapshot content is uploaded to any server.

›How does the side-by-side diff work?

The tool calculates line-level changes and highlights additions in green and removals in red across two distinct panels.

›Can I use this for non-test files?

Whilst designed for snapshot testing output, the tool functions as a general-purpose text diffing utility for any two strings.

사람들이 다음도 검색합니다.

More in this room.

모두 보기 포매터 및 코드