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

const readSource = () => readFileSync(resolve(__dirname, "./PermissionTemplateSelector.vue"), "utf8");

describe("PermissionTemplateSelector.vue", () => {
  it("renders accessible role actions with explicit project status", () => {
    const source = readSource();

    expect(source).toContain("<button");
    expect(source).toContain(":aria-label=");
    expect(source).toContain("使用中");
    expect(source).toContain("未启用");
    expect(source).toContain("配置权限");
    expect(source).toContain("grid-template-columns: repeat(5, minmax(0, 1fr));");
    expect(source).toContain("min-height: 122px;");
    expect(source).toContain("margin-top: auto;");
    expect(source).not.toContain('PM: "👑"');
  });
});