import { login } from "./helpers";

describe("circle page", () => {
  beforeEach(() => {
    cy.manageCommand("cypress_reset");

    login("admin", "test");
    cy.visit("/circle/analyse");
  });

  it("can open circle page", () => {
    cy.get('[data-cy="circle-title"]').should("contain", "Analyse");
  });

  it("can toggle learning content", () => {
    cy.get('[data-cy="circle-title"]').should("contain", "Analyse");

    cy.get(
      '[data-cy="lc-ermittlung-des-kundenbedarfs-4"] > .cy-checkbox'
    ).click();

    cy.get(
      '[data-cy="lc-ermittlung-des-kundenbedarfs-4"] > .cy-checkbox-checked'
    ).should("have.class", "cy-checkbox-checked");

    // completion data should still be there after reload
    cy.reload();
    cy.get(
      '[data-cy="lc-ermittlung-des-kundenbedarfs-4"] > .cy-checkbox-checked'
    ).should("have.class", "cy-checkbox-checked");
  });

  it("can open learning contents and complete them by continuing", () => {
    cy.get('[data-cy="lc-ermittlung-des-kundenbedarfs-4"]').click();

    cy.get('[data-cy="complete-and-continue"]').click();
    cy.get('[data-cy="complete-and-continue"]').click();
    cy.get('[data-cy="complete-and-continue"]').click();

    cy.get('[data-cy="close-learnng-content"]').click();

    cy.get(
      '[data-cy="lc-ermittlung-des-kundenbedarfs-4"] > .cy-checkbox-checked'
    ).should("have.class", "cy-checkbox-checked");
    cy.get('[data-cy="lc-kundenanalyse"] > .cy-checkbox-checked').should(
      "have.class",
      "cy-checkbox-checked"
    );
    cy.get(
      '[data-cy="lc-kundenbedürfnisse-erkennen-2"] > .cy-checkbox-checked'
    ).should("have.class", "cy-checkbox-checked");
  });
});