e2e) add medium-priority playwright coverage

e2e/checklist-experience-persistence.test.ts

@@ -0,0 +1,39 @@
+import { test, expect } from '@playwright/test';
+import { TEST_USERS } from './setup/test-users.js';
+import { loginAsLocalUser } from './helpers/auth.js';
+import { addActivity, addPackingList, createTrip, uniqueSuffix } from './helpers/trip.js';
+
+test.beforeEach(async ({ context }) => {
+	await context.clearCookies();
+});
+
+test('checklists and experiences persist after reload', async ({ page }) => {
+	const suffix = uniqueSuffix();
+	const tripName = `E2E Checklist ${suffix}`;
+	const listName = `Packing ${suffix}`;
+	const itemOne = `Passport ${suffix}`;
+	const itemTwo = `Sunscreen ${suffix}`;
+	const activityName = `Museum Visit ${suffix}`;
+
+	await loginAsLocalUser(page, TEST_USERS.regular.username, TEST_USERS.regular.password);
+	await createTrip(page, { name: tripName, description: 'Checklist persistence coverage' });
+
+	await addPackingList(page, { name: listName, items: [itemOne, itemTwo] });
+	await addActivity(page, { name: activityName });
+
+	await page.getByRole('checkbox', { name: itemOne }).check();
+	await expect(page.getByRole('checkbox', { name: itemOne })).toBeChecked();
+
+	await page.reload();
+
+	await expect(page.getByText(activityName, { exact: true })).toBeVisible();
+	await expect(page.getByRole('checkbox', { name: itemOne })).toBeChecked();
+	await expect(page.getByRole('checkbox', { name: itemTwo })).not.toBeChecked();
+
+	const listCard = page
+		.getByText(listName, { exact: true })
+		.locator('xpath=ancestor::div[contains(@class,"rounded-xl")]');
+	const items = listCard.locator('label');
+	await expect(items.nth(0)).toContainText(itemOne);
+	await expect(items.nth(1)).toContainText(itemTwo);
+});