// spec: frontend/vue-app/e2e/plans/parent-item-management.plan.md
// seed: e2e/seed.spec.ts

import { test, expect } from '@playwright/test'

test('Convert a default kindness act to a user item by editing', async ({ page }) => {
  await page.goto('/parent/tasks/chores')
  await page.click('text=Kindness Acts')
  // find a default act
  await expect(page.locator('text=Be good for the day')).toBeVisible()
  await expect(
    page.locator('text=Be good for the day >> .. >> button[aria-label="Delete item"]'),
  ).toHaveCount(0)

  // edit it — rename to avoid name collision with kindness-delete-default running in parallel
  await page.click('text=Be good for the day')
  await page.locator('#name').fill('Be good today (edited)')
  await page.locator('#points').fill('7')
  await page.getByRole('button', { name: 'Save' }).click()
  // renamed item should now be deletable
  await expect(
    page
      .getByText('Be good today (edited)', { exact: true })
      .locator('..')
      .locator('button[aria-label="Delete item"]'),
  ).toBeVisible()
  // clean up: delete the created user item so other tests see a clean default state
  await page
    .getByText('Be good today (edited)', { exact: true })
    .locator('..')
    .locator('button[aria-label="Delete item"]')
    .click()
  await page.getByRole('button', { name: 'Delete', exact: true }).click()
})