The library highlights the difference between the expected and actual values in the Cypress Test Runner UI.
npm install cypress-diff
> Keep in mind that it's still in beta. Please, report any issues you find. Moreover, this library is designed to work with texts and objects.
``bash`
npm i -D cypress-diff
Add the following line to your cypress/support/e2e.js file:
`js`
// cypress/support/e2e.js
require('cypress-diff');
`ts`
// cypress/support/e2e.ts
import 'cypress-diff';
In case you are using a Cypress.on('fail') handler in your tests already then you can configure the plugin like this:
`js
// cypress/support/e2e.js
const { onFailHandler } = require('cypress-diff');
Cypress.on('fail', (error, runnable) => {
// ...
onFailHandler(error, runnable);
// ...
});
``
Yevhen Laichenkov