feat(FN-1212): update header with circular Fusion logo
- Replace the header SVG mark with a circular outline and filled path-based glyph using currentColor - Keep logo semantics and ordering intact while modernizing the visual treatment - Update Header tests to assert currentColor-based geometry and verify the stroked outer circle
This commit is contained in:
@@ -49,9 +49,16 @@ describe("Header", () => {
|
||||
const logo = screen.getByLabelText("Fusion logo");
|
||||
expect(logo).toBeDefined();
|
||||
expect(logo.tagName.toLowerCase()).toBe("svg");
|
||||
// The SVG should have the currentColor" fill
|
||||
const circles = logo.querySelectorAll("circle");
|
||||
expect(circles).toHaveLength(4);
|
||||
|
||||
// The SVG should expose currentColor-driven geometry for theme-aware coloring
|
||||
const currentColorShapes = logo.querySelectorAll(
|
||||
'[fill="currentColor"], [stroke="currentColor"]'
|
||||
);
|
||||
expect(currentColorShapes.length).toBeGreaterThan(0);
|
||||
|
||||
// The new logo keeps a single outer circle boundary
|
||||
const outerCircle = logo.querySelector("circle[stroke='currentColor']");
|
||||
expect(outerCircle).not.toBeNull();
|
||||
});
|
||||
|
||||
it("renders the logo before the h1 element", () => {
|
||||
|
||||
Reference in New Issue
Block a user