import { Scale } from "chart.js";
import { Model } from "../../../../src";
import { TREND_LINE_XAXIS_ID } from "../../../../src/helpers/figures/charts/chart_common";
import { LineChartRuntime } from "../../../../src/types/chart/line_chart";
import { toChartDataSource } from "../../../test_helpers/chart_helpers";
import { createChart, setCellContent } from "../../../test_helpers/commands_helpers";

let model: Model;

beforeEach(() => {
  model = new Model();
});

describe("Zoomable chart configuration tests", () => {
  test("Master charts do not contain title/legend/tooltips", () => {
    createChart(
      model,
      { type: "line", legendPosition: "top", title: { text: "myTitle" }, showValues: true },
      "chartId"
    );

    const runtime = model.getters.getChartRuntime("chartId") as LineChartRuntime;

    expect(runtime.masterChartConfig?.options?.plugins?.legend?.display).toBe(false);
    expect(runtime.masterChartConfig?.options?.plugins?.title?.display).toBe(false);
    expect(runtime.masterChartConfig?.options?.plugins?.tooltip?.enabled).toBe(false);
    expect(runtime.masterChartConfig?.options?.plugins?.chartShowValuesPlugin).toBe(undefined);
  });

  test("Master chart do not have Y axis", () => {
    setCellContent(model, "B2", "5");
    setCellContent(model, "C2", "10");
    createChart(
      model,
      {
        type: "line",
        ...toChartDataSource({
          dataSets: [{ dataRange: "B1:B5" }, { dataRange: "C1:C5", yAxisId: "y1" }],
        }),
      },
      "chartId"
    );

    const runtime = model.getters.getChartRuntime("chartId") as LineChartRuntime;

    expect(runtime.chartJsConfig.options?.scales?.y?.display).toBe(undefined); // chartJS default is display=true
    expect(runtime.chartJsConfig.options?.scales?.y1?.display).toBe(undefined);

    expect(runtime.masterChartConfig?.options?.scales?.y?.display).toBe(false);
    expect(runtime.masterChartConfig?.options?.scales?.y1?.display).toBe(false);
  });

  test("Master chart X axis does not have a title and labels are truncated", () => {
    setCellContent(model, "A2", "Long label 1");
    setCellContent(model, "B2", "5");
    createChart(
      model,
      {
        type: "line",
        ...toChartDataSource({
          dataSets: [{ dataRange: "B1:B5" }],
          labelRange: "A1:A5",
        }),
        axesDesign: { x: { title: { text: "axis title" } } },
      },
      "chartId"
    );

    const runtime = model.getters.getChartRuntime("chartId") as LineChartRuntime;

    expect(runtime.masterChartConfig?.options?.scales?.x?.title).toBe(undefined);
    const labels = runtime.chartJsConfig.data.labels;
    const fakeScale = {
      getLabelForValue: (index: number) => labels?.[index],
    } as Scale;
    const callback = runtime.masterChartConfig?.options?.scales?.x?.ticks?.callback;
    expect(callback?.call(fakeScale, 0, 0, [])).toBe("Long …");
  });

  test("Trend lines are not present in master charts", () => {
    setCellContent(model, "B2", "5");
    setCellContent(model, "B3", "10");
    createChart(
      model,
      {
        type: "line",
        ...toChartDataSource({
          dataSets: [{ dataRange: "B1:B5", trend: { display: true, type: "logarithmic" } }],
        }),
      },
      "chartId"
    );

    const runtime = model.getters.getChartRuntime("chartId") as LineChartRuntime;

    expect(runtime.chartJsConfig.data.datasets.length).toBe(2);
    expect(runtime.masterChartConfig?.data.datasets.length).toBe(1);

    expect(runtime.chartJsConfig.options?.scales?.[TREND_LINE_XAXIS_ID]).toBeDefined();
    expect(runtime.masterChartConfig?.options?.scales?.[TREND_LINE_XAXIS_ID]).toBeUndefined();
  });
});