mirror of
https://github.com/bretzel-app/crumbs.git
synced 2026-10-13 04:06:57 +02:00
Frederic CabassutandClaude Opus 4.6
6a2e54497f
- Add TipTap WYSIWYG editor (headless @tiptap/core) with StarterKit, TaskList, TaskItem, Link, Placeholder, and tiptap-markdown extensions - Always-visible formatting toolbar with undo/redo, H1-H3, bold, italic, strikethrough, inline code, code block, blockquote, bullet/ordered/task lists, horizontal rule, and link - Raw markdown toggle for power users - Render rich text (HTML) on note cards instead of stripped plain text - Update all e2e tests for TipTap contenteditable editor 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 } 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')).not.toBeVisible();
|
|
});
|
|
});
|