From f90f703096b3d17cdea5f4d987c2396876eff2a5 Mon Sep 17 00:00:00 2001
From: Test <test@test.com>
Date: Sun, 8 Mar 2026 21:47:10 +0100
Subject: [PATCH] test: add Playwright smoke test for move-note-to-type-folder
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Covers type change → move toast confirmation and type selector visibility
in the properties panel.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 tests/smoke/move-note-to-type-folder.spec.ts | 67 ++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 tests/smoke/move-note-to-type-folder.spec.ts

diff --git a/tests/smoke/move-note-to-type-folder.spec.ts b/tests/smoke/move-note-to-type-folder.spec.ts
new file mode 100644
index 00000000..3b7dffe5
--- /dev/null
+++ b/tests/smoke/move-note-to-type-folder.spec.ts
@@ -0,0 +1,67 @@
+import { test, expect } from '@playwright/test'
+
+test.describe('Move note to type folder on type change', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.setViewportSize({ width: 1600, height: 900 })
+    await page.goto('/')
+    await page.waitForLoadState('networkidle')
+  })
+
+  test('changing type shows move toast and note appears under new section', async ({ page }) => {
+    // Click the first note in the note list to open it
+    const noteListContainer = page.locator('[data-testid="note-list-container"]')
+    await noteListContainer.waitFor({ timeout: 5000 })
+    const firstNote = noteListContainer.locator('.cursor-pointer').first()
+    await firstNote.click()
+    await page.waitForTimeout(500)
+
+    // The Properties panel should show a type selector
+    const typeSelector = page.locator('[data-testid="type-selector"]')
+    await expect(typeSelector).toBeVisible({ timeout: 5000 })
+
+    // Read the current type
+    const selectTrigger = typeSelector.locator('button[role="combobox"]')
+    const currentType = (await selectTrigger.textContent())?.trim() ?? 'Note'
+
+    // Pick a different type to change to
+    const targetType = currentType === 'Note' ? 'Experiment' : 'Note'
+
+    // Open the type selector dropdown and select the target type
+    await selectTrigger.click()
+    await page.waitForTimeout(300)
+    const option = page.getByRole('option', { name: targetType, exact: true })
+    await expect(option).toBeVisible({ timeout: 3000 })
+    await option.click()
+
+    // Toast should confirm the move
+    const toastSlug = targetType.toLowerCase()
+    const toast = page.getByText(`Note moved to ${toastSlug}/`)
+    await expect(toast).toBeVisible({ timeout: 5000 })
+
+    // Restore original type to avoid leaving vault dirty
+    await page.waitForTimeout(2500) // wait for toast to dismiss
+    const restoredTrigger = typeSelector.locator('button[role="combobox"]')
+    await restoredTrigger.click()
+    await page.waitForTimeout(300)
+    const restoreOption = page.getByRole('option', { name: currentType, exact: true })
+    await expect(restoreOption).toBeVisible({ timeout: 3000 })
+    await restoreOption.click()
+    await page.waitForTimeout(1000)
+  })
+
+  test('type selector is visible in properties panel for opened note', async ({ page }) => {
+    // Click the first note in the note list
+    const noteListContainer = page.locator('[data-testid="note-list-container"]')
+    await noteListContainer.waitFor({ timeout: 5000 })
+    const firstNote = noteListContainer.locator('.cursor-pointer').first()
+    await firstNote.click()
+    await page.waitForTimeout(500)
+
+    // Type selector should be visible in the properties panel
+    const typeSelector = page.locator('[data-testid="type-selector"]')
+    await expect(typeSelector).toBeVisible({ timeout: 5000 })
+
+    // It should show "Type" label
+    await expect(typeSelector.getByText('Type')).toBeVisible()
+  })
+})