4fb90bcc94
This merge brings three major changes: a `/clear` command for Chat and QuickChat with a fixed session notification banner, a complete overhaul of the Todo item row structure and styling with mobile-responsive CSS tests and documentation of the action row pattern, and a significant expansion of droid Fusion-Task-Id: FN-3063
20 lines
886 B
TypeScript
20 lines
886 B
TypeScript
import { describe, expect, it } from "vitest";
|
|
import { loadAllAppCss, loadAllAppCssBaseOnly } from "../../test/cssFixture";
|
|
|
|
describe("TodoView action row CSS contract", () => {
|
|
it("keeps todo item actions visible by default on desktop", () => {
|
|
const baseCss = loadAllAppCssBaseOnly();
|
|
|
|
expect(baseCss).toMatch(/\.todo-item-actions\s*\{[^}]*opacity:\s*1;/);
|
|
});
|
|
|
|
it("uses a dedicated action row with mobile visibility override", () => {
|
|
const css = loadAllAppCss();
|
|
|
|
expect(css).toMatch(/\.todo-item\s*\{[^}]*flex-direction:\s*column;/);
|
|
expect(css).toMatch(/\.todo-item-main-row\s*\{[^}]*display:\s*flex;/);
|
|
expect(css).toMatch(/\.todo-item-actions\s*\{[^}]*margin-left:\s*calc\(var\(--space-lg\) \+ var\(--space-sm\)\);/);
|
|
expect(css).toMatch(/@media \(max-width:\s*768px\)\s*\{[\s\S]*\.todo-item-actions\s*\{[^}]*opacity:\s*1;[^}]*\}/);
|
|
});
|
|
});
|