Aam-Digital/ndb-core

describe("Scenario: Recording attendance of a child - E2E test", function () {
  before("GIVEN A specific child is attending a specific class", function () {
    cy.visit("");
    cy.get(`[ng-reflect-angulartics-label="Attendance"]`).click();
  });

  it("WHEN I record attendance for this class", () => {
    cy.contains("button", "Record").click();
  });

  it("AND I set the attendance of the specific child to 'present'", function () {
    cy.contains("mat-card", "School Class")
      .eq(0)
      .click({ scrollBehavior: "center" });
    cy.get(".font-size-rel").first().invoke("text").as("childName");
    cy.contains("div", "Present").click();
    cy.get('[icon="arrow-left"]').click({ force: true });
    cy.contains("button", "Save").click();
  });

  it("THEN in the details page of this child under 'attendance' for the specific class I should see a green background for the current day", function () {
    cy.get('[placeholder="Search"]')
      .focus()
      .type(this.childName)
      .wait(1500)
      .type("{downArrow}")
      .type("{enter}");
    cy.get("#mat-tab-label-0-2").click();
    cy.get(".mat-calendar-body-active").should(
      "have.css",
      "background-color",
      "rgb(200, 230, 201)",
    );
  });
});