Ryan Kegel
2c65d3ecaf
All checks were successful
Chore App Build, Test, and Push Docker Images / build-and-push (push) Successful in 2m59s
105 lines
4.1 KiB
TypeScript
105 lines
4.1 KiB
TypeScript
// spec: e2e/plans/create-child.plan.md
|
|
|
|
import { test, expect } from '@playwright/test'
|
|
import path from 'path'
|
|
import { fileURLToPath } from 'url'
|
|
|
|
const __dirname = path.dirname(fileURLToPath(import.meta.url))
|
|
const TEST_IMAGE = path.join(__dirname, '../../../../resources/logo/star_only.png')
|
|
|
|
async function deleteNamedChildren(request: any, names: string[]) {
|
|
const res = await request.get('/api/child/list')
|
|
const data = await res.json()
|
|
for (const child of data.children ?? []) {
|
|
if (names.includes(child.name)) {
|
|
await request.delete(`/api/child/${child.id}`)
|
|
}
|
|
}
|
|
}
|
|
|
|
async function deleteAllChildren(request: any) {
|
|
const res = await request.get('/api/child/list')
|
|
const data = await res.json()
|
|
for (const child of data.children ?? []) {
|
|
await request.delete(`/api/child/${child.id}`)
|
|
}
|
|
}
|
|
|
|
test.describe('Create Child', () => {
|
|
test('Create a child with name and age only', async ({ page, request }) => {
|
|
await deleteNamedChildren(request, ['Alice'])
|
|
|
|
// 1. Navigate to app root - router redirects to /parent (children list) when parent-authenticated
|
|
await page.goto('/')
|
|
await expect(page).toHaveURL('/parent')
|
|
|
|
// 2. Click the 'Add Child' FAB
|
|
await page.getByRole('button', { name: 'Add Child' }).click()
|
|
await expect(page.getByRole('heading', { name: 'Create Child' })).toBeVisible()
|
|
await expect(page.getByLabel('Name')).toBeVisible()
|
|
await expect(page.getByLabel('Age')).toBeVisible()
|
|
|
|
// 3. Enter 'Alice' in the Name field
|
|
await page.getByLabel('Name').fill('Alice')
|
|
await expect(page.getByLabel('Name')).toHaveValue('Alice')
|
|
|
|
// 4. Enter '8' in the Age field
|
|
await page.getByLabel('Age').fill('8')
|
|
await expect(page.getByLabel('Age')).toHaveValue('8')
|
|
|
|
// 5. Leave Image as default and click Create
|
|
await page.getByRole('button', { name: 'Create' }).click()
|
|
await expect(page.locator('.error')).not.toBeVisible()
|
|
await expect(page).toHaveURL('/parent')
|
|
await expect(page.getByText('Alice')).toBeVisible()
|
|
})
|
|
|
|
test('Create a child via the inline Create button in empty state', async ({ page, request }) => {
|
|
await deleteAllChildren(request)
|
|
|
|
// 1. Navigate to app root - router redirects to /parent (children list)
|
|
await page.goto('/')
|
|
await expect(page.getByText('No children')).toBeVisible()
|
|
await expect(page.getByRole('button', { name: 'Create' })).toBeVisible()
|
|
|
|
// 2. Click the inline 'Create' button
|
|
await page.getByRole('button', { name: 'Create' }).click()
|
|
await expect(page.getByRole('heading', { name: 'Create Child' })).toBeVisible()
|
|
|
|
// 3. Enter 'Bob' and '10', then submit
|
|
await page.getByLabel('Name').fill('Bob')
|
|
await page.getByLabel('Age').fill('10')
|
|
await page.getByRole('button', { name: 'Create' }).click()
|
|
await expect(page.locator('.error')).not.toBeVisible()
|
|
await expect(page).toHaveURL('/parent')
|
|
await expect(page.getByText('Bob')).toBeVisible()
|
|
})
|
|
|
|
test('Create a child with a custom uploaded image', async ({ page, request }) => {
|
|
await deleteNamedChildren(request, ['Grace'])
|
|
|
|
// 1. Navigate to app root - router redirects to /parent (children list)
|
|
await page.goto('/')
|
|
await page.getByRole('button', { name: 'Add Child' }).click()
|
|
await expect(page.getByRole('heading', { name: 'Create Child' })).toBeVisible()
|
|
|
|
// 2. Enter 'Grace' and '6'
|
|
await page.getByLabel('Name').fill('Grace')
|
|
await page.getByLabel('Age').fill('6')
|
|
await expect(page.getByLabel('Name')).toHaveValue('Grace')
|
|
await expect(page.getByLabel('Age')).toHaveValue('6')
|
|
|
|
// 3. Upload a local image file via 'Add from device'
|
|
const fileChooserPromise = page.waitForEvent('filechooser')
|
|
await page.getByRole('button', { name: 'Add from device' }).click()
|
|
const fileChooser = await fileChooserPromise
|
|
await fileChooser.setFiles(TEST_IMAGE)
|
|
|
|
// 4. Submit the form
|
|
await page.getByRole('button', { name: 'Create' }).click()
|
|
await expect(page.locator('.error')).not.toBeVisible()
|
|
await expect(page).toHaveURL('/parent')
|
|
await expect(page.getByText('Grace')).toBeVisible()
|
|
})
|
|
})
|