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

package/skills/maestro-examples/references/setlist/setlist-web/tests/dnd-inbox-to-area.test.ts

@@ -0,0 +1,74 @@
+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: 14900, userId, title: 'Target Area', position: 'a0' }),
+  H.TaskSeed({ id: 14901, userId, title: 'Move Me To Area', listPosition: 'a0' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('move a task from Inbox to an area via drag-and-drop', async ({ page }) => {
+  await page.goto('/inbox')
+
+  // Verify the task is visible in the Inbox
+  const taskRow = page.getByRole('row', { name: /Move Me To Area/ })
+  await expect(taskRow).toBeVisible()
+
+  // Verify the area is visible in the sidebar
+  const nav = page.getByRole('navigation')
+  const areaLink = nav.getByRole('link', { name: 'Target Area' })
+  await expect(areaLink).toBeVisible()
+
+  // Get bounding boxes
+  const taskBox = await taskRow.boundingBox()
+  const areaBox = await areaLink.boundingBox()
+  expect(taskBox).toBeTruthy()
+  expect(areaBox).toBeTruthy()
+
+  // Drag the task onto the area in the sidebar
+  const sourceCenterX = taskBox!.x + taskBox!.width / 2
+  const sourceCenterY = taskBox!.y + taskBox!.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/tasks/') && res.url().includes('/move')),
+    page.mouse.up()
+  ])
+
+  // The task should disappear from Inbox
+  await expect(taskRow).not.toBeVisible()
+
+  // Navigate to the area to see the task there
+  await areaLink.click()
+  await expect(page.getByRole('row', { name: /Move Me To Area/ })).toBeVisible()
+
+  // Reload to verify persistence
+  await page.reload()
+  await expect(page.getByRole('row', { name: /Move Me To Area/ })).toBeVisible()
+
+  // Verify the task's areaId is set and projectId remains null
+  const rows = await Db.select('SELECT areaId, projectId FROM tasks WHERE id = ?', [14901])
+  expect(rows[0]!.areaId).toBe(14900)
+  expect(rows[0]!.projectId).toBe(null)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/dnd-inbox-to-project.test.ts

@@ -0,0 +1,73 @@
+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.ProjectSeed({ id: 14800, userId, title: 'Target Project', position: 'a0' }),
+  H.TaskSeed({ id: 14801, userId, title: 'Move Me', listPosition: 'a0' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('move a task from Inbox to a project via drag-and-drop', async ({ page }) => {
+  await page.goto('/inbox')
+
+  // Verify the task is visible in the Inbox
+  const taskRow = page.getByRole('row', { name: 'Move Me', exact: true })
+  await expect(taskRow).toBeVisible()
+
+  // Verify the project is visible in the sidebar
+  const nav = page.getByRole('navigation')
+  const projectLink = nav.getByRole('link', { name: 'Target Project' })
+  await expect(projectLink).toBeVisible()
+
+  // Get bounding boxes
+  const taskBox = await taskRow.boundingBox()
+  const projectBox = await projectLink.boundingBox()
+  expect(taskBox).toBeTruthy()
+  expect(projectBox).toBeTruthy()
+
+  // Drag the task onto the project in the sidebar
+  const sourceCenterX = taskBox!.x + taskBox!.width / 2
+  const sourceCenterY = taskBox!.y + taskBox!.height / 2
+  const targetCenterX = projectBox!.x + projectBox!.width / 2
+  const targetCenterY = projectBox!.y + projectBox!.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/tasks/') && res.url().includes('/move')),
+    page.mouse.up()
+  ])
+
+  // The task should disappear from Inbox
+  await expect(taskRow).not.toBeVisible()
+
+  // Navigate to the project to see the task there
+  await projectLink.click()
+  await expect(page.getByRole('row', { name: 'Move Me', exact: true })).toBeVisible()
+
+  // Reload to verify persistence
+  await page.reload()
+  await expect(page.getByRole('row', { name: 'Move Me', exact: true })).toBeVisible()
+
+  // Verify the task's projectId in the database
+  const rows = await Db.select('SELECT projectId FROM tasks WHERE id = ?', [14801])
+  expect(rows[0]!.projectId).toBe(14800)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/dnd-move-to-inbox.test.ts

@@ -0,0 +1,51 @@
+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.ProjectSeed({ id: 15200, userId, title: 'Clear Me Project', position: 'a0' }),
+  H.TaskSeed({ id: 15201, userId, projectId: 15200, title: 'Move Me To Inbox', listPosition: 'a0' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('move a task to Inbox by clearing project assignment', async ({ page }) => {
+  // Navigate to the project containing the task
+  await page.goto('/projects/15200')
+
+  // Verify the task is visible in the project
+  const taskRow = page.getByRole('row', { name: /Move Me To Inbox/ })
+  await expect(taskRow).toBeVisible()
+
+  // Click the task to open the detail panel
+  await page.getByText('Move Me To Inbox').click()
+  await expect(page.locator('form[action*="/api/tasks/"]').getByLabel('Notes')).toBeVisible()
+
+  // Open the Project select dropdown in the task detail panel
+  await page.getByRole('button', { name: 'Project', exact: true }).click()
+  await page.getByRole('option', { name: 'None' }).click()
+
+  // Wait for the move to settle
+  await page.waitForTimeout(500)
+
+  // Navigate to Inbox to verify the task moved there
+  await page.goto('/inbox')
+  await expect(page.getByRole('row', { name: /Move Me To Inbox/ })).toBeVisible()
+
+  // Reload to verify persistence
+  await page.reload()
+  await expect(page.getByRole('row', { name: /Move Me To Inbox/ })).toBeVisible()
+
+  // Verify the task's projectId and areaId are null in the database
+  const rows = await Db.select('SELECT projectId, areaId FROM tasks WHERE id = ?', [15201])
+  expect(rows[0]!.projectId).toBe(null)
+  expect(rows[0]!.areaId).toBe(null)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/dnd-project-to-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: 15100, userId, title: 'Target Area', position: 'a0' }),
+  H.ProjectSeed({ id: 15101, userId, areaId: 15100, title: 'Source Project', position: 'a0' }),
+  H.TaskSeed({ id: 15102, userId, projectId: 15101, areaId: 15100, title: 'Move Me Out', listPosition: 'a0' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('move a task from a project to its parent area via drag-and-drop', async ({ page }) => {
+  // Navigate to the project to see the task
+  await page.goto('/projects/15101')
+
+  // Verify the task is visible in the project
+  const taskRow = page.getByRole('row', { name: /Move Me Out/ })
+  await expect(taskRow).toBeVisible()
+
+  // Verify the area is visible in the sidebar
+  const nav = page.getByRole('navigation')
+  const areaLink = nav.getByRole('link', { name: 'Target Area' })
+  await expect(areaLink).toBeVisible()
+
+  // Get bounding boxes
+  const taskBox = await taskRow.boundingBox()
+  const areaBox = await areaLink.boundingBox()
+  expect(taskBox).toBeTruthy()
+  expect(areaBox).toBeTruthy()
+
+  // Drag the task onto the area in the sidebar
+  const sourceCenterX = taskBox!.x + taskBox!.width / 2
+  const sourceCenterY = taskBox!.y + taskBox!.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/tasks/') && res.url().includes('/move')),
+    page.mouse.up()
+  ])
+
+  // The task should disappear from the project
+  await expect(taskRow).not.toBeVisible()
+
+  // Navigate to the area to see the task there
+  await areaLink.click()
+  await expect(page.getByRole('row', { name: /Move Me Out/ })).toBeVisible()
+
+  // Reload to verify persistence
+  await page.reload()
+  await expect(page.getByRole('row', { name: /Move Me Out/ })).toBeVisible()
+
+  // Verify the task's projectId is cleared and areaId is set
+  const rows = await Db.select('SELECT projectId, areaId FROM tasks WHERE id = ?', [15102])
+  expect(rows[0]!.projectId).toBe(null)
+  expect(rows[0]!.areaId).toBe(15100)
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/dnd-project-to-project.test.ts

@@ -0,0 +1,75 @@
+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.ProjectSeed({ id: 15000, userId, title: 'Project A', position: 'a0' }),
+  H.ProjectSeed({ id: 15001, userId, title: 'Project B', position: 'a1' }),
+  H.TaskSeed({ id: 15002, userId, projectId: 15000, title: 'Migrating Task', listPosition: 'a0' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('move a task from one project to another via drag-and-drop', async ({ page }) => {
+  // Navigate to Project A to see the task
+  await page.goto('/projects/15000')
+
+  // Verify the task is visible in Project A
+  const taskRow = page.getByRole('row', { name: /Migrating Task/ })
+  await expect(taskRow).toBeVisible()
+
+  // Verify Project B is visible in the sidebar
+  const nav = page.getByRole('navigation')
+  const projectBLink = nav.getByRole('link', { name: 'Project B' })
+  await expect(projectBLink).toBeVisible()
+
+  // Get bounding boxes
+  const taskBox = await taskRow.boundingBox()
+  const projectBBox = await projectBLink.boundingBox()
+  expect(taskBox).toBeTruthy()
+  expect(projectBBox).toBeTruthy()
+
+  // Drag the task onto Project B in the sidebar
+  const sourceCenterX = taskBox!.x + taskBox!.width / 2
+  const sourceCenterY = taskBox!.y + taskBox!.height / 2
+  const targetCenterX = projectBBox!.x + projectBBox!.width / 2
+  const targetCenterY = projectBBox!.y + projectBBox!.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/tasks/') && res.url().includes('/move')),
+    page.mouse.up()
+  ])
+
+  // The task should disappear from Project A
+  await expect(taskRow).not.toBeVisible()
+
+  // Navigate to Project B to see the task there
+  await projectBLink.click()
+  await expect(page.getByRole('row', { name: /Migrating Task/ })).toBeVisible()
+
+  // Reload to verify persistence
+  await page.reload()
+  await expect(page.getByRole('row', { name: /Migrating Task/ })).toBeVisible()
+
+  // Verify the task's projectId is updated in the database
+  const rows = await Db.select('SELECT projectId FROM tasks WHERE id = ?', [15002])
+  expect(rows[0]!.projectId).toBe(15001)
+})

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

@@ -0,0 +1,27 @@
+import { test, expect } from '@playwright/test'
+import { H } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const seedData = H.SeedPipe(H.TaskSeed({ id: 9000, userId: TEST_CONSTANTS.userId, title: 'Seeded Task' }))
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('loads the home page when authenticated', async ({ page }) => {
+  await page.goto('/inbox')
+
+  // Should see inbox content, not be redirected to login
+  await expect(page.getByRole('button', { name: 'Log out' })).toBeVisible()
+
+  // Should see sidebar elements indicating authenticated layout
+  await expect(page.getByRole('navigation').getByText('Inbox')).toBeVisible()
+  await expect(page.getByRole('navigation').getByText('Today')).toBeVisible()
+
+  // Should see the seeded task in the inbox
+  await expect(page.getByText('Seeded Task')).toBeVisible()
+})

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

@@ -0,0 +1,53 @@
+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: 9310, userId, title: 'Ship MVP', position: 'a0' }),
+  H.TaskSeed({ id: 9310, userId, projectId: 9310, title: 'Write tests', listPosition: 'a0' }),
+  H.TaskSeed({ id: 9311, userId, projectId: 9310, title: 'Deploy app', listPosition: 'a1' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('completing a project removes it from sidebar and shows it in Completed view with tasks uncompleted', async ({
+  page
+}) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Verify the project exists in the sidebar
+  const projectLink = nav.getByRole('link', { name: 'Ship MVP' })
+  await expect(projectLink).toBeVisible()
+
+  // Right-click the project to open context menu
+  await projectLink.click({ button: 'right' })
+
+  // Click "Complete" in the context menu
+  await page.getByRole('menuitem', { name: 'Complete' }).click()
+
+  // The project should be removed from the sidebar
+  await expect(projectLink).not.toBeVisible()
+
+  // Navigate to the Completed view
+  const completedLink = nav.getByRole('link', { name: 'Completed' })
+  await completedLink.click()
+  await expect(page).toHaveURL('/completed')
+
+  // The completed project should appear in the Completed view
+  await expect(page.getByText('Ship MVP')).toBeVisible()
+
+  // Navigate back to verify tasks are NOT completed
+  // Go to inbox — tasks should not appear there since they belong to a project
+  // Instead, check the completed view does NOT show the tasks
+  await expect(page.getByText('Write tests')).not.toBeVisible()
+  await expect(page.getByText('Deploy app')).not.toBeVisible()
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/projects-completed-not-in-sidebar.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.ProjectSeed({ id: 9340, userId, title: 'Finished Rebrand', position: 'a0' }))
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('completed project does not appear in sidebar, only in Completed view', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Verify the project exists in the sidebar
+  const projectLink = nav.getByRole('link', { name: 'Finished Rebrand' })
+  await expect(projectLink).toBeVisible()
+
+  // Right-click the project to open context menu
+  await projectLink.click({ button: 'right' })
+
+  // Click "Complete" in the context menu
+  await page.getByRole('menuitem', { name: 'Complete' }).click()
+
+  // The project should be removed from the sidebar
+  await expect(projectLink).not.toBeVisible()
+
+  // Reload the page to verify persistence
+  await page.reload()
+
+  // The completed project should still not be in the sidebar
+  await expect(nav.getByRole('link', { name: 'Finished Rebrand' })).not.toBeVisible()
+
+  // Navigate to the Completed view
+  await nav.getByRole('link', { name: 'Completed' }).click()
+  await expect(page).toHaveURL('/completed')
+
+  // The completed project should appear in the Completed view
+  await expect(page.getByText('Finished Rebrand')).toBeVisible()
+})

package/skills/maestro-examples/references/setlist/setlist-web/tests/projects-create-in-area.test.ts

@@ -0,0 +1,55 @@
+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: 9260, userId, title: 'Finance', position: 'a0' }))
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await Db.delete('DELETE FROM projects WHERE userId = ? AND title = ?', [userId, 'Budget Tracker'])
+  await seedData.teardown()
+})
+
+test('create a project inside an area via inline sidebar input', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Area should be visible
+  const areaLink = nav.getByRole('link', { name: 'Finance' })
+  await expect(areaLink).toBeVisible()
+
+  // Expand the area
+  await nav.getByRole('button', { name: 'Expand area' }).click()
+
+  // Click the "New project in area" button
+  await nav.getByRole('button', { name: 'New project in area' }).click()
+
+  // Type the project title and submit
+  const input = nav.getByPlaceholder('New project...')
+  await expect(input).toBeVisible()
+  await input.fill('Budget Tracker')
+  await input.press('Enter')
+
+  // The new project should appear nested under the area in the sidebar
+  const projectLink = nav.getByRole('link', { name: 'Budget Tracker' })
+  await expect(projectLink).toBeVisible()
+
+  // Navigate to the project detail view
+  await projectLink.click()
+  await page.waitForURL(/\/projects\/\d+/)
+
+  // The detail view should show the project title
+  await expect(page.getByRole('heading', { name: 'Budget Tracker' })).toBeVisible()
+
+  // The detail view should show an empty task list
+  await expect(page.getByText('No tasks in this project')).toBeVisible()
+
+  // Verify the project has the correct areaId by checking the database
+  const rows = await Db.select('SELECT areaId FROM projects WHERE userId = ? AND title = ?', [userId, 'Budget Tracker'])
+  expect(rows[0]!.areaId).toBe(9260)
+})

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

@@ -0,0 +1,37 @@
+import { test, expect } from '@playwright/test'
+import { Db } from '@setlist/services'
+import { TEST_CONSTANTS } from './constants'
+
+const userId = TEST_CONSTANTS.userId
+
+test.afterAll(async () => {
+  await Db.delete('DELETE FROM projects WHERE userId = ? AND title = ?', [userId, 'Website Redesign'])
+})
+
+test('create a top-level project via inline sidebar input', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Click the "New project" button in the sidebar
+  await nav.getByRole('button', { name: 'New project' }).click()
+
+  // Type the project title and submit
+  const input = nav.getByPlaceholder('New project...')
+  await expect(input).toBeVisible()
+  await input.fill('Website Redesign')
+  await input.press('Enter')
+
+  // The new project should appear in the sidebar
+  const projectLink = nav.getByRole('link', { name: 'Website Redesign' })
+  await expect(projectLink).toBeVisible()
+
+  // Navigate to the project detail view
+  await projectLink.click()
+  await page.waitForURL(/\/projects\/\d+/)
+
+  // The detail view should show the project title
+  await expect(page.getByRole('heading', { name: 'Website Redesign' })).toBeVisible()
+
+  // The detail view should show an empty task list
+  await expect(page.getByText('No tasks in this project')).toBeVisible()
+})

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

