calcazar/frontend-helper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feed browser: Redesign finalization #5

Merged
calcazar merged 7 commits from feature/feed-browser-redesign-finalization into develop 2026-10-20 09:48:48 -06:00
Conversation 0 Commits 7 Files Changed 19
+12 -2
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ec3421512f - Show all commits
tests/buttons.test.ts
+12 -2
View File
@@ -1,5 +1,5 @@
import { describe, expect, it } from "vitest"; import { describe, expect, it } from "vitest";
import { readFileSync } from "node:fs"; import { existsSync, readdirSync, readFileSync } from "node:fs";
import path from "node:path"; import path from "node:path";
import { createElement } from "react"; import { createElement } from "react";
import { renderToStaticMarkup } from "react-dom/server"; import { renderToStaticMarkup } from "react-dom/server";
@@ -34,11 +34,21 @@ describe("SparkleButton disabled", () => {
expect(body).toContain("var(--tile-3)"); expect(body).toContain("var(--tile-3)");
expect(body).toContain("var(--ink-2)"); expect(body).toContain("var(--ink-2)");
expect(body).toContain("not-allowed"); expect(body).toContain("not-allowed");
expect(readFileSync(path.resolve(__dirname, "../src/styles/legacy.css"), "utf8")).not.toMatch(/button:disabled\s*\{[^}]*opacity/); for (const f of readdirSync(path.resolve(__dirname, "../src/styles"))) {
expect(readFileSync(path.resolve(__dirname, "../src/styles", f), "utf8")).not.toMatch(/(^|[\s,}])button:disabled\s*\{[^}]*opacity/);
}
expect(html(createElement(SparkleButton, { label: "Sign in", disabled: true }))).toContain("disabled"); expect(html(createElement(SparkleButton, { label: "Sign in", disabled: true }))).toContain("disabled");
}); });
}); });
describe("legacy.css", () => {
it("is deleted and no longer imported, and no global button margin rule is left", () => {
expect(existsSync(path.resolve(__dirname, "../src/styles/legacy.css"))).toBe(false);
expect(readFileSync(path.resolve(__dirname, "../src/app/layout.tsx"), "utf8")).not.toContain("legacy.css");
expect(globals).not.toMatch(/(^|[\s,}])button\s*\{[^}]*margin/);
});
});
describe("FlipButton states", () => { describe("FlipButton states", () => {
it("ready: POST plus send icon, flips to PUBLISH with the icon", () => { it("ready: POST plus send icon, flips to PUBLISH with the icon", () => {
expect(flipLabels("ready")).toEqual({ front: "Post", back: "Publish", icon: true }); expect(flipLabels("ready")).toEqual({ front: "Post", back: "Publish", icon: true });