// The Lucia project.
// Copyright 2026-2026 DSP, inc.  All rights reserved.
// Authors:
//   imacat.yang@dsp.im (imacat), 2026/03/05

import { loginWithFixtures } from "../support/intercept";

describe("Discover Performance Page", () => {
  beforeEach(() => {
    loginWithFixtures();
    cy.visit("/discover/log/297310264/performance");
    cy.wait("@getPerformance");
  });

  it("page loads and loading overlay disappears", () => {
    // Loading overlay should not be visible after data loads
    cy.get(".z-\\[9999\\]", { timeout: 10000 }).should("not.exist");
  });

  it("displays Time Usage sidebar section", () => {
    cy.get(".z-\\[9999\\]", { timeout: 10000 }).should("not.exist");
    cy.contains("Time Usage").should("be.visible");
  });

  it("displays Frequency sidebar section", () => {
    cy.get(".z-\\[9999\\]", { timeout: 10000 }).should("not.exist");
    cy.contains("Frequency").should("be.visible");
  });

  it("displays sidebar navigation items", () => {
    cy.get(".z-\\[9999\\]", { timeout: 10000 }).should("not.exist");
    cy.contains("Cycle Time & Efficiency").should("be.visible");
    cy.contains("Processing Time").should("be.visible");
    cy.contains("Waiting Time").should("be.visible");
    cy.contains("Number of Cases").should("be.visible");
  });

  it("displays chart titles", () => {
    cy.get(".z-\\[9999\\]", { timeout: 10000 }).should("not.exist");
    cy.contains("Average Cycle Time").should("be.visible");
    cy.contains("Cycle Efficiency").should("be.visible");
    cy.contains("Average Processing Time").should("be.visible");
    cy.contains("Average Processing Time by Activity").should("be.visible");
    cy.contains("Average Waiting Time").should("be.visible");
  });

  it("displays frequency chart titles", () => {
    cy.get(".z-\\[9999\\]", { timeout: 10000 }).should("not.exist");
    cy.contains("New Cases").should("be.visible");
    cy.contains("Number of Cases by Activity").should("be.visible");
  });

  it("renders canvas elements for charts", () => {
    cy.get(".z-\\[9999\\]", { timeout: 10000 }).should("not.exist");
    // Chart.js renders into canvas elements
    cy.get("canvas").should("have.length.at.least", 5);
  });

  it("sidebar navigation scrolls to section", () => {
    cy.get(".z-\\[9999\\]", { timeout: 10000 }).should("not.exist");
    // Click on "Waiting Time" in sidebar
    cy.contains("li", "Waiting Time").click();
    // The Waiting Time section should be in view
    cy.get("#waitingTime").should("exist");
  });
});