Refactored frontend directory

frontend/e2e/mode_parent/rewards/reward-convert-default.spec.ts

@@ -0,0 +1,50 @@
+// spec: frontend/vue-app/e2e/plans/parent-rewards-management.plan.md
+// seed: e2e/seed.spec.ts
+
+import { test, expect } from '@playwright/test'
+
+test.describe('Convert default reward', () => {
+  test.beforeEach(async ({ page }, testInfo) => {
+    test.skip(testInfo.project.name === 'chromium-no-pin', 'Requires parent-authenticated mode')
+  })
+
+  test.describe.configure({ mode: 'serial' })
+
+  test('Convert a default reward to a user item', async ({ page }) => {
+    await page.goto('/parent/rewards')
+
+    // remove any row that has a delete button (covers custom copies and renamed originals)
+    const allRows = page.locator('text=Choose meal')
+    const total = await allRows.count()
+    for (let i = 0; i < total; i++) {
+      const r = allRows.nth(i)
+      const delBtn = r.locator('..').getByRole('button', { name: 'Delete' })
+      if ((await delBtn.count()) > 0) {
+        await delBtn.click()
+        await expect(page.locator('text=Are you sure you want to delete')).toBeVisible()
+        await page.locator('button.btn-danger:has-text("Delete")').click()
+      }
+    }
+
+    // locate the remaining default reward (exact text)
+    const row = page.getByText('Choose meal', { exact: true }).first()
+    await expect(row).toBeVisible()
+    // delete button should not exist initially on default
+    await expect(row.locator('..').getByRole('button', { name: 'Delete' })).toHaveCount(0)
+
+    // open edit form
+    await row.click()
+    await expect(page.locator('input#name')).toHaveValue('Choose meal')
+
+    // change fields
+    await page.locator('#name').fill('Choose meal (custom)')
+    await page.locator('#cost').fill('35')
+    await expect(page.getByRole('button', { name: 'Save' })).toBeEnabled()
+    await page.getByRole('button', { name: 'Save' }).click()
+
+    // after save, ensure row now has delete control
+    const updated = page.getByText('Choose meal (custom)', { exact: true }).first()
+    await expect(updated).toBeVisible()
+    await expect(updated.locator('..').getByRole('button', { name: 'Delete' })).toBeVisible()
+  })
+})