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

feat: add protocol explorer with catalogs and live playground

Browse Source
This commit is contained in:
Hare
2026-10-19 18:21:30 +09:00
parent b82c1d0a70
commit 75a36f2298
38 changed files with 1836 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/tests/browser/tree-toggle.spec.ts
+45
View File
@@ -0,0 +1,45 @@
import { expect, test } from '@playwright/test';
test.use({ javaScriptEnabled: true, reducedMotion: 'reduce' });
test('fold controls appear on row hover or keyboard focus without shifting the tree', async ({ page }) => {
await page.goto('./book/');
await expect(page.locator('.demo-tree')).toHaveAttribute('data-enhanced');
const node = page.locator('.demo-node[data-path="/book"]');
const toggle = page.locator('[data-toggle-path="/book"]');
await page.mouse.move(0, 0);
await expect(toggle).toHaveCSS('opacity', '0');
await expect(toggle).toHaveCSS('pointer-events', 'none');
const before = await node.boundingBox();
await node.hover();
await expect(toggle).toHaveCSS('opacity', '1');
expect(await node.boundingBox()).toEqual(before);
await toggle.click();
await expect(node).toHaveAttribute('aria-expanded', 'false');
await toggle.click();
await expect(node).toHaveAttribute('aria-expanded', 'true');
await page.locator('[data-selected-content]').focus();
await page.mouse.move(0, 0);
await expect(toggle).toHaveCSS('opacity', '0');
await node.focus();
await expect(toggle).toHaveCSS('opacity', '1');
await page.keyboard.press('ArrowLeft');
await expect(node).toHaveAttribute('aria-expanded', 'false');
await page.keyboard.press('ArrowRight');
await expect(node).toHaveAttribute('aria-expanded', 'true');
});
test.describe('touch without hover', () => {
test.use({ hasTouch: true, isMobile: true });
test('fold controls remain visible and tappable', async ({ page }) => {
await page.goto('./book/');
await expect(page.locator('.demo-tree')).toHaveAttribute('data-enhanced');
expect(await page.evaluate(() => matchMedia('(hover: none)').matches)).toBe(true);
const toggle = page.locator('[data-toggle-path="/book"]');
await expect(toggle).toHaveCSS('opacity', '1');
await toggle.tap();
await expect(page.locator('.demo-node[data-path="/book"]')).toHaveAttribute('aria-expanded', 'false');
await toggle.tap();
await expect(page.locator('.demo-node[data-path="/book"]')).toHaveAttribute('aria-expanded', 'true');
});
});