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

package/skills/maestro-examples/references/setlist/setlist-web/tests/projects-edit-notes-date.test.ts

@@ -0,0 +1,69 @@
+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: 9280, userId, title: 'Trip Planning', position: 'a0' }))
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('edit project notes and scheduled date', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Navigate to the project detail view
+  const projectLink = nav.getByRole('link', { name: 'Trip Planning' })
+  await expect(projectLink).toBeVisible()
+  await projectLink.click()
+  await page.waitForURL(/\/projects\/\d+/)
+
+  // Verify the project loaded correctly
+  await expect(page.getByRole('heading', { name: 'Trip Planning' })).toBeVisible()
+
+  // Open the metadata editing form
+  await page.getByRole('button', { name: 'Edit details' }).click()
+  await expect(page.getByLabel('Title')).toBeVisible()
+
+  // Add notes
+  await page.getByLabel('Notes').fill('Book flights and hotels for summer vacation')
+
+  // Add a scheduled date by interacting with date picker segments
+  const monthSegment = page.getByRole('spinbutton', { name: /month/i })
+  await monthSegment.click()
+  await page.keyboard.type('04')
+
+  const daySegment = page.getByRole('spinbutton', { name: /day/i })
+  await daySegment.click()
+  await page.keyboard.type('15')
+
+  const yearSegment = page.getByRole('spinbutton', { name: /year/i })
+  await yearSegment.click()
+  await page.keyboard.type('2026')
+
+  // Click Save
+  await page.getByRole('button', { name: 'Save' }).click()
+
+  // Wait for the save to complete
+  await page.waitForTimeout(500)
+
+  // Reload the page to verify persistence from the database
+  await page.reload()
+
+  // Open the metadata editing form again after reload
+  await page.getByRole('button', { name: 'Edit details' }).click()
+  await expect(page.getByLabel('Title')).toBeVisible()
+
+  // Verify notes persisted
+  await expect(page.getByLabel('Notes')).toHaveValue('Book flights and hotels for summer vacation')
+
+  // Verify scheduled date persisted via the hidden input
+  const scheduledDateInput = page.locator('input[name="scheduledDate"]')
+  await expect(scheduledDateInput).toHaveValue('2026-04-15')
+})

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

