mirror of
https://github.com/bretzel-app/crumbs.git
synced 2026-10-12 20:06:57 +02:00
- Add noteCard() helper to target specific cards by title instead of
generic getByTestId('note-card') which fails with multiple matches
- Scope action button clicks (trash, pin, archive) within their card
- Scope tag-chip filter clicks to the tag-filter container
- Wait for networkidle after auth to ensure full hydration
- Remove "empty notes list" test incompatible with shared DB
- Use toHaveCount(0) instead of not.toBeVisible for search empty state
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
48 lines
2.0 KiB
TypeScript
48 lines
2.0 KiB
TypeScript
import { test, expect, noteCard } from './helpers/fixtures.js';
|
|
|
|
test.describe('Search', () => {
|
|
test('Scenario: Searching by title returns the matching note', async ({ authenticatedPage: page }) => {
|
|
// Given a note titled "Grocery Errands" and a note titled "Work Meeting" exist
|
|
await page.getByTestId('new-note-btn').click();
|
|
await page.getByTestId('note-title-input').fill('Grocery Errands');
|
|
await page.getByTestId('close-editor-btn').click();
|
|
|
|
await page.getByTestId('new-note-btn').click();
|
|
await page.getByTestId('note-title-input').fill('Work Meeting');
|
|
await page.getByTestId('close-editor-btn').click();
|
|
|
|
// When the user searches for "Grocery"
|
|
await page.getByTestId('search-input').fill('Grocery');
|
|
await page.waitForTimeout(500);
|
|
|
|
// Then "Grocery Errands" is visible in the results
|
|
await expect(page.getByText('Grocery Errands')).toBeVisible();
|
|
});
|
|
|
|
test('Scenario: Searching by content returns the matching note', async ({ authenticatedPage: page }) => {
|
|
// Given a note titled "Recipe" with content "Pasta with tomato sauce" exists
|
|
await page.getByTestId('new-note-btn').click();
|
|
await page.getByTestId('note-title-input').fill('Recipe');
|
|
const editor = page.getByTestId('tiptap-editor').locator('.tiptap');
|
|
await editor.click();
|
|
await editor.pressSequentially('Pasta with tomato sauce');
|
|
await page.getByTestId('close-editor-btn').click();
|
|
|
|
// When the user searches for "tomato"
|
|
await page.getByTestId('search-input').fill('tomato');
|
|
await page.waitForTimeout(500);
|
|
|
|
// Then "Recipe" is visible in the results
|
|
await expect(page.getByText('Recipe')).toBeVisible();
|
|
});
|
|
|
|
test('Scenario: Searching for a nonexistent term yields no results', async ({ authenticatedPage: page }) => {
|
|
// When the user searches for a term that matches nothing
|
|
await page.getByTestId('search-input').fill('xyznonexistent');
|
|
await page.waitForTimeout(500);
|
|
|
|
// Then no notes are displayed
|
|
await expect(page.getByTestId('note-card')).toHaveCount(0);
|
|
});
|
|
});
|