gatsby-cypress-endpoints

A Cypress plugin for generating Gatsby endpoints.

This plugin gives you the ability to dynamically generate tests, which is useful for performing routine checks across your Gatsby site.

The following assumptions are made:

1. Tests are being run within a Gatsby (v2) project in development mode
2. Cypress has been configured within your Gatsby project (guide)
3. Fixtures are stored in the following directory <rootDir>/cypress/fixtures/

Installation

1npm install gatsby-cypress-endpoints --save-dev

Configuration

Copy and paste the following code in your project's <rootDir>/cypress/plugins/index.js:

1const { generateEndpoints } = require("gatsby-cypress-endpoints");
2
3module.exports = (on, config) => {
4  generateEndpoints(on, config);
5  return config;
6};

Usage

When you next run Cypress, endpoints are stored as an environment variable, accessible from the Cypress config env object.

Endpoints are also stored as a fixture in <rootDir>/cypress/fixtures/endpoints.js.

Environment variables can be accessed using:

1Cypress.env("endpoints");

Fixtures can be accessed using:

1cy.fixture("../fixtures/endpoints");

NOTE: Certain endpoints may be cached from previous builds. To ensure all endpoints are valid, make sure to clean the cache before each test run.

Examples

For running an accessibility audit (with cypress-axe) across your site, you may use the following approach:

Using environment variables (multiple grouped tests):

1describe("Accessibility checks", () => {
2  Cypress.env("endpoints").forEach(endpoint => {
3    it(endpoint, () => {
4      cy.visit(endpoint).then(() => {
5        cy.wait(500);
6        cy.injectAxe();
7        cy.checkA11y();
8      });
9    });
10  });
11});

Using fixtures (a single test):

1it("Check Accessibility", () => {
2  cy.fixture("../fixtures/endpoints").then(endpoints => {
3    endpoints.forEach(endpoint => {
4      cy.visit(endpoint).then(() => {
5        cy.wait(500);
6        cy.injectAxe();
7        cy.checkA11y();
8      });
9    });
10  });
11});

NOTE: cy commands cannot be called outside of a running test, therefore the approach to use environment variables vs fixtures is entirely dependent on the end-goal of the test.