- commit
- 8976c4f79ee8af6db9269326e51b1225ec1237cf
- parent
- 3298c4aec224ee2579c84439d68f38ad99c0df1d
- author
- Dami <dami.etoile@gmail.com>
| M | web/ | 14 | ++++++++++++++ |
| M | web/ | 11 | ++++++----- |
| M | web/ | 12 | +++++------- |
@@ -30,6 +30,20 @@ function sseEvent(data: string, event?: string, id?: string): string {
3030 + `${data.split('\n').map((line) => `data: ${line}\n`).join('')}\n`;3131 }3232 33+test('the signed-out home uses a font-independent wordmark', async ({ page }) => {34+ await page.route('https://dev.site.test/**', async (route) => {35+ const pathname = new URL(route.request().url()).pathname;36+ if (pathname === '/api/me') await route.fulfill({ status: 204 });37+ else await staticResponse(route, pathname);38+ });39+40+ await page.goto('https://dev.site.test/');41+42+ await expect(page.getByRole('heading', { name: 'dev.site' })).toBeVisible();43+ await expect(page.locator('.home-wordmark')).toBeVisible();44+ await expect(page.locator('.home-wordmark path')).toHaveCount(1);45+});46+3347 test('an incoming share uses the Fixi UI endpoint', async ({ page }) => {3448 let acceptRequests = 0;3549 let removeRequests = 0;@@ -38,11 +38,12 @@
3838 <template id="home-template">3939 <article>4040 <hgroup>41- <h1 aria-label="dev.site"><span aria-hidden="true"> █ ▀ ▄42- ▄▄▄█ ▄▄▄ ▄ ▄ ▄▄▄ ▄▄▄ ▄▄█▄▄ ▄▄▄43-█▀ ▀█ █▀ █ ▀▄ ▄▀ █ ▀ █ █ █▀ █44-█ █ █▀▀▀▀ █▄█ ▀▀▀▄ █ █ █▀▀▀▀45-▀█▄██ ▀█▄▄▀ █ █ ▀▄▄▄▀ ▄▄█▄▄ ▀▄▄ ▀█▄▄▀</span></h1>41+ <h1 aria-label="dev.site">42+ <svg class="home-wordmark" viewBox="0 0 64.8 10" aria-hidden="true"43+ xmlns="http://www.w3.org/2000/svg">44+ <path d="M4.8 0H6V1H4.8ZM44.4 0H45.6V1H44.4ZM4.8 1H6V2H4.8ZM52.8 1H54V2H52.8ZM4.8 2H6V3H4.8ZM52.8 2H54V3H52.8ZM1.2 3H6V4H1.2ZM9.6 3H13.2V4H9.6ZM16.8 3H18V4H16.8ZM21.6 3H22.8V4H21.6ZM34.8 3H38.4V4H34.8ZM42 3H45.6V4H42ZM50.4 3H56.4V4H50.4ZM60 3H63.6V4H60ZM0 4H2.4V5H0ZM3.6 4H6V5H3.6ZM8.4 4H10.8V5H8.4ZM13.2 4H14.4V5H13.2ZM16.8 4H18V5H16.8ZM21.6 4H22.8V5H21.6ZM33.6 4H34.8V5H33.6ZM38.4 4H39.6V5H38.4ZM44.4 4H45.6V5H44.4ZM52.8 4H54V5H52.8ZM58.8 4H61.2V5H58.8ZM63.6 4H64.8V5H63.6ZM0 5H1.2V6H0ZM4.8 5H6V6H4.8ZM8.4 5H9.6V6H8.4ZM13.2 5H14.4V6H13.2ZM18 5H19.2V6H18ZM20.4 5H21.6V6H20.4ZM33.6 5H34.8V6H33.6ZM44.4 5H45.6V6H44.4ZM52.8 5H54V6H52.8ZM58.8 5H60V6H58.8ZM63.6 5H64.8V6H63.6ZM0 6H1.2V7H0ZM4.8 6H6V7H4.8ZM8.4 6H14.4V7H8.4ZM18 6H19.2V7H18ZM20.4 6H21.6V7H20.4ZM34.8 6H38.4V7H34.8ZM44.4 6H45.6V7H44.4ZM52.8 6H54V7H52.8ZM58.8 6H64.8V7H58.8ZM0 7H1.2V8H0ZM4.8 7H6V8H4.8ZM8.4 7H9.6V8H8.4ZM18 7H21.6V8H18ZM38.4 7H39.6V8H38.4ZM44.4 7H45.6V8H44.4ZM52.8 7H54V8H52.8ZM58.8 7H60V8H58.8ZM0 8H2.4V9H0ZM3.6 8H6V9H3.6ZM8.4 8H10.8V9H8.4ZM13.2 8H14.4V9H13.2ZM19.2 8H20.4V9H19.2ZM27.6 8H28.8V9H27.6ZM33.6 8H34.8V9H33.6ZM38.4 8H39.6V9H38.4ZM44.4 8H45.6V9H44.4ZM52.8 8H54V9H52.8ZM58.8 8H61.2V9H58.8ZM63.6 8H64.8V9H63.6ZM1.2 9H6V10H1.2ZM9.6 9H13.2V10H9.6ZM19.2 9H20.4V10H19.2ZM27.6 9H28.8V10H27.6ZM34.8 9H38.4V10H34.8ZM42 9H48V10H42ZM54 9H56.4V10H54ZM60 9H63.6V10H60Z"></path>45+ </svg>46+ </h1>4647 <p>links and services across all of your development sites</p>4748 </hgroup>4849 <figure class="sequence">@@ -299,14 +299,12 @@ details:not(.dropdown)[open] > summary::after {
299299 }300300 301301 /* The sequence diagram is the signed-out page's one bespoke element. */302-main > article:has(> .sequence) h1 > span {302+main > article:has(> .sequence) .home-wordmark {303303 display: block;304- overflow: hidden;305- font-family: var(--pico-font-family-monospace);306- font-size: clamp(0.55rem, 1.3vw, 1.1rem);307- font-weight: 400;308- line-height: 1;309- white-space: pre;304+ width: min(100%, 35.64rem);305+ height: auto;306+ fill: currentColor;307+ shape-rendering: crispEdges;310308 }311309 312310 main > article:has(> .sequence) h1 {