import { readFileSync } from "node:fs";
import { describe, expect, it } from "vitest";

const panelSource = readFileSync(new URL("../SqlFilePanel.vue", import.meta.url), "utf8");

describe("SqlFilePanel selection", () => {
  it("uses the shared ordered-list selection behavior", () => {
    expect(panelSource).toContain("orderedListSelectionIntent(event)");
    expect(panelSource).toContain("orderedListRangeAnchorIndex(visibleItems.value");
    expect(panelSource).not.toContain("anchorIndex ?? 0");
  });

  it("does not open or expand rows during modifier selection", () => {
    expect(panelSource).toMatch(/if \(selectionIntent === "range"\)[\s\S]*selectRangeTo\(currentIndex\);[\s\S]*return;/);
    expect(panelSource).toMatch(/if \(selectionIntent === "toggle"\)[\s\S]*selectionAnchorIndex\.value = currentIndex;[\s\S]*return;/);
    expect(panelSource).toMatch(/selectionAnchorIndex\.value = currentIndex;[\s\S]*activate\(\);/);
  });

  it("clears selection when a non-row area is clicked", () => {
    expect(panelSource).toContain('@click="handlePanelClick"');
    expect(panelSource).toContain("[data-sql-file-row='true']");
    expect(panelSource).toContain('data-sql-file-row="true"');
  });
});

describe("SqlFilePanel folder headers", () => {
  it("keeps sticky folder headers opaque while the file list scrolls", () => {
    expect(panelSource).toContain("bg-[color-mix(in_oklab,var(--muted)_10%,var(--background))] sticky top-0");
    expect(panelSource).toContain("hover:bg-[color-mix(in_oklab,var(--accent)_40%,var(--background))]");
    expect(panelSource).not.toContain("bg-muted/10 sticky top-0");
  });
});

describe("SqlFilePanel file renaming", () => {
  it("does not re-read a successfully renamed file before refreshing the tree", () => {
    const renameFunction = panelSource.match(/async function renameSqlFile\(\) \{[\s\S]*?\n\}/)?.[0];

    expect(renameFunction).toBeDefined();
    expect(renameFunction).toContain("queryStore.relocateExternalSqlFilePath(target.entry.path, nextPath)");
    expect(renameFunction).not.toContain("readExternalSqlFileSnapshot(nextPath)");
  });

  it("preserves non-SQL extensions while keeping SQL rename convenience", () => {
    expect(panelSource).toContain("normalizedRenamedFileName(fileNameInput.value, target.entry.name)");
    expect(panelSource).toContain("isSqlFilePath(currentName) ? normalizedSqlFileName(trimmed) : trimmed");
  });
});

describe("SqlFilePanel directory actions", () => {
  it("shows a new SQL file icon for nested directories", () => {
    expect(panelSource).toContain('@click.stop="openCreateDialog(folder.path, entry.path)"');
  });
});

describe("SqlFilePanel file filter", () => {
  it("restores the previous filter when the backend rejects the saved pattern", () => {
    expect(panelSource).toContain('message?.startsWith("Invalid file filter")');
    expect(panelSource).toContain("saveSqlFileFilter(previousFilter)");
    expect(panelSource).toContain('t("sqlFileTree.filterInvalid"');
  });

  it("renders the translated filter placeholder", () => {
    expect(panelSource).toContain("t('sqlFileTree.fileFilterPlaceholder')");
    expect(panelSource).not.toContain("const fileFilterPlaceholder =");
  });

  it("offers SQL execution only for SQL files", () => {
    expect(panelSource).toContain("if (isSqlFilePath(target.entry.name))");
    expect(panelSource).toContain("isExternalSqlFileTooLargeError(e) && isSqlFilePath(path)");
  });
});