Skip to content

Commit b615a97

Browse files
alicodingclaude
alicoding
and
claude
authored
feat: the frictionless card -- calm page, two-beat create, minimap, sibling breadcrumbs (goal 0106 slice B) (#230)
* feat: the calm card page -- create-loop audit, minimap, sibling breadcrumbs (goal 0106 slice B) The card page reads as a document, not a form: a compact property strip (kind label, a Kind-declared "status" field as a chip, freshness dot), a borderless type-to-write note, and every other optional field (kind fields, source/mirror path, typed-link slot rows, Actions) collapses to a one-line "+ Add" invitation when empty and expands focused on click -- a title-only card's page now shows title + strip + write-invitation and nothing else, including Contents, which mounts only when the card has children or a mirror. The placement popover's 'create'-mode resting view drops its Kind/ Title labels and Submit/Cancel row (kind chip + title input only, Enter commits, Escape cancels) and its title input is now genuinely autofocused (AnchoredOverlay's own focus trap was grabbing the kind chip first); 'promote'/'area' modes keep their existing form. The board gains React Flow's own MiniMap (bottom-right, styled to tokens, moved to shared/ since composition/ and atlas/ both need it now), a control-strip toggle button + palette command (localStorage- persisted, default on), and every breadcrumb segment becomes a sibling-dropdown trigger (name + card count, current one selected, clicking any entry navigates). 0104's keyboard-nav key table (Tab/Shift-Tab, Option-arrows, Enter, arrows, Escape) is now advertised in the command registry and Shortcuts Help overlay, hintOnly + paletteHidden since the real handling stays in useAtlasKeyboardNav.ts. Fixes two real bugs the new minimap surfaced: three e2e flows placed cards/notes/clicks in the board's bottom-right corner, which the minimap now occupies -- moved to corners it doesn't cover, and clickCorner's own 'bottom-right' option (now unsafe) is removed. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01FW5GkkAG8du7tNdYLk2zSd * feat: relocate perspective membership into the calm page's property strip (goal 0106 slice B) Goal 0095 slice 2 (PR #229) landed AtlasPerspectiveMembership as its own mid-body row; moved it into AtlasCardPropertyStrip.tsx instead, alongside kind/status/freshness -- one compact row, same quiet style, still rendering nothing when the space has adopted no perspective. Also migrates atlas-perspectives.spec.ts's one breadcrumb click (still written against the pre-slice-B direct-navigate behavior) to the new sibling-dropdown two-step interaction. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01FW5GkkAG8du7tNdYLk2zSd * test: mirror-path projection spec expands the calm page's quiet-add before filling Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01FW5GkkAG8du7tNdYLk2zSd --------- Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
1 parent fb05b6b commit b615a97

42 files changed

Lines changed: 1228 additions & 260 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎frontend/e2e/atlas-authoring.spec.ts‎

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
} from './fixtures/server'
1111
import { contextMenu, rightClickEmptyArea } from './fixtures/contextMenu'
1212
import { ATLAS_KIND_CONTACT, ATLAS_KIND_TOPIC, selectKind } from './fixtures/kindPicker'
13-
import { clickCorner, groupCard, noteCard, zoomAllTheWayOut } from './fixtures/atlasBoard'
13+
import { clickCorner, groupCard, noteCard, submitCreatePopover, zoomAllTheWayOut } from './fixtures/atlasBoard'
1414

1515
// Atlas creation core (goal 0081 slice A1): the tray, its placement
1616
// popover, right-click create, sticky notes, and the note promotion
@@ -137,9 +137,21 @@ test('atlas creation core: tray, placement popover, right-click create, sticky n
137137
await clickCorner(board, 'top-right')
138138
await expect(cardTool).toHaveAttribute('data-armed', 'false')
139139
await expect(popover).toBeVisible()
140+
141+
// The create loop (goal 0106 slice B contract item 4: C -> click ->
142+
// title -> Enter -> board) audited: the popover's own resting chrome
143+
// is the kind chip + title input ONLY -- no "Kind"/"Title" labels,
144+
// no visible Submit/Cancel row (Enter/Escape are the only commit/
145+
// cancel paths). The title input is already focused.
146+
await expect(popover.getByText('Kind', { exact: true })).toHaveCount(0)
147+
await expect(popover.getByText('Title', { exact: true })).toHaveCount(0)
148+
await expect(popover.getByTestId('atlas-placement-submit')).toHaveCount(0)
149+
await expect(popover.getByTestId('atlas-placement-cancel')).toHaveCount(0)
150+
await expect(popover.getByTestId('atlas-placement-title')).toBeFocused()
151+
140152
await selectKind(popover, ATLAS_KIND_TOPIC)
141153
await popover.getByTestId('atlas-placement-title').fill('ZzE2eRootCard')
142-
await popover.getByTestId('atlas-placement-submit').click()
154+
await submitCreatePopover(popover)
143155
await expect(popover).not.toBeVisible()
144156
await expect(noteCard(page, 'ZzE2eRootCard')).toBeVisible()
145157
// Regression: one confirm creates exactly ONE card. StrictMode
@@ -166,7 +178,7 @@ test('atlas creation core: tray, placement popover, right-click create, sticky n
166178
await expect(popover).toBeVisible()
167179
await selectKind(popover, ATLAS_KIND_CONTACT)
168180
await popover.getByTestId('atlas-placement-title').fill('ZzE2eAreaCard')
169-
await popover.getByTestId('atlas-placement-submit').click()
181+
await submitCreatePopover(popover)
170182
await expect(popover).not.toBeVisible()
171183
await expect(noteCard(page, 'ZzE2eAreaCard')).toBeVisible()
172184

‎frontend/e2e/atlas-breadcrumb-siblings.spec.ts‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
import { test, expect } from './fixtures/server'
2+
import { groupCard } from './fixtures/atlasCards'
3+
4+
// The breadcrumb's own sibling dropdown (goal 0106 slice B contract
5+
// item 5): each real segment is a dropdown trigger listing its own
6+
// level's sibling places (name + card count), current one selected --
7+
// clicking any entry (including the current one) navigates, the same
8+
// capability the crumb's old direct-navigate-on-click carried.
9+
10+
test('a breadcrumb segment opens a dropdown of its level\'s siblings, current one selected, with card counts', async ({ page }) => {
11+
await page.goto('/')
12+
await page.getByRole('link', { name: 'Atlas' }).click()
13+
await expect(page.getByTestId('atlas-board')).toBeVisible()
14+
15+
await groupCard(page, 'Example area').getByTestId('atlas-group-header').click()
16+
await expect(page.getByTestId('atlas-breadcrumb')).toContainText('Example area')
17+
18+
// "My space" is the seeded space's own root -- its siblings are
19+
// every other root-level card, which at the single-root default is
20+
// only itself (3 top-level children: Example area, Getting started,
21+
// Scratchpad).
22+
const mySpaceCrumb = page.getByTestId('atlas-breadcrumb').getByTestId('atlas-breadcrumb-item').filter({ hasText: 'My space' })
23+
await mySpaceCrumb.click()
24+
25+
const dropdown = page.getByTestId('atlas-breadcrumb-siblings')
26+
await expect(dropdown).toBeVisible()
27+
const mySpaceRow = dropdown.getByTestId('atlas-breadcrumb-sibling').filter({ hasText: 'My space' })
28+
await expect(mySpaceRow).toBeVisible()
29+
await expect(mySpaceRow).toContainText('3 cards')
30+
31+
// Clicking the current place navigates to it (reproducing the old
32+
// direct-navigate behavior) -- the crumb collapses back to "My
33+
// space" alone.
34+
await mySpaceRow.click()
35+
await expect(dropdown).toHaveCount(0)
36+
await expect(page.getByTestId('atlas-breadcrumb')).not.toContainText('Example area')
37+
await expect(page.getByTestId('atlas-breadcrumb')).toContainText('My space')
38+
})
39+
40+
test('clicking a DIFFERENT sibling in the dropdown navigates laterally', async ({ page }) => {
41+
await page.goto('/')
42+
await page.getByRole('link', { name: 'Atlas' }).click()
43+
await expect(page.getByTestId('atlas-board')).toBeVisible()
44+
45+
await groupCard(page, 'Example area').getByTestId('atlas-group-header').click()
46+
await expect(page.getByTestId('atlas-breadcrumb')).toContainText('Example area')
47+
48+
// "Example area"'s own siblings are the OTHER top-level children of
49+
// "My space" -- Getting started, Scratchpad -- neither of which is a
50+
// place with its own children, so clicking one lands on an empty
51+
// board (its own drilled-into space), not "Example area"'s own
52+
// contents.
53+
const exampleAreaCrumb = page.getByTestId('atlas-breadcrumb').getByTestId('atlas-breadcrumb-item').filter({ hasText: 'Example area' })
54+
await exampleAreaCrumb.click()
55+
const dropdown = page.getByTestId('atlas-breadcrumb-siblings')
56+
await expect(dropdown).toBeVisible()
57+
58+
const gettingRow = dropdown.getByTestId('atlas-breadcrumb-sibling').filter({ hasText: 'Getting started' })
59+
await expect(gettingRow).toBeVisible()
60+
await expect(gettingRow).toContainText('0 cards')
61+
await gettingRow.click()
62+
63+
await expect(dropdown).toHaveCount(0)
64+
await expect(page.getByTestId('atlas-breadcrumb')).toContainText('My space')
65+
await expect(page.getByTestId('atlas-breadcrumb')).toContainText('Getting started')
66+
await expect(page.getByTestId('atlas-breadcrumb')).not.toContainText('Example area')
67+
})

‎frontend/e2e/atlas-capture.spec.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { test, expect } from './fixtures/server'
22
import type { Page } from '@playwright/test'
3-
import { clickCorner, openCard, zoomAllTheWayOut } from './fixtures/atlasBoard'
3+
import { clickCorner, openCard, submitCreatePopover, zoomAllTheWayOut } from './fixtures/atlasBoard'
44
import { deleteViaPageMenu } from './fixtures/atlasPage'
55

66
// Atlas capture doors (goal 0081 slice A3, LOCKED design §2b/§3b):
@@ -55,7 +55,7 @@ test('paste text opens the placement popover prefilled with title and note', asy
5555
await expect(popover).toBeVisible()
5656
await expect(popover.getByTestId('atlas-placement-title')).toHaveValue('Q3 migration checklist')
5757

58-
await popover.getByTestId('atlas-placement-submit').click()
58+
await submitCreatePopover(popover)
5959
await expect(popover).not.toBeVisible()
6060

6161
const card = page.locator('[data-testid="atlas-note-card"]').filter({ hasText: 'Q3 migration checklist' })
@@ -86,7 +86,7 @@ test('paste HTML converts to Markdown before prefilling the popover', async ({ p
8686
// by the same first-line rule paste-as-plain-text uses.
8787
await expect(popover.getByTestId('atlas-placement-title')).toHaveValue(/Vendor policy/)
8888

89-
await popover.getByTestId('atlas-placement-submit').click()
89+
await submitCreatePopover(popover)
9090
await expect(popover).not.toBeVisible()
9191

9292
const card = page.locator('[data-testid="atlas-note-card"]').filter({ hasText: 'Vendor policy' })

‎frontend/e2e/atlas-containment.spec.ts‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {
1111
} from './fixtures/server'
1212
import { contextMenu } from './fixtures/contextMenu'
1313
import { ATLAS_KIND_TOPIC, selectKind } from './fixtures/kindPicker'
14-
import { armAndPlaceTopicCard, deleteCardViaMenu, groupCard, noteCard } from './fixtures/atlasBoard'
14+
import { armAndPlaceTopicCard, cancelCreatePopover, deleteCardViaMenu, groupCard, noteCard, submitCreatePopover } from './fixtures/atlasBoard'
1515
import { waitForViewportStable } from './fixtures/animation'
1616

1717
// A LIGHTER zoom-out than fixtures/atlasBoard.ts's own zoomAllTheWayOut
@@ -174,7 +174,7 @@ test('atlas containment: area drawing, marker-box grouping, drag filing, dissolv
174174
await expect(popover).toBeVisible()
175175
await selectKind(popover, ATLAS_KIND_TOPIC)
176176
await popover.getByTestId('atlas-placement-title').fill('ZzC2eInterior')
177-
await popover.getByTestId('atlas-placement-submit').click()
177+
await submitCreatePopover(popover)
178178
await expect(popover).not.toBeVisible()
179179
await page.mouse.wheel(0, 300)
180180
await waitForViewportStable(board)
@@ -239,16 +239,20 @@ test('atlas containment: area drawing, marker-box grouping, drag filing, dissolv
239239
// board point (not the shared clickCorner helper) -- several zoom
240240
// changes have accumulated by now, so a FRACTION of the board's
241241
// current bounds stays reliably empty regardless of the exact
242-
// zoom level, the way a fixed named corner no longer does. ---
242+
// zoom level, the way a fixed named corner no longer does. y=0.3
243+
// (not a bottom corner): the board's own minimap/Controls/creation
244+
// tray chrome (goal 0106 slice B) all live in the bottom band, so
245+
// the vertical middle is the one fraction guaranteed clear of all
246+
// three regardless of which corner a bottom-anchored point picks. ---
243247
await page.keyboard.press('c')
244248
const kindCheckBox = await board.boundingBox()
245249
if (!kindCheckBox) throw new Error('board has no bounding box')
246-
await board.click({ position: { x: kindCheckBox.width * 0.95, y: kindCheckBox.height * 0.95 } })
250+
await board.click({ position: { x: kindCheckBox.width * 0.95, y: kindCheckBox.height * 0.3 } })
247251
await expect(popover).toBeVisible()
248252
await popover.getByTestId('atlas-placement-kind').click()
249253
await expect(popover.getByTestId(`atlas-placement-kind-option-${ATLAS_KIND_TOPIC}`)).toContainText('Something being tracked or worked through.')
250254
await popover.getByTestId(`atlas-placement-kind-option-${ATLAS_KIND_TOPIC}`).click()
251-
await popover.getByTestId('atlas-placement-cancel').click()
255+
await cancelCreatePopover(popover)
252256
await expect(popover).not.toBeVisible()
253257

254258
// --- Rider (a): a zoomed-into space with zero cards and zero

‎frontend/e2e/atlas-folder-import.spec.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { test, expect } from './fixtures/server'
22
import { deleteViaPageMenu } from './fixtures/atlasPage'
3-
import { openCard } from './fixtures/atlasBoard'
3+
import { clickBreadcrumbSegment, openCard } from './fixtures/atlasBoard'
44

55
// Synced-folder onboarding (docs/goals/0067) over real Go bindings
66
// (Wails3 server mode): AtlasService.PickFolder's own MILL_TEST_
@@ -96,7 +96,7 @@ test('add from folder: scan, partial accept, containment, and mirror rendering a
9696
await deleteViaPageMenu(page, overlay)
9797
await expect(summaryCard).not.toBeVisible()
9898

99-
await page.getByTestId('atlas-breadcrumb').getByText('My space', { exact: true }).click()
99+
await clickBreadcrumbSegment(page, page.getByTestId('atlas-breadcrumb').getByText('My space', { exact: true }), 'My space')
100100
for (const card of [noteCard(page, 'Reports'), notesCard, logoCard]) {
101101
await openCard(page, card)
102102
await expect(overlay).toBeVisible()
@@ -168,7 +168,7 @@ test('add from folder: an already-imported file stays flagged and default-unchec
168168
await deleteViaPageMenu(page, overlay)
169169
await expect(overlay).not.toBeVisible()
170170

171-
await page.getByTestId('atlas-breadcrumb').getByText('My space', { exact: true }).click()
171+
await clickBreadcrumbSegment(page, page.getByTestId('atlas-breadcrumb').getByText('My space', { exact: true }), 'My space')
172172
const firstNotesCard = noteCard(page, 'Meeting Notes')
173173
await openCard(page, firstNotesCard)
174174
await expect(overlay).toBeVisible()

‎frontend/e2e/atlas-gestures.spec.ts‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,3 +187,103 @@ test('atlas.up is surface-scoped: listed under "On this page" in the palette on
187187
await expect(page.getByTestId('composition-view')).toBeVisible()
188188
})
189189

190+
// The two 0104 residual e2e cases goal 0106 slice B absorbs (useAtlasKeyboardNav.ts's
191+
// key table), plus a verify-only case for arrows-pan-with-no-selection
192+
// (already implemented in slice A -- reported, not built here).
193+
194+
test('Tab cycles focus and selection across top-level cards in reading order', async ({ page }) => {
195+
await page.goto('/')
196+
await page.getByRole('link', { name: 'Atlas' }).click()
197+
await expect(page.getByTestId('atlas-board')).toBeVisible()
198+
199+
const exampleArea = groupCard(page, 'Example area')
200+
const getting = noteCard(page, 'Getting started')
201+
202+
// Focus lands inside the board wrapper (a click), then Escape's
203+
// first rung clears the live selection while DOM focus stays on the
204+
// clicked card -- the same mechanism the Escape-ladder test above
205+
// already proves -- so the FIRST Tab below starts from "nothing
206+
// selected", not from this card as an anchor.
207+
await getting.click()
208+
await page.keyboard.press('Escape')
209+
await expect(selectedWrapper(page, getting)).toHaveCount(0)
210+
211+
// Reading order is left-to-right (atlasKeyboardNavGeometry.ts): the
212+
// seed's own X positions put Example area (80) before Getting
213+
// started (532), both on the same row (internal/domain/atlas/
214+
// builtin.go).
215+
await page.keyboard.press('Tab')
216+
await expect(selectedWrapper(page, exampleArea)).toHaveCount(1)
217+
218+
await page.keyboard.press('Tab')
219+
await expect(selectedWrapper(page, exampleArea)).toHaveCount(0)
220+
await expect(selectedWrapper(page, getting)).toHaveCount(1)
221+
222+
await page.keyboard.press('Shift+Tab')
223+
await expect(selectedWrapper(page, getting)).toHaveCount(0)
224+
await expect(selectedWrapper(page, exampleArea)).toHaveCount(1)
225+
})
226+
227+
test('arrow-nudge persists the selected card\'s position', async ({ page }) => {
228+
await page.goto('/')
229+
await page.getByRole('link', { name: 'Atlas' }).click()
230+
await expect(page.getByTestId('atlas-board')).toBeVisible()
231+
232+
const getting = noteCard(page, 'Getting started')
233+
const gettingNode = page.locator('.react-flow__node').filter({ has: getting })
234+
await getting.click()
235+
await expect(selectedWrapper(page, getting)).toHaveCount(1)
236+
237+
// React Flow writes translate(x,y) in flow coords directly onto the
238+
// node element's own style -- camera-independent, unlike
239+
// boundingBox() (same technique atlas.spec.ts's own arrange-persists
240+
// test already established).
241+
const before = (await gettingNode.evaluate((el) => (el as HTMLElement).style.transform)) ?? ''
242+
for (let i = 0; i < 5; i++) await page.keyboard.press('ArrowRight')
243+
244+
let after = before
245+
await expect.poll(async () => {
246+
after = (await gettingNode.evaluate((el) => (el as HTMLElement).style.transform)) ?? ''
247+
return after
248+
}).not.toBe(before)
249+
250+
// The Go-side SetPosition write is batched to keyup, not per-pixel --
251+
// a reload renders the SAME persisted position, proving the nudge
252+
// actually round-tripped through the backend, not just the live DOM.
253+
await page.reload()
254+
await expect(page.getByTestId('atlas-view')).toBeVisible()
255+
await expect(gettingNode).toBeVisible()
256+
await expect.poll(async () => gettingNode.evaluate((el) => (el as HTMLElement).style.transform), { timeout: 10_000 }).toBe(after)
257+
258+
// Cleanup: nudge back to the seeded position (testing.md's
259+
// within-file discipline -- no later test in this file depends on
260+
// it, but leaving drift around is still unnecessary).
261+
await getting.click()
262+
await expect(selectedWrapper(page, getting)).toHaveCount(1)
263+
for (let i = 0; i < 5; i++) await page.keyboard.press('ArrowLeft')
264+
await expect.poll(async () => gettingNode.evaluate((el) => (el as HTMLElement).style.transform)).toBe(before)
265+
})
266+
267+
// Verify-only (goal 0106 slice B's residual audit): arrows with NO
268+
// selection pan the camera instead of nudging -- already implemented
269+
// in slice A (useAtlasKeyboardNav.ts), not new work here.
270+
test('arrows with no selection pan the camera instead of nudging', async ({ page }) => {
271+
await page.goto('/')
272+
await page.getByRole('link', { name: 'Atlas' }).click()
273+
const board = page.getByTestId('atlas-board')
274+
await expect(board).toBeVisible()
275+
276+
const getting = noteCard(page, 'Getting started')
277+
await getting.click()
278+
await page.keyboard.press('Escape')
279+
await expect(selectedWrapper(page, getting)).toHaveCount(0)
280+
281+
const viewport = board.locator('.react-flow__viewport')
282+
const before = await viewport.evaluate((el) => (el as HTMLElement).style.transform)
283+
await page.keyboard.press('ArrowRight')
284+
await expect.poll(async () => viewport.evaluate((el) => (el as HTMLElement).style.transform)).not.toBe(before)
285+
286+
// Cleanup: pan back so this test leaves the camera where it found it.
287+
await page.keyboard.press('ArrowLeft')
288+
})
289+

‎frontend/e2e/atlas-minimap.spec.ts‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
import { test, expect } from './fixtures/server'
2+
3+
// The board's own minimap (goal 0106 slice B contract item 5): React
4+
// Flow's own MiniMap, styled to tokens (ThemedMiniMap.tsx), a
5+
// control-strip toggle button alongside zoom, a palette command, and
6+
// localStorage persistence (default ON) -- each browser context here
7+
// starts with fresh storage (Playwright's own default per-test
8+
// isolation), so every test below reads the untouched default.
9+
10+
test('the minimap renders by default, bottom-right of the board, in the same control cluster as zoom', async ({ page }) => {
11+
await page.goto('/')
12+
await page.getByRole('link', { name: 'Atlas' }).click()
13+
const board = page.getByTestId('atlas-board')
14+
await expect(board).toBeVisible()
15+
16+
await expect(board.locator('.react-flow__minimap')).toBeVisible()
17+
const toggle = board.getByTestId('atlas-minimap-toggle')
18+
await expect(toggle).toBeVisible()
19+
await expect(toggle).toHaveAttribute('aria-pressed', 'true')
20+
// Same cluster as the zoom/fit-view/lock buttons, not a separate
21+
// panel -- `has` must be built off `page`, not a locator already
22+
// scoped through a separate ancestor (`board`), or the filter never
23+
// matches.
24+
await expect(page.locator('.react-flow__controls').filter({ has: page.getByTestId('atlas-minimap-toggle') })).toHaveCount(1)
25+
await expect(board.locator('.react-flow__controls-zoomin')).toBeVisible()
26+
})
27+
28+
test('the toggle button hides and shows the minimap, and the choice persists across a reload', async ({ page }) => {
29+
await page.goto('/')
30+
await page.getByRole('link', { name: 'Atlas' }).click()
31+
const board = page.getByTestId('atlas-board')
32+
await expect(board).toBeVisible()
33+
34+
const toggle = board.getByTestId('atlas-minimap-toggle')
35+
await toggle.click()
36+
await expect(board.locator('.react-flow__minimap')).toHaveCount(0)
37+
await expect(toggle).toHaveAttribute('aria-pressed', 'false')
38+
39+
await page.reload()
40+
await page.getByRole('link', { name: 'Atlas' }).click()
41+
await expect(board).toBeVisible()
42+
await expect(board.locator('.react-flow__minimap')).toHaveCount(0)
43+
await expect(board.getByTestId('atlas-minimap-toggle')).toHaveAttribute('aria-pressed', 'false')
44+
})
45+
46+
test('the "Toggle minimap" palette command flips the same toggle the button does', async ({ page }) => {
47+
await page.goto('/')
48+
await page.getByRole('link', { name: 'Atlas' }).click()
49+
const board = page.getByTestId('atlas-board')
50+
await expect(board).toBeVisible()
51+
await expect(board.locator('.react-flow__minimap')).toBeVisible()
52+
53+
await page.keyboard.press('Meta+/')
54+
const palette = page.getByRole('dialog', { name: 'Command palette' })
55+
await expect(palette).toBeVisible()
56+
await palette.getByRole('combobox').fill('Toggle minimap')
57+
await palette.getByRole('option', { name: 'Toggle minimap' }).click()
58+
await expect(palette).toHaveCount(0)
59+
60+
await expect(board.locator('.react-flow__minimap')).toHaveCount(0)
61+
await expect(board.getByTestId('atlas-minimap-toggle')).toHaveAttribute('aria-pressed', 'false')
62+
})

0 commit comments

Comments
 (0)