@maestro-js/agent-skills 1.0.0-alpha.2 → 1.0.0-alpha.21

package/skills/maestro-examples/references/setlist/setlist-web/tests/tasks-create-in-project.test.ts

@@ -0,0 +1,44 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(H.ProjectSeed({ id: 13900, userId, title: 'Sprint Planning', position: 'a0' }))
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('creating a task via inline form adds it to the project task list', async ({ page }) => {
+  // Navigate to the project detail view
+  await page.goto('/projects/13900')
+  await expect(page.getByRole('heading', { name: 'Sprint Planning' })).toBeVisible()
+
+  const taskTitle = `Project task ${Date.now()}`
+
+  // Type into the inline create input and submit
+  const input = page.getByPlaceholder('New task...')
+  await input.fill(taskTitle)
+  await input.press('Enter')
+
+  // Wait for the new task row to appear in the list
+  await expect(page.getByRole('row', { name: taskTitle })).toBeVisible()
+
+  // The input should be cleared after submission
+  await expect(input).toHaveValue('')
+
+  // Click the task to open detail panel and verify projectId
+  await page.getByText(taskTitle).click()
+  const taskForm = page.locator('form[action*="/api/tasks/"]')
+  await expect(taskForm.getByLabel('Notes')).toBeVisible()
+
+  // The Project select in the detail panel should show the project name
+  // (the task appearing in this project's list already proves correct projectId,
+  // but this confirms it's also reflected in the detail panel)
+  await expect(page.getByRole('button', { name: 'Project' }).filter({ hasText: 'Sprint Planning' })).toBeVisible()
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/tasks-delete.test.ts

@@ -0,0 +1,52 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(
+  H.TaskSeed({
+    id: 14300,
+    userId,
+    title: 'Task to delete',
+    listPosition: 'a0'
+  })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('deleting a task removes it from all views', async ({ page }) => {
+  // Navigate to Inbox where the unassigned task lives
+  await page.goto('/inbox')
+  await expect(page.getByRole('heading', { name: 'Inbox' })).toBeVisible()
+
+  // Verify the task appears
+  await expect(page.getByText('Task to delete')).toBeVisible()
+
+  // Click the task to open the detail panel
+  await page.getByText('Task to delete').click()
+  await expect(page.getByLabel('Notes')).toBeVisible()
+
+  // Click "Delete task" button
+  await page.getByRole('button', { name: 'Delete task' }).click()
+
+  // Confirm deletion in the alert dialog
+  const dialog = page.getByRole('alertdialog')
+  await expect(dialog).toBeVisible()
+  await dialog.getByRole('button', { name: 'Delete' }).click()
+
+  // The task should disappear from Inbox
+  await expect(page.getByText('Task to delete')).not.toBeVisible()
+
+  // Navigate to Completed view — deleted task should not appear there either
+  const nav = page.getByRole('navigation')
+  await nav.getByRole('link', { name: 'Completed' }).click()
+  await expect(page).toHaveURL('/completed')
+  await expect(page.getByText('Task to delete')).not.toBeVisible()
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/tasks-edit.test.ts

@@ -0,0 +1,73 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(
+  H.ProjectSeed({ id: 14000, userId, title: 'Edit Task Project', position: 'a0' }),
+  H.TaskSeed({
+    id: 14000,
+    userId,
+    projectId: 14000,
+    title: 'Original task title',
+    notes: 'Initial notes',
+    scheduledDate: '2026-06-20',
+    listPosition: 'a0'
+  })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('edit task title, notes, and scheduled date', async ({ page }) => {
+  // Navigate to the project containing the task
+  await page.goto('/projects/14000')
+
+  // Click the task to open the detail panel
+  const taskRow = page.getByText('Original task title')
+  await expect(taskRow).toBeVisible()
+  await taskRow.click()
+
+  // Scope all assertions to the task edit form (avoids collision with project form fields)
+  const taskForm = page.locator('form[action*="/api/tasks/"]')
+
+  // Verify the task detail panel opens (Notes textarea is the anchor element)
+  const notesInput = taskForm.getByLabel('Notes')
+  await expect(notesInput).toBeVisible()
+
+  // Verify the seeded date is displayed correctly
+  await expect(taskForm.locator('input[name="scheduledDate"]')).toHaveValue('2026-06-20')
+
+  // Verify the seeded notes
+  await expect(notesInput).toHaveValue('Initial notes')
+
+  // Edit the notes (auto-saves on blur)
+  await notesInput.fill('These are the updated notes')
+  await notesInput.blur()
+
+  // Wait for notes auto-save to complete
+  await page.waitForTimeout(500)
+
+  // Verify notes persisted
+  await expect(notesInput).toHaveValue('These are the updated notes')
+
+  // Verify date was not affected by the notes edit
+  await expect(taskForm.locator('input[name="scheduledDate"]')).toHaveValue('2026-06-20')
+
+  // Reload the page to verify persistence from the database
+  await page.reload()
+
+  // Click the task again to open the detail panel
+  await page.getByText('Original task title').click()
+  const reloadedForm = page.locator('form[action*="/api/tasks/"]')
+  await expect(reloadedForm.getByLabel('Notes')).toBeVisible()
+
+  await expect(reloadedForm.getByLabel('Notes')).toHaveValue('These are the updated notes')
+  await expect(reloadedForm.locator('input[name="scheduledDate"]')).toHaveValue('2026-06-20')
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/tasks-reorder-in-project.test.ts

@@ -0,0 +1,81 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(
+  H.ProjectSeed({ id: 14600, userId, title: 'Reorder Project', position: 'a0' }),
+  H.TaskSeed({ id: 14601, userId, projectId: 14600, title: 'Project Task A', listPosition: 'a0' }),
+  H.TaskSeed({ id: 14602, userId, projectId: 14600, title: 'Project Task B', listPosition: 'a1' }),
+  H.TaskSeed({ id: 14603, userId, projectId: 14600, title: 'Project Task C', listPosition: 'a2' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('reorder tasks within a project via drag-and-drop: drag C above A', async ({ page }) => {
+  await page.goto('/projects/14600')
+  await expect(page.getByRole('heading', { name: 'Reorder Project' })).toBeVisible()
+
+  const taskA = page.getByRole('row', { name: 'Project Task A' })
+  const taskB = page.getByRole('row', { name: 'Project Task B' })
+  const taskC = page.getByRole('row', { name: 'Project Task C' })
+
+  await expect(taskA).toBeVisible()
+  await expect(taskB).toBeVisible()
+  await expect(taskC).toBeVisible()
+
+  // Verify initial order: A, B, C
+  let boxA = await taskA.boundingBox()
+  let boxB = await taskB.boundingBox()
+  let boxC = await taskC.boundingBox()
+  expect(boxA!.y).toBeLessThan(boxB!.y)
+  expect(boxB!.y).toBeLessThan(boxC!.y)
+
+  // Drag task C above task A using manual mouse events
+  // @dnd-kit requires pointer movement of at least 5px to activate
+  const sourceCenterX = boxC!.x + boxC!.width / 2
+  const sourceCenterY = boxC!.y + boxC!.height / 2
+  const targetCenterX = boxA!.x + boxA!.width / 2
+  const targetY = boxA!.y // Drop above task A
+
+  await page.mouse.move(sourceCenterX, sourceCenterY)
+  await page.mouse.down()
+  await page.waitForTimeout(100) // Allow pointer-down to register
+  // Move in small steps to trigger DnD activation and sorting
+  await page.mouse.move(sourceCenterX, sourceCenterY - 10, { steps: 5 })
+  await page.waitForTimeout(50) // Let activation settle
+  await page.mouse.move(targetCenterX, targetY, { steps: 10 })
+  await page.waitForTimeout(100) // Let sort preview settle
+
+  // Release and wait for the reorder API call to complete
+  await Promise.all([
+    page.waitForResponse((res) => res.url().includes('/api/tasks/') && res.url().includes('/reorder')),
+    page.mouse.up()
+  ])
+
+  // Verify new order: C, A, B
+  boxC = await taskC.boundingBox()
+  boxA = await taskA.boundingBox()
+  boxB = await taskB.boundingBox()
+  expect(boxC!.y).toBeLessThan(boxA!.y)
+  expect(boxA!.y).toBeLessThan(boxB!.y)
+
+  // Reload the page to verify persistence
+  await page.reload()
+  await expect(taskA).toBeVisible()
+  await expect(taskB).toBeVisible()
+  await expect(taskC).toBeVisible()
+
+  boxC = await taskC.boundingBox()
+  boxA = await taskA.boundingBox()
+  boxB = await taskB.boundingBox()
+  expect(boxC!.y).toBeLessThan(boxA!.y)
+  expect(boxA!.y).toBeLessThan(boxB!.y)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/tasks-reorder-inbox.test.ts

@@ -0,0 +1,80 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(
+  H.TaskSeed({ id: 9440, userId, title: 'Task A', listPosition: 'a0' }),
+  H.TaskSeed({ id: 9441, userId, title: 'Task B', listPosition: 'a1' }),
+  H.TaskSeed({ id: 9442, userId, title: 'Task C', listPosition: 'a2' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('reorder tasks in Inbox via drag-and-drop: drag C above A', async ({ page }) => {
+  await page.goto('/inbox')
+  await expect(page.getByRole('heading', { name: 'Inbox' })).toBeVisible()
+
+  const taskA = page.getByRole('row', { name: 'Task A' })
+  const taskB = page.getByRole('row', { name: 'Task B' })
+  const taskC = page.getByRole('row', { name: 'Task C' })
+
+  await expect(taskA).toBeVisible()
+  await expect(taskB).toBeVisible()
+  await expect(taskC).toBeVisible()
+
+  // Verify initial order: A, B, C
+  let boxA = await taskA.boundingBox()
+  let boxB = await taskB.boundingBox()
+  let boxC = await taskC.boundingBox()
+  expect(boxA!.y).toBeLessThan(boxB!.y)
+  expect(boxB!.y).toBeLessThan(boxC!.y)
+
+  // Drag task C above task A using manual mouse events
+  // @dnd-kit requires pointer movement of at least 5px to activate
+  const sourceCenterX = boxC!.x + boxC!.width / 2
+  const sourceCenterY = boxC!.y + boxC!.height / 2
+  const targetCenterX = boxA!.x + boxA!.width / 2
+  const targetY = boxA!.y // Drop above task A
+
+  await page.mouse.move(sourceCenterX, sourceCenterY)
+  await page.mouse.down()
+  await page.waitForTimeout(100) // Allow pointer-down to register
+  // Move in small steps to trigger DnD activation and sorting
+  await page.mouse.move(sourceCenterX, sourceCenterY - 10, { steps: 5 })
+  await page.waitForTimeout(50) // Let activation settle
+  await page.mouse.move(targetCenterX, targetY, { steps: 10 })
+  await page.waitForTimeout(100) // Let sort preview settle
+
+  // Release and wait for the reorder API call to complete
+  await Promise.all([
+    page.waitForResponse((res) => res.url().includes('/api/tasks/') && res.url().includes('/reorder')),
+    page.mouse.up()
+  ])
+
+  // Verify new order: C, A, B
+  boxC = await taskC.boundingBox()
+  boxA = await taskA.boundingBox()
+  boxB = await taskB.boundingBox()
+  expect(boxC!.y).toBeLessThan(boxA!.y)
+  expect(boxA!.y).toBeLessThan(boxB!.y)
+
+  // Reload the page to verify persistence
+  await page.reload()
+  await expect(taskA).toBeVisible()
+  await expect(taskB).toBeVisible()
+  await expect(taskC).toBeVisible()
+
+  boxC = await taskC.boundingBox()
+  boxA = await taskA.boundingBox()
+  boxB = await taskB.boundingBox()
+  expect(boxC!.y).toBeLessThan(boxA!.y)
+  expect(boxA!.y).toBeLessThan(boxB!.y)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/tasks-reorder-today.test.ts

@@ -0,0 +1,103 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS, localDate } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const today = localDate()
+
+const seedData = H.SeedPipe(
+  H.TaskSeed({
+    id: 14500,
+    userId,
+    title: 'TodayReorder Task A',
+    scheduledDate: today,
+    listPosition: 'a0',
+    scheduledPosition: 'a0'
+  }),
+  H.TaskSeed({
+    id: 14501,
+    userId,
+    title: 'TodayReorder Task B',
+    scheduledDate: today,
+    listPosition: 'a1',
+    scheduledPosition: 'a1'
+  }),
+  H.TaskSeed({
+    id: 14502,
+    userId,
+    title: 'TodayReorder Task C',
+    scheduledDate: today,
+    listPosition: 'a2',
+    scheduledPosition: 'a2'
+  })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('reorder tasks in Today via drag-and-drop: drag C above A', async ({ page }) => {
+  await page.goto('/today')
+  await expect(page.getByText(/Good (morning|afternoon|evening)/)).toBeVisible()
+
+  const taskA = page.getByRole('row', { name: 'TodayReorder Task A' })
+  const taskB = page.getByRole('row', { name: 'TodayReorder Task B' })
+  const taskC = page.getByRole('row', { name: 'TodayReorder Task C' })
+
+  await expect(taskA).toBeVisible()
+  await expect(taskB).toBeVisible()
+  await expect(taskC).toBeVisible()
+
+  // Verify initial order: A, B, C
+  let boxA = await taskA.boundingBox()
+  let boxB = await taskB.boundingBox()
+  let boxC = await taskC.boundingBox()
+  expect(boxA!.y).toBeLessThan(boxB!.y)
+  expect(boxB!.y).toBeLessThan(boxC!.y)
+
+  // Drag task C above task A using manual mouse events
+  // @dnd-kit requires pointer movement of at least 5px to activate
+  const sourceCenterX = boxC!.x + boxC!.width / 2
+  const sourceCenterY = boxC!.y + boxC!.height / 2
+  const targetCenterX = boxA!.x + boxA!.width / 2
+  const targetY = boxA!.y // Drop above task A
+
+  await page.mouse.move(sourceCenterX, sourceCenterY)
+  await page.mouse.down()
+  await page.waitForTimeout(100) // Allow pointer-down to register
+  // Move in small steps to trigger DnD activation and sorting
+  await page.mouse.move(sourceCenterX, sourceCenterY - 10, { steps: 5 })
+  await page.waitForTimeout(50) // Let activation settle
+  await page.mouse.move(targetCenterX, targetY, { steps: 10 })
+  await page.waitForTimeout(100) // Let sort preview settle
+
+  // Release and wait for the reorder API call to complete
+  await Promise.all([
+    page.waitForResponse((res) => res.url().includes('/api/tasks/') && res.url().includes('/reorder')),
+    page.mouse.up()
+  ])
+
+  // Verify new order: C, A, B
+  boxC = await taskC.boundingBox()
+  boxA = await taskA.boundingBox()
+  boxB = await taskB.boundingBox()
+  expect(boxC!.y).toBeLessThan(boxA!.y)
+  expect(boxA!.y).toBeLessThan(boxB!.y)
+
+  // Reload the page to verify persistence
+  await page.reload()
+  await expect(taskA).toBeVisible()
+  await expect(taskB).toBeVisible()
+  await expect(taskC).toBeVisible()
+
+  boxC = await taskC.boundingBox()
+  boxA = await taskA.boundingBox()
+  boxB = await taskB.boundingBox()
+  expect(boxC!.y).toBeLessThan(boxA!.y)
+  expect(boxA!.y).toBeLessThan(boxB!.y)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/tasks-uncomplete.test.ts

@@ -0,0 +1,51 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+// Cast to satisfy Iso.Instant branded type
+const now = new Date().toISOString() as any
+
+const seedData = H.SeedPipe(
+  H.TaskSeed({
+    id: 14200,
+    userId,
+    title: 'Task to uncomplete',
+    listPosition: 'a0',
+    completedDate: now
+  })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('uncompleting a task removes it from Completed view and returns it to Inbox', async ({ page }) => {
+  // Navigate to Completed view
+  await page.goto('/completed')
+  await expect(page.getByRole('heading', { name: 'Completed' })).toBeVisible()
+
+  // Verify the completed task is visible
+  await expect(page.getByText('Task to uncomplete')).toBeVisible()
+
+  // Click the uncomplete button and wait for the server to process
+  const uncompleteResponse = page.waitForResponse(
+    (resp) => resp.url().includes('/api/tasks/14200/uncomplete') && resp.status() === 200
+  )
+  await page.getByRole('button', { name: 'Uncomplete "Task to uncomplete"' }).click()
+  await uncompleteResponse
+
+  // The task should be removed from the Completed view
+  await expect(page.getByText('Task to uncomplete')).not.toBeVisible()
+
+  // Navigate to Inbox to verify the task returned to its original location
+  const nav = page.getByRole('navigation')
+  await nav.getByRole('link', { name: 'Inbox' }).click()
+  await expect(page).toHaveURL('/inbox')
+  await expect(page.getByText('Task to uncomplete')).toBeVisible()
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/tasks-view-details.test.ts

@@ -0,0 +1,51 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(
+  H.ProjectSeed({ id: 13700, userId, title: 'Q1 Review', position: 'a0' }),
+  H.TaskSeed({
+    id: 13700,
+    userId,
+    projectId: 13700,
+    title: 'Review quarterly report',
+    notes: 'Focus on revenue sections and projections',
+    scheduledDate: '2026-04-15',
+    listPosition: 'a0'
+  })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('clicking a task opens the detail panel showing title, notes, and scheduled date', async ({ page }) => {
+  // Navigate to the project containing the task
+  await page.goto('/projects/13700')
+
+  // Click the task in the list
+  const taskRow = page.getByText('Review quarterly report')
+  await expect(taskRow).toBeVisible()
+  await taskRow.click()
+
+  // Scope assertions to the task edit form (avoids collision with project form fields)
+  const taskForm = page.locator('form[action*="/api/tasks/"]')
+
+  // Verify the task detail panel opens
+  await expect(taskForm.getByLabel('Notes')).toBeVisible()
+
+  // Verify title is preserved in hidden input
+  await expect(taskForm.locator('input[name="title"]')).toHaveValue('Review quarterly report')
+
+  // Verify notes
+  await expect(taskForm.getByLabel('Notes')).toHaveValue('Focus on revenue sections and projections')
+
+  // Verify scheduled date via hidden input
+  await expect(taskForm.locator('input[name="scheduledDate"]')).toHaveValue('2026-04-15')
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/views-active-sidebar-highlight.test.ts

@@ -0,0 +1,38 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(H.ProjectSeed({ id: 9150, userId, title: 'Highlight Project' }))
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('exactly one sidebar item is highlighted at a time, matching the current route', async ({ page }) => {
+  const nav = page.getByRole('navigation')
+
+  // Step 1: Click Inbox — verify it is highlighted
+  await page.goto('/inbox')
+  const inboxLink = nav.getByRole('link', { name: 'Inbox' })
+  await expect(inboxLink).toHaveClass(/active/)
+
+  // Step 2: Click Today — verify Today is highlighted and Inbox is not
+  const todayLink = nav.getByRole('link', { name: 'Today' })
+  await todayLink.click()
+  await expect(page).toHaveURL('/today')
+  await expect(todayLink).toHaveClass(/active/)
+  await expect(inboxLink).not.toHaveClass(/active/)
+
+  // Step 3: Click a project in the sidebar — verify the project is highlighted and Today is not
+  const projectLink = nav.getByRole('link', { name: 'Highlight Project' })
+  await projectLink.click()
+  await expect(page).toHaveURL(/\/projects\/9150/)
+  await expect(projectLink).toHaveClass(/active/)
+  await expect(todayLink).not.toHaveClass(/active/)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/views-inbox-unassigned-only.test.ts

@@ -0,0 +1,43 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(
+  H.ProjectSeed({ id: 9010, userId, title: 'Seed Project' }),
+  H.TaskSeed({ id: 9011, userId, title: 'Inbox Task', listPosition: 'a0' }),
+  H.TaskSeed({ id: 9012, userId, title: 'Project Task', projectId: 9010, listPosition: 'a0' }),
+  H.TaskSeed({
+    id: 9013,
+    userId,
+    title: 'Scheduled Task',
+    scheduledDate: '2026-03-20',
+    listPosition: 'a0',
+    scheduledPosition: 'a0'
+  })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('inbox shows only unassigned, unscheduled tasks', async ({ page }) => {
+  await page.goto('/inbox')
+
+  // Wait for the inbox heading to confirm the page loaded
+  await expect(page.getByRole('heading', { name: 'Inbox' })).toBeVisible()
+
+  // The inbox task should be visible
+  await expect(page.getByRole('row', { name: 'Inbox Task' })).toBeVisible()
+
+  // The project-assigned task should NOT be visible
+  await expect(page.getByRole('row', { name: 'Project Task' })).not.toBeVisible()
+
+  // The scheduled task should NOT be visible
+  await expect(page.getByRole('row', { name: 'Scheduled Task' })).not.toBeVisible()
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/views-navigate-to-completed.test.ts

@@ -0,0 +1,59 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+// Cast to satisfy Iso.Instant branded type
+const now = new Date().toISOString() as any
+
+const seedData = H.SeedPipe(
+  H.TaskSeed({
+    id: 9140,
+    userId,
+    title: 'Completed Test Task',
+    completedDate: now,
+    listPosition: 'a0'
+  }),
+  H.ProjectSeed({
+    id: 9140,
+    userId,
+    title: 'Completed Test Project',
+    completedDate: now,
+    position: 'a0'
+  })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('clicking Completed in sidebar navigates to completed view showing completed task and project', async ({ page }) => {
+  // Start from a different view so we can verify navigation
+  await page.goto('/inbox')
+
+  const nav = page.getByRole('navigation')
+  const completedLink = nav.getByRole('link', { name: 'Completed' })
+
+  // Click the Completed link
+  await completedLink.click()
+
+  // Verify URL changed to /completed
+  await expect(page).toHaveURL('/completed')
+
+  // Verify Completed heading is visible
+  await expect(page.getByRole('heading', { name: 'Completed' })).toBeVisible()
+
+  // Verify the completed task is visible
+  await expect(page.getByText('Completed Test Task')).toBeVisible()
+
+  // Verify the completed project is visible (with "Project" label)
+  await expect(page.getByText('Completed Test Project')).toBeVisible()
+
+  // Verify the Completed link is highlighted as active
+  await expect(completedLink).toHaveClass(/active/)
+})