dbx/packages/app-tests/appToolbarDropdownTooltip.t...

23 lines
1.3 KiB
TypeScript

import { readFileSync } from "node:fs";
import assert from "node:assert/strict";
import test from "node:test";
test("toolbar theme and language menus use shadcn tooltip without nesting trigger primitives", () => {
const source = readFileSync("apps/desktop/src/components/layout/AppToolbar.vue", "utf8");
assert.match(
source,
/<Tooltip>\s*<TooltipTrigger as-child>\s*<span class="inline-flex">\s*<DropdownMenu>\s*<DropdownMenuTrigger as-child>\s*<Button[\s\S]*?<\/Button>\s*<\/DropdownMenuTrigger>\s*<DropdownMenuContent align="end">[\s\S]*?<\/DropdownMenuContent>\s*<\/DropdownMenu>\s*<\/span>\s*<\/TooltipTrigger>\s*<TooltipContent>{{ t\("toolbar\.theme"\) }}<\/TooltipContent>\s*<\/Tooltip>/,
);
assert.match(
source,
/<Tooltip>\s*<TooltipTrigger as-child>\s*<span class="inline-flex">\s*<DropdownMenu>\s*<DropdownMenuTrigger as-child>\s*<Button[\s\S]*?<\/Button>\s*<\/DropdownMenuTrigger>\s*<DropdownMenuContent align="end">[\s\S]*?<\/DropdownMenuContent>\s*<\/DropdownMenu>\s*<\/span>\s*<\/TooltipTrigger>\s*<TooltipContent>{{ t\("common\.language"\) }}<\/TooltipContent>\s*<\/Tooltip>/,
);
assert.doesNotMatch(
source,
/<DropdownMenu>\s*<Tooltip>\s*<TooltipTrigger as-child>\s*<DropdownMenuTrigger as-child>/,
);
assert.doesNotMatch(source, /group\/toolbar-tip/);
assert.doesNotMatch(source, /group-hover\/toolbar-tip/);
});