Ryan Kegel
f250c42e5e
All checks were successful
Chore App Build, Test, and Push Docker Images / build-and-push (push) Successful in 3m31s
- Implement tests for creating, editing, and deleting chores, kindness acts, and penalties. - Add tests to verify conversion of default items to user items and restoration of system defaults upon deletion. - Ensure proper cancellation of creation and editing actions. - Create a comprehensive plan document outlining the test scenarios and expected behaviors.
44 lines
1.7 KiB
TypeScript
44 lines
1.7 KiB
TypeScript
// 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 chore to a user item by editing', async ({ page }) => {
|
|
// 1. Locate a default chore such as 'Clean your mess' in the chores list
|
|
await page.goto('/parent/tasks/chores')
|
|
await expect(page.locator('text=Clean your mess')).toBeVisible()
|
|
// expect: Item is visible and has no delete button
|
|
await expect(
|
|
page.locator('text=Clean your mess >> .. >> button[aria-label="Delete item"]'),
|
|
).toHaveCount(0)
|
|
|
|
// 2. Click the default chore itself to edit
|
|
await page.click('text=Clean your mess')
|
|
// expect: Edit form opens with the default values
|
|
await expect(page.locator('input#name').inputValue()).resolves.toBe('Clean your mess')
|
|
|
|
// 3. Change some properties (name and points) so Save becomes enabled
|
|
await page.evaluate(() => {
|
|
const setVal = (sel, val) => {
|
|
const el = document.querySelector(sel)
|
|
if (el) {
|
|
el.value = val
|
|
el.dispatchEvent(new Event('input', { bubbles: true }))
|
|
el.dispatchEvent(new Event('change', { bubbles: true }))
|
|
}
|
|
}
|
|
setVal('#name', 'Clean your mess (custom)')
|
|
setVal('#points', '20')
|
|
})
|
|
// expect: Save button is enabled because form is dirty
|
|
await expect(page.getByRole('button', { name: 'Save' })).toBeEnabled()
|
|
|
|
// 4. Save the update
|
|
await page.click('button:has-text("Save")')
|
|
// expect: The chore now shows as editable and includes a delete option
|
|
await expect(
|
|
page.locator('text=Clean your mess >> .. >> button[aria-label="Delete item"]'),
|
|
).toBeVisible()
|
|
// expect: Item behaves like a custom chore
|
|
})
|