@@ -0,0 +1,55 @@
+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: 9330, userId, title: 'Sunset Campaign', position: 'a0' }),
+  H.TaskSeed({ id: 9330, userId, projectId: 9330, title: 'Draft brief', listPosition: 'a0' }),
+  H.TaskSeed({ id: 9331, userId, projectId: 9330, title: 'Review assets', listPosition: 'a1' })
+)
+
+test.beforeAll(async () => {
+  await seedData.setup()
+})
+
+test.afterAll(async () => {
+  await seedData.teardown()
+})
+
+test('deleting a project removes it and its tasks from sidebar and all views', async ({ page }) => {
+  await page.goto('/inbox')
+  const nav = page.getByRole('navigation')
+
+  // Verify the project exists in the sidebar
+  const projectLink = nav.getByRole('link', { name: 'Sunset Campaign' })
+  await expect(projectLink).toBeVisible()
+
+  // Navigate to the project to verify tasks exist
+  await projectLink.click()
+  await page.waitForURL(/\/projects\/\d+/)
+  await expect(page.getByText('Draft brief')).toBeVisible()
+  await expect(page.getByText('Review assets')).toBeVisible()
+
+  // Right-click the project to open context menu
+  await projectLink.click({ button: 'right' })
+
+  // Click "Delete" in the context menu
+  await page.getByRole('menuitem', { name: 'Delete' }).click()
+
+  // Confirm deletion in the alert dialog
+  const dialog = page.getByRole('alertdialog')
+  await expect(dialog).toBeVisible()
+  await dialog.getByRole('button', { name: 'Delete' }).click()
+
+  // The project should be removed from the sidebar
+  await expect(projectLink).not.toBeVisible()
+
+  // Navigate to Completed view — deleted project should not appear there
+  await nav.getByRole('link', { name: 'Completed' }).click()
+  await expect(page).toHaveURL('/completed')
+  await expect(page.getByText('Sunset Campaign')).not.toBeVisible()
+  await expect(page.getByText('Draft brief')).not.toBeVisible()
+  await expect(page.getByText('Review assets')).not.toBeVisible()
+})