With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.

Cypress Community

Here's my code: ` const viewports = [
    { name: "desktop", size: "macbook-15" },
    { name: "mobile", size: "iphone-6" },
    { name: "tablet", size: "ipad-2" },
  ];

  viewports.forEach((viewport) => {
    context(`on ${viewport.name} view`, () => {
      beforeEach(() => {
        cy.viewport(viewport.size);
      });

      it("searches for a product and checks the search API response", () => {
        // Visit the Laithwaites Wine UK homepage
        cy.visit("https://webdev001.laithwaites.co.uk:9190/");
        // Find the search input and type in a search term
        let searchInputSelector;
        cy.log(Cypress.config("viewportWidth"))
        if (Cypress.config("viewportWidth") < 768) {
          searchInputSelector = "#search";
        } else {
          searchInputSelector = ".search-group-container > .form-control";
        }
        cy.get(searchInputSelector).type("Pinot Noir"); `