tesla-multiple-viewports.cy.ts

describe("Tesla buying a Model 3", () => {
  const sizes = ["iphone-x", "ipad-2", "macbook-13"];
  Cypress.on("uncaught:exception", () => {
    return false;
  });

  sizes.forEach((size) => {
    it(`buy a model 3 on ${size}`, () => {
      cy.viewport(size as Cypress.ViewportPreset);

      cy.visit("https://www.tesla.com/model3");

      cy.get("body").then((body) => {
        if (
          body.find(".tds-modal-actions > .tds-modal-close > .tds-icon")
            .length > 0
        ) {
          cy.get(".tds-modal-actions > .tds-modal-close > .tds-icon").click({
            force: true,
          });
        }
      });

      cy.get("main").within(() => {
        cy.contains("Order Now").click({ force: true });
      });

      cy.get('div [data-group-id="BATTERY_AND_DRIVE"]').within(() => {
        cy.contains("Long Range").click({ force: true });
      });

      cy.get('div [data-subtype="btn-navigation--payment"]').click({
        force: true,
      });

      cy.contains("Order with Card");
    });
  });
});