diff --git a/site/src/components/Landing.astro b/site/src/components/Landing.astro index f86f475..80eada5 100644 --- a/site/src/components/Landing.astro +++ b/site/src/components/Landing.astro @@ -69,7 +69,7 @@ const trunkLength = (initialVisibleObjects.findLastIndex((object) => object.dept - : <>{object.name}{children.length > 0 && }{object.title ?? object.description}} + : <>{object.name}{children.length > 0 && }} {root && wip / field-guide} ; diff --git a/site/src/styles/landing.css b/site/src/styles/landing.css index 79990e2..976c76e 100644 --- a/site/src/styles/landing.css +++ b/site/src/styles/landing.css @@ -39,7 +39,6 @@ html[data-landing] .landing-page .site-header { opacity: 0; } .tree-viewport { height: calc(28 * var(--row)); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } html[data-landing] .tree-viewport { overflow: visible; } .tree-help { margin: var(--row) 0 0; color: var(--muted); } -.node-summary { max-width: 40ch; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: var(--muted); } .demo-tree { width: max-content; min-width: 100%; } .node-row { width: max-content; min-width: 100%; } .tree-caption { display: flex; justify-content: space-between; gap: 2ch; color: var(--muted); height: var(--row); margin: 0; white-space: nowrap; } diff --git a/site/tests/browser/landing.spec.ts b/site/tests/browser/landing.spec.ts index c33010b..e85fef2 100644 --- a/site/tests/browser/landing.spec.ts +++ b/site/tests/browser/landing.spec.ts @@ -617,6 +617,10 @@ test('expand/collapse all preserves visible selection and rehomes hidden selecti await expand.click(); await expect(page.getByRole('treeitem')).toHaveCount(42); await expect(page.locator('[data-tree-count]')).toHaveText('42 / 42 objects'); + const labelsOnly = await page.locator('.demo-node:not(.root-mark)').evaluateAll((nodes) => nodes.every((node) => + node.textContent === node.querySelector('.node-label')!.textContent + (node.querySelector('.node-indicator')?.textContent ?? '') + )); + expect(labelsOnly).toBe(true); await expect(page.locator('.demo-node:not([aria-expanded])')).toHaveCount(26); await expect(nodeAt(page, initialPath)).toHaveAttribute('aria-selected', 'true'); await checkGlyphRefs(page);