+3 -3

src/lib/landing/landing-content.test.ts

Reviewed

··· 18 18 const footer = read( '../../components/Footer.astro' ); 19 19 20 20 it( 'links the lexicon under a Docs label', () => { 21 21 - expect( footer ).toMatch( /href="\/lexicon"[^>]*>[\s\S]*?Docs/ ); 21 21 + expect( footer ).toMatch( /href=["']\/lexicon["'][^>]*>[\s\S]*?Docs/ ); 22 22 } ); 23 23 24 24 it( 'links the future demo publication under a News label', () => { 25 25 - expect( footer ).toMatch( /href="\/@skypress\.blog"[^>]*>[\s\S]*?News/ ); 25 25 + expect( footer ).toMatch( /href=["']\/@skypress\.blog["'][^>]*>[\s\S]*?News/ ); 26 26 } ); 27 27 28 28 it( 'links the SkyPress source repo on tangled.org with an accessible label and icon', () => { 29 29 expect( footer ).toMatch( 30 30 - /href="https:\/\/tangled\.org\/jeremy\.herve\.bzh\/skypress"[\s\S]*?aria-label=[\s\S]*?<svg/ 30 30 + /href=["']https:\/\/tangled\.org\/jeremy\.herve\.bzh\/skypress["'][\s\S]*?aria-label=[\s\S]*?<svg/ 31 31 ); 32 32 } ); 33 33 } );

+1 -1

src/styles/editor-chrome.css

Reviewed

··· 344 344 } 345 345 346 346 /* Publish success pill — sunrise callback, rises into view (Studio-owned). 347 347 - Deliberately uses a fixed warm palette, NOT the --sun*/--ink tokens: those 347 347 + Deliberately uses a fixed warm palette, NOT the --sun* or --ink tokens: those 348 348 flip with the colour scheme, and no single text colour stays legible over a 349 349 gradient whose --sun-tint end goes near-black in dark mode. A constant light 350 350 sunrise gradient + dark ink keeps the look and clears WCAG AA in both schemes

+43

src/styles/editor-chrome.test.ts

Reviewed

··· 1 1 + import { readFileSync } from 'node:fs'; 2 2 + import { dirname, join } from 'node:path'; 3 3 + import { fileURLToPath } from 'node:url'; 4 4 + import postcss from 'postcss'; 5 5 + import { describe, expect, it } from 'vitest'; 6 6 + 7 7 + /** 8 8 + * Regression guard for editor-chrome.css. 9 9 + * 10 10 + * A comment once read "NOT the --sun[star][slash]--ink tokens": that adjacent 11 11 + * star-then-slash pair closed the CSS comment early, so the trailing prose plus 12 12 + * the next selector collapsed into one invalid rule and the whole 13 13 + * `.studio__published` block (gradient, pill shape, centring) was silently 14 14 + * dropped by every CSS parser — the publish pill rendered as an unstyled 15 15 + * full-width paragraph. 16 16 + * 17 17 + * Parsing with PostCSS reproduces the browser's tokeniser (first comment close 18 18 + * wins), so asserting the styled rule survives catches any future premature 19 19 + * comment close. 20 20 + */ 21 21 + describe( 'editor-chrome.css', () => { 22 22 + it( 'keeps the .studio__published pill rule intact (no premature comment close)', () => { 23 23 + const here = dirname( fileURLToPath( import.meta.url ) ); 24 24 + const css = readFileSync( join( here, './editor-chrome.css' ), 'utf8' ); 25 25 + const root = postcss.parse( css ); 26 26 + 27 27 + let pill: postcss.Rule | undefined; 28 28 + root.walkRules( '.studio__published', ( rule ) => { 29 29 + if ( rule.some( ( node ) => node.type === 'decl' && node.prop === 'background' ) ) { 30 30 + pill = rule; 31 31 + } 32 32 + } ); 33 33 + 34 34 + expect( pill, '.studio__published rule with a background was dropped' ).toBeDefined(); 35 35 + const background = pill!.nodes.find( 36 36 + ( node ): node is postcss.Declaration => node.type === 'decl' && node.prop === 'background' 37 37 + ); 38 38 + expect( background?.value ).toContain( 'linear-gradient' ); 39 39 + expect( 40 40 + pill!.some( ( node ) => node.type === 'decl' && node.prop === 'width' ) 41 41 + ).toBe( true ); 42 42 + } ); 43 43 + } );