k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-10-18 21:16:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

test(help): find the fold toggle inside its own row in the switcher

Browse Source 
'2 sub-screens' stopped identifying one button the moment a second screen had
two of them, and the trip is about to have a dozen. The toggle is looked up
within the row it belongs to instead, which says what the assertion means.
This commit is contained in:
Maurice
2026-09-21 22:32:16 +00:00
parent 1f01447093
commit d3a9e00752
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Help/HelpPanel.test.tsx
+6 -3
View File
@@ -221,12 +221,15 @@ describe('HelpPanel', () => {
expect(list).toBeInTheDocument()
expect(screen.getByRole('option', { name: /Journal/ })).toHaveAttribute('aria-selected', 'true')
expect(screen.getByRole('option', { name: /Studio/ })).toBeInTheDocument()
// Folding the group hides the sub-screens; the top-level screens stay.
fireEvent.click(screen.getByRole('button', { name: '2 sub-screens' }))
// Folding the group hides the sub-screens; the top-level screens stay. The
// toggle is looked up inside its own row: every screen with sub-screens has
// one, and the trip has as many as the plan has columns, panels and tabs.
const journeyFold = () => within(screen.getByRole('option', { name: /^Journey/ })).getByRole('button', { name: /sub-screens/ })
fireEvent.click(journeyFold())
expect(screen.queryByRole('option', { name: /Studio/ })).toBeNull()
expect(screen.getByRole('option', { name: /Atlas/ })).toBeInTheDocument()
// Picking a sub-screen browses to it; the breadcrumb on the overview shows the trail.
fireEvent.click(screen.getByRole('button', { name: '2 sub-screens' }))
fireEvent.click(journeyFold())
fireEvent.click(screen.getByRole('option', { name: /Studio/ }).querySelector('button')!)
expect(useHelpStore.getState().browseId).toBe('journey-studio')
expect(screen.getByRole('heading', { level: 1, name: 'Studio' })).toBeInTheDocument()