describe("Create Alert", () => {
  beforeEach(() => {
    cy.login();
  });

  it("renders the initial page and takes a screenshot", () => {
    cy.visit("/alerts/new");
    cy.getByTestId("QuerySelector").should("exist");
    cy.percySnapshot("Create Alert initial screen");
  });

  it("selects query and takes a screenshot", () => {
    cy.createQuery({ name: "Create Alert Query" }).then(({ id: queryId }) => {
      cy.visit("/alerts/new");
      cy.getByTestId("QuerySelector")
        .click()
        .type("Create Alert Query");
      cy.get(`.query-selector-result[data-test="QueryId${queryId}"]`).click();
      cy.getByTestId("Criteria").should("exist");
      cy.percySnapshot("Create Alert second screen");
    });
  });
});