describe('media page sets', () => {
  it('fetches and renders set cards', () => {
    cy.intercept('GET', '**/api/sets', {
      statusCode: 200,
      body: {
        sets: [
          {
            id: 1,
            name: 'Baderech HaAvodah',
          },
        ],
      },
    }).as('fetchSets')

    cy.visit('/media')

    cy.wait('@fetchSets')
    cy.get('[data-cy="media-set-card"]').should('have.length', 1)
    cy.contains('[data-cy="media-set-card"]', 'Baderech HaAvodah')
      .should('be.visible')
  })
})