mirror of
https://github.com/diegosouzapw/OmniRoute.git
synced 2026-08-02 21:32:10 +03:00
7833453bdb
T06: named-combos editor gains a @dnd-kit/sortable drag-to-reorder stacked pipeline backed by a pure model (compressionPipelineModel.ts: add/remove/move/update, engine->intensity invariant, never-empty). CompressionPipelineEditor.tsx replaces the inline fixed list in CompressionCombosPageClient; order persists via the existing combos endpoint (no API change). T03: adds tests/e2e/compression-studio.spec.ts (Tela A render + Play/Compare tab switch), the dedicated compression-studio e2e combo-live-studio.spec.ts did not cover. TDD: compression-pipeline-model.test.ts (11) + compression-pipeline-editor.test.tsx (4). gaps v3.8.42 — T06 + T03.
51 lines
2.3 KiB
TypeScript
51 lines
2.3 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
import { gotoDashboardRoute } from "./helpers/dashboardAuth";
|
|
|
|
/**
|
|
* T03 — Compression Studio (Tela A) smoke e2e (gaps v3.8.42).
|
|
*
|
|
* The studio's reducers/renderers (compressionFlowModel, WaterfallInspector,
|
|
* CompressionCockpit, PlayView/CompareView) are unit/vitest-covered. What unit tests
|
|
* CANNOT catch is a client-side render / hydration crash on the real page — the same
|
|
* "no `useTranslations` trap" risk the compression-UI plan flagged. The existing
|
|
* combo-live-studio spec guards `/dashboard/combos/live`; this is its missing
|
|
* counterpart for the dedicated compression studio (Tela A), which that spec does not
|
|
* touch.
|
|
*
|
|
* It loads /dashboard/compression/studio and asserts the studio mounts (Play tab + its
|
|
* lane), then flips to the Compare tab and asserts the switch took effect. The
|
|
* visibility assertions ARE the hydration-trap guard: a render-time crash would mean
|
|
* none of these testids ever appear.
|
|
*
|
|
* Out of scope (kept unit-covered, to stay non-flaky): driving a live WS compression
|
|
* cascade (needs `compression.step` events an e2e cannot inject) and asserting console
|
|
* output (dev-mode on-demand compilation emits transient fast-refresh noise).
|
|
*/
|
|
test.describe("Compression Studio (Tela A)", () => {
|
|
test("loads /dashboard/compression/studio and renders the Play lane without crashing", async ({
|
|
page,
|
|
}) => {
|
|
await gotoDashboardRoute(page, "/dashboard/compression/studio");
|
|
|
|
const playTab = page.locator('[data-testid="tab-play"]');
|
|
await expect(playTab).toBeVisible({ timeout: 30_000 });
|
|
// Play view is the default tab → its lane proves the studio body mounted.
|
|
await expect(page.locator('[data-testid="play-lane"]').first()).toBeVisible({
|
|
timeout: 30_000,
|
|
});
|
|
});
|
|
|
|
test("switches from Play to Compare", async ({ page }) => {
|
|
await gotoDashboardRoute(page, "/dashboard/compression/studio");
|
|
|
|
const compareTab = page.locator('[data-testid="tab-compare"]');
|
|
await expect(compareTab).toBeVisible({ timeout: 30_000 });
|
|
await compareTab.click();
|
|
await expect(compareTab).toHaveAttribute("aria-pressed", "true");
|
|
// Compare view mounted → its load control is present.
|
|
await expect(page.locator('[data-testid="compare-load"]').first()).toBeVisible({
|
|
timeout: 30_000,
|
|
});
|
|
});
|
|
});
|