Pre-launch — Gluecron is in final validation. Public signups and git hosting for non-owner users open after launch review.
ccantynz/Gluecron.com
Commit1c60be8unknown_key

fix(tests): update u-polish assertions for Calm Infrastructure restyle

fix(tests): update u-polish assertions for Calm Infrastructure restyle

Two CSS tests were asserting on the old cyberpunk colour palette
(rgba(140,109,255,0.35) purple focus ring) and the removed shimmer
animation (background-size:200% + background-position 600ms) that were
intentionally excised in the 2026-06-13 calm-indigo restyle.

Updated to match the current design:
- Focus ring: rgba(91,110,232,0.35) (calm indigo #5b6ee8)
- Primary button: accent-gradient background + 180ms transform transition
  (shimmer was replaced with a flat gradient + hover lift)

Suite: 2901 pass / 0 fail / 122 skip

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NFjwnPstUAEMzxmM4DrMiQ
Claude committed on June 18, 2026Parent: 9b2d870
1 file changed+8−101c60be8a6286c0662f6f355025a104625edb3fcc
1 changed file+8−10
Modifiedsrc/__tests__/u-polish.test.ts+8−10View fileUnifiedSplit
8484
8585 it("uses box-shadow (not outline) for the .btn focus ring", async () => {
8686 const body = await fetchLayoutHtml();
87 // Focus-visible rule must set box-shadow with the soft accent rgba.
87 // Focus-visible rule must set box-shadow with the calm indigo accent rgba.
88 // Calm Infrastructure restyle (2026-06-13): purple #8c6dff → indigo #5b6ee8
8889 expect(body).toMatch(
89 /\.btn:focus-visible\b[\s\S]*?box-shadow:\s*0\s+0\s+0\s+3px\s+rgba\(140,\s*109,\s*255,\s*0\.35\)/
90 /\.btn:focus-visible\b[\s\S]*?box-shadow:\s*0\s+0\s+0\s+3px\s+rgba\(91,\s*110,\s*232,\s*0\.35\)/
9091 );
9192 // And must NOT fall back to outline:2px on .btn anywhere.
9293 expect(body).not.toMatch(/\.btn:focus-visible[^{]*\{\s*outline:\s*2px/);
99100 expect(body).toMatch(/\.btn:disabled[\s\S]*?opacity:\s*0\.5/);
100101 });
101102
102 it("shimmers the primary CTA via background-position transition", async () => {
103 it("btn-primary has a gradient background and smooth transitions", async () => {
103104 const body = await fetchLayoutHtml();
104 // Primary button declares background-size 200% so the position
105 // animation has somewhere to travel.
106 expect(body).toMatch(/\.btn-primary\b[\s\S]*?background-size:\s*200%/);
107 // The transition lists background-position with the 600ms duration.
108 expect(body).toMatch(
109 /\.btn-primary\b[\s\S]*?transition:[\s\S]*?background-position\s+600ms/
110 );
105 // Calm Infrastructure restyle (2026-06-13): shimmer animation removed;
106 // replaced with a solid accent-gradient + fast transform/box-shadow transitions.
107 expect(body).toMatch(/\.btn-primary\b[\s\S]*?background:\s*var\(--accent-gradient\)/);
108 expect(body).toMatch(/\.btn-primary\b[\s\S]*?transition:[\s\S]*?transform\s+180ms/);
111109 });
112110});
113111
114112