fetch-mock-cypress-usage.js

describe('Page: list of Star Wars characters', () => {
  const characters = [
                  {
                    name: 'Chewbacca',
                    species: 'Wookie',
                  },
                  {
                    name: 'Luke Skywalker',
                    species:  'Human',
                  }
                ];
  beforeEach(() => {
    cy.mockGraphQL((operationName) => {
      switch (operationName) {
        case 'GET_CHARACTER_LIST': 
          return {
            test(variables) {
              expect(variables.faction).toEqual('Rebels');
            },
            mockResult: {
              data: {
                getCharacterList: characters
              }
            }
          };
        default:
          return {};
      }
    });
  });
  
  it('should show a list of Rebel characters', () => {
    cy.visit('/characters/rebels')
      .get('li.character')
      .each((li, idx) => cy
            .wrap(li)
            .find('span.name')
            .should('contain', characters[idx].name)
            .find('span.species')
            .should('contain', characters[idx].species)
      );
  });
});