americanexpress/jest-image-snapshot

Output interactive diff

Open

#51 opened on Feb 25, 2018

View on GitHub
 (10 comments) (10 reactions) (0 assignees)JavaScript (3,641 stars) (210 forks)batch import
enhancementhelp wantednice to have

Description

Would be cool if a failing test result could output an html report with details about the failing snapshot and an interactive diff much like what bitbucket server provides

Contributor guide

Tech stack
javascriptnodejshtml
Domain
testingdeveloper experience
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
3-5 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Jest testingImage comparisonHTML report generation
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
The issue requests an interactive diff HTML report for failing snapshot tests. Review the 10 comments for design ideas and potential implementation constraints. The repository's snapshot matcher code (likely in src/index.js or similar) needs to be modified to generate an HTML file upon test failure. No linked PRs exist, so understand the existing test runner integration and how to output a file. Consider using a minimal HTML template with inline CSS/JS for the interactive diff.
Output interactive diff · americanexpress/jest-image-snapshot#51 | Good First Issue