@@ -0,0 +1,48 @@
+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: 9270, userId, title: 'Weekend Errands', position: 'a0' }))
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('edit project title via context menu', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Right-click the project to open context menu
+  const projectLink = nav.getByRole('link', { name: 'Weekend Errands' })
+  await expect(projectLink).toBeVisible()
+  await projectLink.click({ button: 'right' })
+
+  // Click the "Edit" option in the context menu
+  await page.getByRole('menuitem', { name: 'Edit' }).click()
+
+  // The inline edit input should appear with the current title
+  const input = nav.locator('input[name="title"]')
+  await expect(input).toBeVisible()
+  await expect(input).toHaveValue('Weekend Errands')
+
+  // Clear and type a new title, then submit
+  await input.fill('Grocery Run')
+  await input.press('Enter')
+
+  // The updated title should appear in the sidebar
+  const updatedLink = nav.getByRole('link', { name: 'Grocery Run' })
+  await expect(updatedLink).toBeVisible()
+
+  // Navigate to the project detail view
+  await updatedLink.click()
+  await page.waitForURL(/\/projects\/\d+/)
+
+  // The detail view should show the updated title
+  await expect(page.getByRole('heading', { name: 'Grocery Run' })).toBeVisible()
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/projects-move-into-area.test.ts

@@ -0,0 +1,72 @@
+import { test, expect } from '@playwright/test'
+import { Db, H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(
+  H.AreaSeed({ id: 9290, userId, title: 'MoveInto Corp', position: 'a0' }),
+  H.ProjectSeed({ id: 9290, userId, areaId: null, title: 'Deploy Portal', position: 'a1' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('move a top-level project into an area via drag-and-drop', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Verify both the area and the top-level project are visible
+  const areaLink = nav.getByRole('link', { name: 'MoveInto Corp' })
+  const projectLink = nav.getByRole('link', { name: 'Deploy Portal' })
+
+  await expect(areaLink).toBeVisible()
+  await expect(projectLink).toBeVisible()
+
+  // The project should appear at top level (below the area since position 'a1' > 'a0')
+  const areaBox = await areaLink.boundingBox()
+  let projectBox = await projectLink.boundingBox()
+  expect(areaBox).toBeTruthy()
+  expect(projectBox).toBeTruthy()
+
+  // Drag the project onto the area
+  const sourceCenterX = projectBox!.x + projectBox!.width / 2
+  const sourceCenterY = projectBox!.y + projectBox!.height / 2
+  const targetCenterX = areaBox!.x + areaBox!.width / 2
+  const targetCenterY = areaBox!.y + areaBox!.height / 2
+
+  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 (5px threshold)
+  await page.mouse.move(sourceCenterX, sourceCenterY - 10, { steps: 5 })
+  await page.waitForTimeout(50) // Let activation settle
+  await page.mouse.move(targetCenterX, targetCenterY, { steps: 10 })
+  await page.waitForTimeout(100) // Let sort preview settle
+
+  // Release and wait for the move API call to complete
+  await Promise.all([
+    page.waitForResponse((res) => res.url().includes('/api/projects/') && res.url().includes('/move')),
+    page.mouse.up()
+  ])
+
+  // The area should auto-expand and the project should appear nested under it
+  // After the move, the project link should still be visible (now nested under the area)
+  await expect(projectLink).toBeVisible()
+
+  // Reload to verify persistence
+  await page.reload()
+
+  // The area should be expanded (auto-expanded when project was dropped)
+  await expect(nav.getByRole('link', { name: 'MoveInto Corp' })).toBeVisible()
+  await expect(nav.getByRole('link', { name: 'Deploy Portal' })).toBeVisible()
+
+  // Verify the project has the correct areaId in the database
+  const rows = await Db.select('SELECT areaId FROM projects WHERE id = ?', [9290])
+  expect(rows[0]!.areaId).toBe(9290)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/projects-move-out-of-area.test.ts

@@ -0,0 +1,76 @@
+import { test, expect } from '@playwright/test'
+import { Db, H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+const seedData = H.SeedPipe(
+  H.AreaSeed({ id: 9300, userId, title: 'MoveOut Corp', position: 'a0' }),
+  H.ProjectSeed({ id: 9300, userId, areaId: 9300, title: 'Launch Website', position: 'a0' }),
+  H.ProjectSeed({ id: 9301, userId, areaId: null, title: 'Side Hustle', position: 'a1' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('move a project out of an area to top-level via drag-and-drop', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Expand the MoveOut Corp area to see the child project
+  const areaLink = nav.getByRole('link', { name: 'MoveOut Corp' })
+  const expandButton = areaLink.locator('..').getByRole('button', { name: 'Expand area' })
+  await expandButton.click()
+
+  // Verify the child project and top-level project are visible
+  const projectLink = nav.getByRole('link', { name: 'Launch Website' })
+  const targetLink = nav.getByRole('link', { name: 'Side Hustle' })
+  await expect(projectLink).toBeVisible()
+  await expect(targetLink).toBeVisible()
+
+  // Get bounding boxes
+  const projectBox = await projectLink.boundingBox()
+  const targetBox = await targetLink.boundingBox()
+  expect(projectBox).toBeTruthy()
+  expect(targetBox).toBeTruthy()
+
+  // Drag the child project onto the top-level project
+  const sourceCenterX = projectBox!.x + projectBox!.width / 2
+  const sourceCenterY = projectBox!.y + projectBox!.height / 2
+  const targetCenterX = targetBox!.x + targetBox!.width / 2
+  const targetCenterY = targetBox!.y + targetBox!.height / 2
+
+  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 (5px threshold)
+  await page.mouse.move(sourceCenterX, sourceCenterY - 10, { steps: 5 })
+  await page.waitForTimeout(50) // Let activation settle
+  await page.mouse.move(targetCenterX, targetCenterY, { steps: 10 })
+  await page.waitForTimeout(100) // Let sort preview settle
+
+  // Release and wait for the move API call to complete
+  await Promise.all([
+    page.waitForResponse((res) => res.url().includes('/api/projects/') && res.url().includes('/move')),
+    page.mouse.up()
+  ])
+
+  // The project should still be visible (now at top level)
+  await expect(projectLink).toBeVisible()
+
+  // Reload to verify persistence
+  await page.reload()
+
+  // Both projects should be visible at top level
+  await expect(nav.getByRole('link', { name: 'Launch Website' })).toBeVisible()
+  await expect(nav.getByRole('link', { name: 'Side Hustle' })).toBeVisible()
+
+  // Verify the project has areaId cleared in the database
+  const rows = await Db.select('SELECT areaId FROM projects WHERE id = ?', [9300])
+  expect(rows[0]!.areaId).toBeNull()
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/projects-reorder-top-level.test.ts

@@ -0,0 +1,82 @@
+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: 13500, userId, title: 'Project X', position: 'a3' }),
+  H.ProjectSeed({ id: 13501, userId, title: 'Project Y', position: 'a4' }),
+  H.ProjectSeed({ id: 13502, userId, title: 'Project Z', position: 'a5' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('reorder top-level projects via drag-and-drop: drag Z above X', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Verify initial order: X, Y, Z
+  const projectX = nav.getByRole('link', { name: 'Project X' })
+  const projectY = nav.getByRole('link', { name: 'Project Y' })
+  const projectZ = nav.getByRole('link', { name: 'Project Z' })
+
+  await expect(projectX).toBeVisible()
+  await expect(projectY).toBeVisible()
+  await expect(projectZ).toBeVisible()
+
+  let boxX = await projectX.boundingBox()
+  let boxY = await projectY.boundingBox()
+  let boxZ = await projectZ.boundingBox()
+  expect(boxX!.y).toBeLessThan(boxY!.y)
+  expect(boxY!.y).toBeLessThan(boxZ!.y)
+
+  // Drag project Z above project X using manual mouse events.
+  // The sidebar useSortable items use closestCenter collision detection
+  // with PointerSensor (activation distance: 5px).
+  const sourceCenterX = boxZ!.x + boxZ!.width / 2
+  const sourceCenterY = boxZ!.y + boxZ!.height / 2
+  const targetCenterX = boxX!.x + boxX!.width / 2
+  const targetY = boxX!.y // Target the top edge of Project X
+
+  await page.mouse.move(sourceCenterX, sourceCenterY)
+  await page.mouse.down()
+  await page.waitForTimeout(150) // Allow pointer-down to register
+  // Move upward in small steps to trigger DnD activation (> 5px threshold)
+  await page.mouse.move(sourceCenterX, sourceCenterY - 15, { steps: 10 })
+  await page.waitForTimeout(100) // Let activation settle
+  // Move to target position in many steps so collision detection tracks the pointer
+  await page.mouse.move(targetCenterX, targetY, { steps: 20 })
+  await page.waitForTimeout(200) // Let sort preview settle
+
+  // Release and wait for the reorder API call to complete
+  await Promise.all([
+    page.waitForResponse((res) => res.url().includes('/api/projects/') && res.url().includes('/reorder')),
+    page.mouse.up()
+  ])
+
+  // Verify new order: Z, X, Y
+  boxZ = await projectZ.boundingBox()
+  boxX = await projectX.boundingBox()
+  boxY = await projectY.boundingBox()
+  expect(boxZ!.y).toBeLessThan(boxX!.y)
+  expect(boxX!.y).toBeLessThan(boxY!.y)
+
+  // Reload the page to verify persistence
+  await page.reload()
+  await expect(projectX).toBeVisible()
+  await expect(projectY).toBeVisible()
+  await expect(projectZ).toBeVisible()
+
+  boxZ = await projectZ.boundingBox()
+  boxX = await projectX.boundingBox()
+  boxY = await projectY.boundingBox()
+  expect(boxZ!.y).toBeLessThan(boxX!.y)
+  expect(boxX!.y).toBeLessThan(boxY!.y)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/projects-reorder-within-area.test.ts

@@ -0,0 +1,91 @@
+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.AreaSeed({ id: 13600, userId, title: 'Reorder Area', position: 'a0' }),
+  H.ProjectSeed({ id: 13600, userId, areaId: 13600, title: 'Project P1', position: 'a0' }),
+  H.ProjectSeed({ id: 13601, userId, areaId: 13600, title: 'Project P2', position: 'a1' }),
+  H.ProjectSeed({ id: 13602, userId, areaId: 13600, title: 'Project P3', position: 'a2' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('reorder projects within an area via drag-and-drop: drag P3 above P1', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Expand the area to reveal child projects
+  await nav.getByRole('button', { name: 'Expand area' }).click()
+
+  // Verify all three projects are visible
+  const projectP1 = nav.getByRole('link', { name: 'Project P1' })
+  const projectP2 = nav.getByRole('link', { name: 'Project P2' })
+  const projectP3 = nav.getByRole('link', { name: 'Project P3' })
+
+  await expect(projectP1).toBeVisible()
+  await expect(projectP2).toBeVisible()
+  await expect(projectP3).toBeVisible()
+
+  // Verify initial order: P1, P2, P3
+  let boxP1 = await projectP1.boundingBox()
+  let boxP2 = await projectP2.boundingBox()
+  let boxP3 = await projectP3.boundingBox()
+  expect(boxP1!.y).toBeLessThan(boxP2!.y)
+  expect(boxP2!.y).toBeLessThan(boxP3!.y)
+
+  // Drag P3 above P1 using manual mouse events
+  // @dnd-kit requires pointer movement of at least 5px to activate
+  const sourceCenterX = boxP3!.x + boxP3!.width / 2
+  const sourceCenterY = boxP3!.y + boxP3!.height / 2
+  const targetCenterX = boxP1!.x + boxP1!.width / 2
+  const targetY = boxP1!.y // Drop above P1
+
+  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/projects/') && res.url().includes('/reorder')),
+    page.mouse.up()
+  ])
+
+  // Verify new order: P3, P1, P2
+  boxP3 = await projectP3.boundingBox()
+  boxP1 = await projectP1.boundingBox()
+  boxP2 = await projectP2.boundingBox()
+  expect(boxP3!.y).toBeLessThan(boxP1!.y)
+  expect(boxP1!.y).toBeLessThan(boxP2!.y)
+
+  // Reload the page to verify persistence
+  await page.reload()
+
+  // Re-expand the area (localStorage should persist expand state, but verify)
+  const projectP1After = nav.getByRole('link', { name: 'Project P1' })
+  const projectP2After = nav.getByRole('link', { name: 'Project P2' })
+  const projectP3After = nav.getByRole('link', { name: 'Project P3' })
+
+  await expect(projectP3After).toBeVisible()
+  await expect(projectP1After).toBeVisible()
+  await expect(projectP2After).toBeVisible()
+
+  boxP3 = await projectP3After.boundingBox()
+  boxP1 = await projectP1After.boundingBox()
+  boxP2 = await projectP2After.boundingBox()
+  expect(boxP3!.y).toBeLessThan(boxP1!.y)
+  expect(boxP1!.y).toBeLessThan(boxP2!.y)
+})

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

@@ -0,0 +1,39 @@
+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.ProjectSeed({ id: 9320, userId, title: 'Archived Launch', position: 'a0', completedDate: now })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('uncompleting a project removes it from Completed view and restores it in sidebar', async ({ page }) => {
+  // Navigate to the Completed view
+  await page.goto('/completed')
+
+  // Verify the completed project is visible
+  await expect(page.getByText('Archived Launch')).toBeVisible()
+
+  // Click the uncomplete button
+  await page.getByRole('button', { name: 'Uncomplete "Archived Launch"' }).click()
+
+  // The project should be removed from the Completed view (scope to main to exclude sidebar)
+  await expect(page.locator('main').getByText('Archived Launch')).not.toBeVisible()
+
+  // Navigate to verify the project reappears in the sidebar
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+  await expect(nav.getByRole('link', { name: 'Archived Launch' })).toBeVisible()
+})

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

@@ -0,0 +1,48 @@
+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: 9240, userId, title: 'Weekend Errands', position: 'a0' }),
+  H.TaskSeed({ id: 9240, userId, projectId: 9240, title: 'Buy groceries', listPosition: 'a0' }),
+  H.TaskSeed({ id: 9241, userId, projectId: 9240, title: 'Pick up dry cleaning', listPosition: 'a1' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('clicking a project in sidebar shows its tasks ordered by position', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Click the project in the sidebar
+  const projectLink = nav.getByRole('link', { name: 'Weekend Errands' })
+  await expect(projectLink).toBeVisible()
+  await projectLink.click()
+
+  // Should navigate to the project detail URL
+  await page.waitForURL(/\/projects\/\d+/)
+
+  // Project title is visible in the detail form
+  await expect(page.getByRole('heading', { name: 'Weekend Errands' })).toBeVisible()
+
+  // Both tasks are visible
+  const task1 = page.getByText('Buy groceries')
+  const task2 = page.getByText('Pick up dry cleaning')
+  await expect(task1).toBeVisible()
+  await expect(task2).toBeVisible()
+
+  // Tasks are in correct order (first task above second task)
+  const box1 = await task1.boundingBox()
+  const box2 = await task2.boundingBox()
+  expect(box1).not.toBeNull()
+  expect(box2).not.toBeNull()
+  expect(box1!.y).toBeLessThan(box2!.y)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/tasks-complete-removes-from-active-views.test.ts

@@ -0,0 +1,52 @@
+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: 14700,
+    userId,
+    title: 'Task visible in Today',
+    scheduledDate: today,
+    listPosition: 'a0',
+    scheduledPosition: 'a0'
+  })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('completing a task removes it from Today and it does not appear in Inbox; it appears only in Completed', async ({
+  page
+}) => {
+  // Navigate to Today and verify the task is visible
+  await page.goto('/today')
+  await expect(page.getByText(/Good (morning|afternoon|evening)/)).toBeVisible()
+  await expect(page.getByText('Task visible in Today')).toBeVisible()
+
+  // Complete the task by clicking its checkbox
+  const checkbox = page.getByRole('checkbox', { name: 'Complete "Task visible in Today"' })
+  await checkbox.click()
+
+  // The task should disappear from Today
+  await expect(page.getByText('Task visible in Today')).not.toBeVisible()
+
+  // Navigate to Inbox — the task should not appear there either
+  const nav = page.getByRole('navigation')
+  await nav.getByRole('link', { name: 'Inbox' }).click()
+  await expect(page).toHaveURL('/inbox')
+  await expect(page.getByText('Task visible in Today')).not.toBeVisible()
+
+  // Navigate to Completed — the task should appear here
+  await nav.getByRole('link', { name: 'Completed' }).click()
+  await expect(page).toHaveURL('/completed')
+  await expect(page.getByText('Task visible in Today')).toBeVisible()
+})

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

@@ -0,0 +1,46 @@
+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: 14100,
+    userId,
+    title: 'Task to complete',
+    listPosition: 'a0'
+  })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('clicking the checkbox on an Inbox task completes it and moves it to Completed view', async ({ page }) => {
+  // Navigate to Inbox
+  await page.goto('/inbox')
+  await expect(page.getByRole('heading', { name: 'Inbox' })).toBeVisible()
+
+  // Verify the task appears in the Inbox
+  await expect(page.getByText('Task to complete')).toBeVisible()
+
+  // Click the checkbox to complete the task
+  const checkbox = page.getByRole('checkbox', { name: 'Complete "Task to complete"' })
+  await checkbox.click()
+
+  // The task should disappear from Inbox
+  await expect(page.getByText('Task to complete')).not.toBeVisible()
+
+  // Navigate to Completed view
+  const nav = page.getByRole('navigation')
+  await nav.getByRole('link', { name: 'Completed' }).click()
+  await expect(page).toHaveURL('/completed')
+
+  // The task should appear in Completed view with a completion timestamp
+  await expect(page.getByText('Task to complete')).toBeVisible()
+})

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

@@ -0,0 +1,19 @@
+import { test, expect } from '@playwright/test'
+
+test('creating a task via inline form adds it to the Inbox list', async ({ page }) => {
+  await page.goto('/inbox')
+  await expect(page.getByRole('heading', { name: 'Inbox' })).toBeVisible()
+
+  const taskTitle = `Test 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('')
+})