luckberg/familysync
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(13-03): apply Prettier formatting across repo

Browse Source 
Mechanical reformat — no logic changes. 398 files changed, 19125
insertions(+), 16457 deletions(-). Prettier 3.8.4 with .prettierrc
(singleQuote:true, semi:true, tabWidth:2, trailingComma:all,
printWidth:100). Isolated per D-13-08 for reviewability.
This commit is contained in:
Lucas Berger
2026-06-11 20:35:18 -04:00
parent 4bc0445173
commit 982438dc10
398 changed files with 19050 additions and 16382 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/pwa/e2e/lists.spec.ts
+31 -33
View File
@@ -21,49 +21,47 @@
* pnpm --filter @familysync/pwa test:e2e
* pnpm --filter @familysync/pwa exec playwright test --project=pixel lists.spec.ts
*/
import { test, expect } from '@playwright/test'
import { test, expect } from '@playwright/test';
// ── Rule 5: Populated state ───────────────────────────────────────────────────
test.describe('Rule 5 — populated lists state', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/lists')
await page.goto('/lists');
// Wait for auth (DEV_AUTH_BYPASS) and lists content to load
await expect(page.getByRole('navigation', { name: 'Main navigation' })).toBeVisible()
})
await expect(page.getByRole('navigation', { name: 'Main navigation' })).toBeVisible();
});
test('seeded "E2E Grocery List" card is visible', async ({ page }) => {
// ListCard renders a button with aria-label="Open list: <name>" (ListCard.tsx).
// This is the primary stable locator — prefer role+name over text content.
const listCard = page.getByRole('button', { name: 'Open list: E2E Grocery List' })
await expect(listCard).toBeVisible()
})
const listCard = page.getByRole('button', { name: 'Open list: E2E Grocery List' });
await expect(listCard).toBeVisible();
});
test('at least one list item is present in the populated state', async ({ page }) => {
// The content area has role="list" (ListsIndex.tsx) with ListCard children
// that each have role="listitem". Assert ≥1 listitem when seeded.
const listitems = page.getByRole('listitem')
await expect(listitems).not.toHaveCount(0)
})
const listitems = page.getByRole('listitem');
await expect(listitems).not.toHaveCount(0);
});
test('ListsEmptyState "No lists yet" is NOT present when lists are seeded', async ({
page,
}) => {
test('ListsEmptyState "No lists yet" is NOT present when lists are seeded', async ({ page }) => {
// With the seeded list, the empty state must not appear.
await expect(page.getByText('No lists yet')).toHaveCount(0)
})
await expect(page.getByText('No lists yet')).toHaveCount(0);
});
test('no horizontal overflow on populated /lists (Rule 2)', async ({ page }) => {
const overflow = await page.evaluate(() => ({
scrollWidth: document.documentElement.scrollWidth,
clientWidth: document.documentElement.clientWidth,
}))
}));
expect(
overflow.scrollWidth,
`scrollWidth (${overflow.scrollWidth}) must be ≤ clientWidth (${overflow.clientWidth}) on populated /lists`,
).toBeLessThanOrEqual(overflow.clientWidth)
})
})
).toBeLessThanOrEqual(overflow.clientWidth);
});
});
// ── Rule 5: Empty state (network-simulated) ───────────────────────────────────
@@ -77,20 +75,20 @@ test.describe('Rule 5 — lists empty state (network-simulated, seeded DB untouc
contentType: 'application/json',
body: JSON.stringify({ lists: [] }),
}),
)
);
await page.goto('/lists')
await expect(page.getByRole('navigation', { name: 'Main navigation' })).toBeVisible()
await page.goto('/lists');
await expect(page.getByRole('navigation', { name: 'Main navigation' })).toBeVisible();
// ListsEmptyState renders "No lists yet" heading (ListsEmptyState.tsx)
await expect(page.getByText('No lists yet')).toBeVisible()
await expect(page.getByText('No lists yet')).toBeVisible();
// Body contains "Tap + to create your first shared list" — use partial match
await expect(page.getByText(/Tap \+ to create/)).toBeVisible()
await expect(page.getByText(/Tap \+ to create/)).toBeVisible();
// No manual unroute (WR-05): Playwright gives each test a fresh page/context, so route
// handlers do not leak across tests; a trailing unroute also never runs if an `expect`
// above throws.
})
});
test('no horizontal overflow in empty lists state (Rule 2)', async ({ page }) => {
await page.route('/api/lists', (route) =>
@@ -99,22 +97,22 @@ test.describe('Rule 5 — lists empty state (network-simulated, seeded DB untouc
contentType: 'application/json',
body: JSON.stringify({ lists: [] }),
}),
)
);
await page.goto('/lists')
await expect(page.getByRole('navigation', { name: 'Main navigation' })).toBeVisible()
await page.goto('/lists');
await expect(page.getByRole('navigation', { name: 'Main navigation' })).toBeVisible();
// Wait for empty state to render before measuring overflow
await expect(page.getByText('No lists yet')).toBeVisible()
await expect(page.getByText('No lists yet')).toBeVisible();
const overflow = await page.evaluate(() => ({
scrollWidth: document.documentElement.scrollWidth,
clientWidth: document.documentElement.clientWidth,
}))
}));
expect(
overflow.scrollWidth,
`scrollWidth (${overflow.scrollWidth}) must be ≤ clientWidth (${overflow.clientWidth}) in empty lists state`,
).toBeLessThanOrEqual(overflow.clientWidth)
).toBeLessThanOrEqual(overflow.clientWidth);
// No manual unroute (WR-05): per-test context isolation handles route cleanup.
})
})
});
});