Document how to run same test on multiple urls

viewports = ['mobile', 'tablet', 'desktop']

it ...loop through viewports to create title of test
  cy.viewport(i)
  assertions here

Track down where this has been done successfully in cypress issues

[jennifer-shehane]

const urls = ['https://docs.cypress.io', 'https://www.cypress.io']

describe('Logo', () => {
  urls.forEach((url) => {
    it(`Should display logo on ${url}`, () => {
      cy.visit(url)
      cy.get('#logo img')
        .should('have.attr', 'src')
        .and('include', 'logo')
    })
  })
})

[melibe23]

I tried to do this using beforeEach, but I couldn’t get it going… it was using the last value in my viewport array. I’m sure this is a closure issue, but I couldn’t get it working. Can you post the above example (#521 (comment)) using beforeEach?

I am not using beforeEach, and still, get the same error.

This is my code:

const urls = [
  "https://www.getapp.com/hr-employee-management-software/a/findmyshift/compare/",
  "https://www.getapp.com/hr-employee-management-software/a/findmyshift/compare/quinyx/",
  "https://www.getapp.comhr-employee-management-software/a/findmyshift/compare/quinyx-vs-cakehr/,
  "https://www.getapp.com/hr-employee-management-software/a/findmyshift/compare/quinyx-vs-cakehr-vs-lanteria-hr/"
];

describe("Compare page - Side nav", () => {
  urls.forEach(url => {
    it(`Sidenav is present on ${url}`, () => {
      cy.visit(url);
      cy.xpath('//*[@id="__next"]/div/div/div[1]/div/div/nav').should(
        "be.visible"
      );
    });

  after(() => {
  cy.end();
   });

It only takes into account the last URL in the array.

What I am doing wrong?