impress-2020/cypress/integration/WardrobePage/SearchPanel.spec.js

// Give network requests a bit of breathing room!
const networkTimeout = { timeout: 6000 };

describe("WardrobePage: SearchPanel", () => {
  // NOTE: This test depends on specific search results on certain pages, and
  //       could break if a lot of matching items are added to the site!
  it.only("Searches by keyword", () => {
    cy.visit("/outfits/new");

    // The first page should contain this item.
    cy.get("[data-test-id=item-search-input]").type("winter");
    cy.contains("A Warm Winters Night Background", networkTimeout).should(
      "exist"
    );

    // And the second page should contain this item.
    cy.get("[data-test-id=search-panel-scroll-container]").scrollTo("bottom");
    cy.contains(
      "Dyeworks Purple: Winter Rose Foreground",
      networkTimeout
    ).should("exist");
  });

  it("Only shows items that fit", () => {
    cy.visit("/outfits/new");

    // Searching for Christmas paintbrush items should show the Acara items,
    // but not the Aisha items.
    cy.get("[data-test-id=item-search-input]")
      .type("pb{enter}")
      .type("christmas");
    cy.contains("Christmas Acara Coat", networkTimeout).should("exist");
    cy.contains("Christmas Aisha Collar").should("not.exist");
  });
});