Files
SnapOtter/tests/e2e-editor/editor-rulers-guides.spec.ts
T
SnapOtter 649ad5db9e test: massive test coverage expansion (+1,437 tests, 22 new files)
Expand test coverage across all layers via 14 parallel agents:

Unit tests (3,378 total, +534):
- First-ever AI sidecar tests (157 tests covering bridge lifecycle, all 12 tool modules)
- API route infrastructure (auth, pipeline, batch, settings, teams, roles, audit, api-keys, files, docs)
- Lib coverage improvements (audit 7%->95%, worker-pool 33%->100%)
- Web store/lib gap fills (features-store, tool-registry)

Integration tests (4,403 total, +903):
- Expanded 19 tool test files with parameter variations, format edge cases, boundary values
- Cross-format matrix: 290 tests covering 14 tools x 17 formats
- Adversarial/edge cases: 63 tests for extreme inputs, concurrent requests, corrupted files

E2E-Docker (125 new tests):
- Expanded 8 spec files + 1 new file covering all 49 tools
- Added HEIC/format handling, auth failures, download verification

GUI E2E (expanded 28 spec files):
- Navigation, responsive layout, keyboard shortcuts
- All 51 tool UIs with settings, processing, display modes
- Batch/pipeline workflows, settings/RBAC, visual regression
- Resilience, accessibility (ARIA, contrast, focus), performance budgets
2026-05-09 09:02:29 +08:00

74 lines
2.6 KiB
TypeScript

import { createNewDocument, expect, test } from "./helpers";
test.describe("Editor Rulers and Guides", () => {
test.beforeEach(async ({ editorPage: page }) => {
await createNewDocument(page);
});
test("rulers are hidden by default", async ({ editorPage: page }) => {
// The ruler canvases render only when rulersVisible is true.
// By default rulers are hidden, so the ruler-specific canvases
// (with cursor-col-resize / cursor-row-resize) should not be present.
const horizontalRuler = page.locator("canvas.cursor-col-resize");
const verticalRuler = page.locator("canvas.cursor-row-resize");
await expect(horizontalRuler).toHaveCount(0);
await expect(verticalRuler).toHaveCount(0);
});
test("Ctrl+R toggles ruler visibility", async ({ editorPage: page }) => {
// Initially hidden
const horizontalRuler = page.locator("canvas.cursor-col-resize");
await expect(horizontalRuler).toHaveCount(0);
// Press Ctrl+R to show rulers
await page.keyboard.press("Control+r");
await page.waitForTimeout(500);
// Now they should appear
await expect(page.locator("canvas.cursor-col-resize")).toBeVisible();
await expect(page.locator("canvas.cursor-row-resize")).toBeVisible();
// Press Ctrl+R again to hide
await page.keyboard.press("Control+r");
await page.waitForTimeout(500);
await expect(page.locator("canvas.cursor-col-resize")).toHaveCount(0);
await expect(page.locator("canvas.cursor-row-resize")).toHaveCount(0);
});
test("horizontal ruler appears at top edge", async ({ editorPage: page }) => {
// Enable rulers
await page.keyboard.press("Control+r");
await page.waitForTimeout(500);
const horizontalRuler = page.locator("canvas.cursor-col-resize");
await expect(horizontalRuler).toBeVisible();
// Ruler should have a fixed height of 20px (RULER_SIZE)
const box = await horizontalRuler.boundingBox();
expect(box).not.toBeNull();
expect(box?.height).toBe(20);
// Ruler should stretch to full width (w-full class)
expect(box?.width).toBeGreaterThan(100);
});
test("vertical ruler appears at left edge", async ({ editorPage: page }) => {
// Enable rulers
await page.keyboard.press("Control+r");
await page.waitForTimeout(500);
const verticalRuler = page.locator("canvas.cursor-row-resize");
await expect(verticalRuler).toBeVisible();
// Ruler should have a fixed width of 20px (RULER_SIZE)
const box = await verticalRuler.boundingBox();
expect(box).not.toBeNull();
expect(box?.width).toBe(20);
// Ruler should stretch to fill the available height
expect(box?.height).toBeGreaterThan(100);
});
});