Skip to main content

Install Argos with Cypress

Setup Argos with Cypress.

The best way to integrate Argos with Cypress is to use @argos-ci/cypress.

It automatically stabilizes your screenshots avoiding screenshoting during "loading" phase of your application.

1. Install

npm install --save-dev @argos-ci/cypress

2. Setup in Cypress

Make sure that you have setup Cypress and add this line to your cypress/support/commands.js file.

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

3. Use in your tests

it("...", () => {
// Screenshot a page
cy.argosScreenshot("home");

// Screenshot a component
cy.get("main div.breadcrumb").argosScreenshot("home-breadcrumb");
});