cypress-autorecord/cypress/integration/fixture.spec.js

It simplifies mocking by auto-recording/stubbing HTTP interactions and automate the process of updating/deleting recordings.

// Set config before importing the autorecord file
Cypress.config('autorecord', { maxInlineResponseSize: 0.00001 });

const autoRecord = require('../../index');
const testName = 'records a mock after the test has finished';

// Ensures the next test doesn't load fixtures before they're
// deleted!
describe('beforeSetup', function () {
  beforeEach(function () {
    cy.task('removeAllMocks');
  });

  it('deletes the mocks', function () {
    cy.readFile('../mocks/fixture.spec.json').should('not.exist');
  });
});

describe('setup', function () {
  autoRecord();

  beforeEach(function () {
    cy.visit('cypress/integration/index.html');
  });

  it(testName, function () {
    cy.readFile('../mocks/fixture.spec.json').should('not.exist');
    cy.readFile('../fixtures/fixture-spec').should('not.exist');
    // Ensure the http request has finished
    cy.contains(/"userId":1/i);
  });
});

describe('test', function () {
  context('the generated mock file', function () {
    it('should contain the fixtureId', function () {
      cy.readFile('cypress/mocks/fixture.spec.json').then((mock) => {
        cy.wrap(mock).its(testName).should('exist');

        const { routes } = mock[testName];
        const [route] = routes;

        expect(route).to.have.property('fixtureId');
      });
    });
  });
});