import { expect, test } from "@playwright/test";
import { VIDEO_CANVAS_SHORTCUT_HELP_GROUPS } from "@/lib/canvas/shortcut-help";

test.describe("video canvas shortcut help", () => {
  test("matches the observed group and row order", () => {
    expect(
      VIDEO_CANVAS_SHORTCUT_HELP_GROUPS.map((group) => ({
        rows: group.rows.map((row) => row.label),
        title: group.title,
      })),
    ).toEqual([
      {
        rows: [
          "成组",
          "合并分镜组",
          "解组",
          "连线",
          "复制节点和连线",
          "生成",
          "新建节点",
          "节点复制",
          "创建副本",
        ],
        title: "创作",
      },
      {
        rows: ["放大", "缩小", "适应画布", "触控板", "鼠标"],
        title: "缩放",
      },
      {
        rows: ["键盘", "触控板", "鼠标", "整理画布"],
        title: "移动画布",
      },
      { rows: ["撤销", "重做", "删除"], title: "其他" },
    ]);
  });

  test("keeps command modifiers and drag suffixes as separate keycaps", () => {
    const creationRows = VIDEO_CANVAS_SHORTCUT_HELP_GROUPS[0].rows;
    expect(creationRows[0].tokens).toEqual(["command", "G"]);
    expect(creationRows[4].tokens).toEqual(["command", "D"]);
    expect(creationRows[7]).toMatchObject({
      suffix: "+拖动节点",
      tokens: ["Option"],
    });
    expect(creationRows[8]).toMatchObject({
      suffix: "+拖动",
      tokens: ["command", "Option"],
    });
  });

  test("represents zoom, pan, undo, redo and delete controls", () => {
    expect(VIDEO_CANVAS_SHORTCUT_HELP_GROUPS[1].rows).toMatchObject([
      { tokens: ["command", "plus"] },
      { tokens: ["command", "minus"] },
      { tokens: ["command", "0"] },
      { tokens: ["trackpad-zoom"] },
      { tokens: ["command", "mouse"] },
    ]);
    expect(VIDEO_CANVAS_SHORTCUT_HELP_GROUPS[2].rows).toMatchObject([
      { tokens: ["Space", "mouse"] },
      { tokens: ["trackpad-pan"] },
      { tokens: ["mouse-pan"] },
      { tokens: ["⌥", "⇧", "F"] },
    ]);
    expect(VIDEO_CANVAS_SHORTCUT_HELP_GROUPS[3].rows).toMatchObject([
      { tokens: ["command", "Z"] },
      { tokens: ["command", "⇧", "Z"] },
      { tokens: ["delete"] },
    ]);
  });
});