provisional/decisions.md の仮決定(T-1〜T-28)に従い、mock/ に Vue 3 + Vite + TypeScript のモックを置いた。 T-3 の1〜3(回転したクラスター内のドラッグと保存の往復、IDX・MAPとの連携、ELCと出力の対応表)まで。疑似デバイスとの往復(T-24)は未着手。 - KLE JSONの入出力は、KLE本家の serial.js の deserialize の結果を期待値とする fixture(tests/fixtures/kle-oracle.json)で照合した。本家のコードは取り込んでいない(T-7) - 基本キーコードの表は QMK の data/constants/keycodes/keycodes_0.0.1_basic.hjson(1e340cd)から抽出した - 実装は Codex(Luna)、レビューは Codex(Sol)。検証: Vitest 53件、Playwright 20件、vue-tsc、vite build - TypeScript は vue-tsc が 7 系に未対応のため 6 系に固定した - 操作性の改善(ELCの提供者の表示、一括配線とGeneratorのピン設定の引き継ぎ、キー内の文字のはみ出し)は別途行う Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01AATqjRyp6rrnwTNdYw8XBT
45 lines
2.3 KiB
TypeScript
45 lines
2.3 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto("/");
|
|
await page.getByRole("button", { name: "IDX", exact: true }).click();
|
|
});
|
|
|
|
test("register unindexed key, reorder its output number, and undo", async ({ page }) => {
|
|
await page.getByRole("button", { name: "PHY", exact: true }).click();
|
|
await page.getByRole("button", { name: "キー追加" }).click();
|
|
await page.getByRole("button", { name: "IDX", exact: true }).click();
|
|
|
|
const unregisteredRow = page.locator(".idx-all-keys li.unregistered").first();
|
|
const keyId = (await unregisteredRow.locator("b").innerText()).trim();
|
|
await unregisteredRow.getByRole("button", { name: "登録" }).click();
|
|
const row = page.getByTestId(`idx-row-${keyId}`);
|
|
await expect(row).toBeVisible();
|
|
const previewKey = page.locator(`[data-testid="keyboard-view"] [data-key-id="${keyId}"] text`);
|
|
await expect(previewKey).toHaveText("16");
|
|
|
|
await row.getByRole("button", { name: `${keyId}を上へ` }).click();
|
|
await expect(previewKey).toHaveText("15");
|
|
await page.getByRole("button", { name: "Undo" }).click();
|
|
await expect(previewKey).toHaveText("16");
|
|
});
|
|
|
|
test("output numbers recalculate after switching to a variant that excludes ordered keys", async ({
|
|
page,
|
|
}) => {
|
|
await page.getByRole("button", { name: "PHY", exact: true }).click();
|
|
const treeKeys = page.locator(".tree-node").filter({ hasText: "キー ·" });
|
|
const firstId = await treeKeys.nth(0).getAttribute("data-tree-id");
|
|
const secondId = await treeKeys.nth(1).getAttribute("data-tree-id");
|
|
await treeKeys.nth(0).click();
|
|
await treeKeys.nth(1).click({ modifiers: ["Shift"] });
|
|
await page.getByRole("button", { name: "選択からVariantGroup" }).click();
|
|
await page.getByRole("button", { name: "IDX", exact: true }).click();
|
|
await expect(page.getByTestId(`idx-row-${firstId}`)).toContainText("出力 0");
|
|
await page.getByLabel("Layout 出力バリアント").selectOption({ label: "Option B" });
|
|
await expect(page.getByTestId(`idx-row-${firstId}`)).toContainText("出力対象外");
|
|
await expect(page.getByTestId(`idx-row-${secondId}`)).toContainText("出力対象外");
|
|
const remaining = page.locator(".idx-all-keys .idx-preview").filter({ hasText: "出力 0" });
|
|
await expect(remaining).toHaveCount(1);
|
|
});
|