import { login } from "./helpers";

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

  it("can open learningPath page", () => {
    login("admin", "test");
    cy.visit("/course/versicherungsvermittler-in/learn");

    cy.get('[data-cy="learning-path-title"]').should(
      "contain",
      "Versicherungsvermittler/-in"
    );
  });

  it("can click on circle to open it", () => {
    login("admin", "test");
    cy.visit("/course/versicherungsvermittler-in/learn");

    cy.get('[data-cy="circle-Fahrzeug"]').click({ force: true });

    cy.url().should(
      "include",
      "/course/versicherungsvermittler-in/learn/fahrzeug"
    );
    cy.get('[data-cy="circle-title"]').should("contain", "Fahrzeug");
  });

  it("switch between list and path view", () => {
    login("admin", "test");
    cy.visit("/course/versicherungsvermittler-in/learn");

    cy.get('[data-cy="lp-path-view"]').should("be.visible");
    cy.get('[data-cy="view-switch"]').click();
    cy.get('[data-cy="lp-list-view"]').should("be.visible");
    cy.get('[data-cy="view-switch"]').click();
    cy.get('[data-cy="lp-path-view"]').should("be.visible");
  });

  it("weiter gehts button will open next circle", () => {
    login("admin", "test");
    cy.visit("/course/versicherungsvermittler-in/learn");

    // first click will open first circle
    cy.get('[data-cy="lp-continue-button"]')
      .filter(":visible")
      .should("contain", "Los geht's")
      .click();
    cy.get('[data-cy="circle-title"]').should("contain", "Basis");
    cy.get('[data-cy="back-to-learning-path-button"]').click();

    // mark a learning content in second circle
    cy.get('[data-cy="circle-Fahrzeug"]').click({ force: true });
    cy.get(
      '[data-cy="versicherungsvermittler-in-lp-circle-fahrzeug-lc-rafael-fasel-wechselt-sein-auto-einstieg-checkbox"] > .cy-checkbox'
    ).click();
    cy.get('[data-cy="back-to-learning-path-button"]').click();

    // click on continue should go to unit-test-circle
    cy.get('[data-cy="lp-continue-button"]')
      .filter(":visible")
      .should("contain", "Weiter geht's")
      .click();
    cy.get('[data-cy="circle-title"]').should("contain", "Fahrzeug");
  });
});