custom matchImageSnapshot command

command.js

import { addMatchImageSnapshotCommand } from 'cypress-image-snapshot/command';

const snapshotsFolder = Cypress.config('customSnapshotsDir');
const waitForFirstTime = Cypress.config('waitForFirstTime');

addMatchImageSnapshotCommand();
Cypress.Commands.add(
  'waitMatchImageSnapshot',
  {
    prevSubject: 'optional',
  },
  (
    subject,
    snapshotName,
    options = {
      failureThreshold: 200,
      failureThresholdType: 'pixel',
      customDiffConfig: { threshold: 0.2 },
      retryCounter: 10,
    },
  ) => {
    const filePath = `${snapshotsFolder}${Cypress.spec.name}/${snapshotName}.snap.png`;
    cy.task('readFileMaybe', filePath).then(result => {
      if (!result) {
        cy.wait(waitForFirstTime);
      }
    });
    if (subject) {
      return cy.wrap(subject).matchImageSnapshot(snapshotName, options);
    }
    return cy.matchImageSnapshot(snapshotName, options);
  },
);