Output interactive diff

[anescobar1991]

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

[metaskills]

Or alternatively, using term-img (https://github.com/sindresorhus/term-img) to show the diff in the console. Are there any hooks where I can wire this up myself?

[anescobar1991]

@metaskills you may be able to create a custom Jest reporter to do so

[kandros]

@metaskills I'm doing experiments with it, looking good so far but had to edit jest-image-snapshot core, looking into custom reporter right now

also looking at wayt to add interactive review https://github.com/americanexpress/jest-image-snapshot/issues/84

[metaskills]

Love it, I subscribed to your linked issue too.

[kandros]

I need to add result to the result of the matcher https://github.com/americanexpress/jest-image-snapshot/blob/master/src/index.js#L120

but I cannot find a way to read a matcher result data from a custom reporter

looking at jest code I should be already able to read at least pass and message from a reporter https://github.com/facebook/jest/blob/master/packages/expect/src/index.js#L274

but I cannot find where this is available

@anescobar1991 do you have any idea where a custom reporter can read the result object of a custom matcher?

[anescobar1991]

Oops! Got here too late I see you have figured it out in the Jest repo. This will be a great contribution though I can’t wait to see it!

[tobiaslins]

We are using Axcept for snapshot testing, management & diffs. @anescobar1991 can't find out if it is allowed to post this. Please remove if not!

[thomasbertet]

@kandros did you manage to hack something ? I might be interested to push forward the interactive mode especially, not sure its something you started doing. Please let me know :)

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity.

[andreabisello]

i'm subriscribing this issue because i'm searching for something in order to add the imagediff on the html report as asked here https://github.com/americanexpress/jest-image-snapshot/issues/157

i would like to

• embed image diff in html report (i'm using https://www.npmjs.com/package/jest-html-reporter , but i can change)
• embed image diff in atlassian bamboo test result (if possible)

someone can suggest me a simply way to obtain mainly the first bullet point?

thanks.