Adding argosScreenshotForResolutions command to cypress

cypress-support-e2e.js

// file: cypress/support/e2e.js

import "@argos-ci/cypress/support";

const resolutions = ["iphone-6", "ipad-2", [1024, 768]];

Cypress.Commands.add("argosScreenshotForResolutions", (name, options = {}) => {
  // Save the initial viewport size
  const initialViewportWidth = Cypress.config("viewportWidth");
  const initialViewportHeight = Cypress.config("viewportHeight");

  // Loop through the resolutions and take a screenshot for each.
  resolutions.forEach((resolution) => {
    let resolutionPrefix;

    if (Array.isArray(resolution)) {
      const [width, height] = resolution;
      cy.viewport(width, height);
      resolutionPrefix = `${width}x${height}`;
    } else {
      cy.viewport(resolution);
      resolutionPrefix = resolution.toString();
    }

    cy.argosScreenshot(`[${resolutionPrefix}] ${name}`, options);
  });

  // Reset the viewport back to its initial size.
  cy.viewport(initialViewportWidth, initialViewportHeight);
});

// Example usage:
// # cy.argosScreenshot("homepage")  👈 Replace this
// argosScreenshotForResolutions(resolutions);