Hare/wip-reference
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: reduce landing to existing documents and their tree
Reference site / build (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
Hare
2026-10-13 19:06:31 +09:00
parent 822272cad3
commit 6e9e675c70
16 changed files with 479 additions and 1348 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/tests/browser/fonts.spec.ts
+8 -8
View File
@@ -1,4 +1,5 @@
import { expect, test } from '@playwright/test';
import { rootChildCount } from './documents';
test.use({ javaScriptEnabled: true });
@@ -30,10 +31,9 @@ test('self-hosted Lyth Mono and EB Garamond load with the configured base', asyn
expect(external).toEqual([]);
await page.keyboard.press('Escape');
await expect(page.locator('[data-landing-stage]')).toHaveAttribute('data-phase', 'complete');
await page.getByRole('button', { name: '本文を読む' }).click();
await expect(page.locator('[data-result]')).toContainText('Unicode正規化');
expect(await page.locator('[data-result]').evaluate((element) => getComputedStyle(element).fontFamily)).toContain('EB Garamond');
await page.locator('.call-panel').screenshot({ path: testInfo.outputPath('eb-garamond-guide.png') });
await expect(page.locator('[data-selected-content] h1')).toHaveText('1. コンセプト');
expect(await page.locator('[data-selected-content]').evaluate((element) => getComputedStyle(element).fontFamily)).toContain('EB Garamond');
await page.locator('[data-selected-content]').screenshot({ path: testInfo.outputPath('eb-garamond-selected-content.png') });
await page.goto('./book/1-concept/');
expect(await page.locator('.prose').evaluate((element) => getComputedStyle(element).fontFamily)).toContain('EB Garamond');
await page.screenshot({ path: testInfo.outputPath('eb-garamond-book.png') });
@@ -44,7 +44,7 @@ test.describe('static font and tree rendering', () => {
test('glyph joins paint continuously across SVG cell boundaries', async ({ page }, testInfo) => {
await page.goto('./');
await page.evaluate(() => document.fonts.ready);
// Sample all four joins without clipping the final branch in the scrollable tree.
// Sample every root-child join without clipping the final branch in the scrollable tree.
await page.setViewportSize({ width: page.viewportSize()!.width, height: 2000 });
await page.locator('.tree-viewport').evaluate((el) => { (el as HTMLElement).style.height = 'auto'; });
const joins = await page.locator('.demo-node[aria-level="2"]').evaluateAll((nodes) => nodes.map((node) => {
@@ -52,7 +52,7 @@ test.describe('static font and tree rendering', () => {
const p = new DOMPoint(Number(svg.dataset.cellWidth) / 2, 12).matrixTransform(svg.getScreenCTM()!);
return { x: p.x, y: p.y };
}));
expect(joins).toHaveLength(4);
expect(joins).toHaveLength(rootChildCount);
for (const [index, join] of joins.entries()) {
const clip = { x: Math.floor(join.x), y: Math.floor(join.y) - 1, width: 14, height: 3 };
const png = (await page.screenshot({ clip, path: testInfo.outputPath(`glyph-join-${index}.png`) })).toString('base64');
@@ -99,6 +99,6 @@ test('failed font downloads do not strand the animation or interactive demo', as
await expect(page.locator('[data-landing-stage]')).toHaveAttribute('data-phase', 'armed');
await page.keyboard.press('Escape');
await expect(page.locator('[data-landing-stage]')).toHaveAttribute('data-phase', 'complete');
await page.getByRole('button', { name: '本文を読む' }).click();
await expect(page.locator('[data-result]')).toContainText('Unicode正規化');
await page.locator('.demo-node[data-path="/2-core-model.md"]').click();
await expect(page.locator('[data-selected-content] h1')).toHaveText('2. コアモデル');
});