External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(a11y): WCAG AA contrast retune for the Otter Orange palette (#567)

Browse Source 
Fixes #557. Vivid fill, ink label: brand #E07832 stays on fills while primary-foreground flips to #1A1814 (5.83:1); new theme-aware ink tokens carry orange, destructive, and success text roles; opacity-modified text purged; landing, demo, and the docs fund button retuned. Guarded by a CSS-parsing unit contrast test, rebuilt axe baselines with zero contrast entries, a new landing axe smoke, and fully regenerated darwin visual baselines.
This commit is contained in:
SnapOtter
2026-07-18 12:56:48 +08:00
committed by GitHub
parent 6241f8719f
commit 51022628dc
566 changed files with 856 additions and 707 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e-docker/analytics-no-data-leak.spec.ts
+1 -1
View File
@@ -117,7 +117,7 @@ test.describe("No data leak when analytics disabled", () => {
await processBtn.click();
await waitForProcessingDone(page);
const error = page.locator(".text-red-500");
const error = page.locator(".text-destructive-ink, .text-red-500");
expect(await error.isVisible({ timeout: 2_000 }).catch(() => false)).toBe(false);
const downloadLink = page.locator(
tests/e2e-docker/fixes-verification.spec.ts
+11 -9
View File
@@ -65,7 +65,7 @@ async function verifyAccurateOcrTier(
await processButton.click();
await waitForProcessingDone(page, 120_000);
await expect(page.getByText(/extracted text/i)).toBeVisible({ timeout: 120_000 });
await expect(page.locator(".text-red-500")).toHaveCount(0);
await expect(page.locator(".text-destructive-ink, .text-red-500")).toHaveCount(0);
}
// ─── 1. Error messages should never show [object Object] ─────────────
@@ -114,7 +114,7 @@ test.describe("Image-to-PDF", () => {
await waitForProcessingDone(page);
// Should NOT see "Authentication required"
const errorEl = page.locator(".text-red-500, [class*='text-red']");
const errorEl = page.locator(".text-destructive-ink, .text-red-500, [class*='text-red']");
if (await errorEl.isVisible({ timeout: 3000 })) {
const text = await errorEl.textContent();
expect(text).not.toContain("Authentication required");
@@ -140,7 +140,7 @@ test.describe("Image-to-PDF", () => {
await processBtn.click();
await waitForProcessingDone(page);
const errorEl = page.locator(".text-red-500, [class*='text-red']");
const errorEl = page.locator(".text-destructive-ink, .text-red-500, [class*='text-red']");
if (await errorEl.isVisible({ timeout: 3000 })) {
const text = await errorEl.textContent();
expect(text).not.toContain("Authentication required");
@@ -176,7 +176,7 @@ test.describe("Split tool", () => {
await expect(page.getByRole("button", { name: /download all/i })).toBeVisible();
// No errors
const error = page.locator(".text-red-500");
const error = page.locator(".text-destructive-ink, .text-red-500");
expect(await error.isVisible({ timeout: 1000 }).catch(() => false)).toBe(false);
});
@@ -286,7 +286,9 @@ test.describe("Passport photo", () => {
await page.waitForTimeout(5000);
// Check for error message
const errorEl = page.locator(".text-red-500, [class*='text-red'], [class*='error']");
const errorEl = page.locator(
".text-destructive-ink, .text-red-500, [class*='text-red'], [class*='error']",
);
if (await errorEl.isVisible({ timeout: 10_000 })) {
const text = await errorEl.textContent();
expect(text).not.toContain("[object Object]");
@@ -309,7 +311,7 @@ test.describe("Passport photo", () => {
// Face detection should succeed — look for the Generate button
const generateBtn = page.getByRole("button", { name: /generate|create/i });
const analyzeError = page.locator("p.text-red-500");
const analyzeError = page.locator("p.text-destructive-ink, .text-red-500");
const gotButton = await generateBtn.isVisible({ timeout: 10_000 }).catch(() => false);
const gotError = await analyzeError.isVisible({ timeout: 1000 }).catch(() => false);
if (gotError) {
@@ -343,7 +345,7 @@ test.describe("OCR", () => {
// this GUI regression must reach the result state, even when the fixture
// legitimately contains no recognized text.
await expect(page.getByText(/extracted text/i)).toBeVisible({ timeout: 120_000 });
await expect(page.locator("p.text-red-500")).toHaveCount(0);
await expect(page.locator("p.text-destructive-ink, .text-red-500")).toHaveCount(0);
await expect(
page.getByTestId("ocr-result-text").or(page.getByText(/no text detected/i)),
).toBeVisible();
@@ -382,7 +384,7 @@ test.describe("Regression checks", () => {
await processBtn.click();
await waitForProcessingDone(page);
const error = page.locator(".text-red-500");
const error = page.locator(".text-destructive-ink, .text-red-500");
expect(await error.isVisible({ timeout: 2000 }).catch(() => false)).toBe(false);
});
@@ -395,7 +397,7 @@ test.describe("Regression checks", () => {
await processBtn.click();
await waitForProcessingDone(page);
const error = page.locator(".text-red-500");
const error = page.locator(".text-destructive-ink, .text-red-500");
expect(await error.isVisible({ timeout: 2000 }).catch(() => false)).toBe(false);
});