forked from mirror/crumbs-original
Frederic CabassutandClaude Opus 4.6
042c4c06e5
The auto-save test used "Survive Reload" which collides with the same title in offline.spec.ts when tests run in parallel with a shared DB. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
84 lines
3.2 KiB
TypeScript
84 lines
3.2 KiB
TypeScript
import { test, expect, noteCard, createNote } from './helpers/fixtures.js';
|
|
|
|
test.describe('Auto-save', () => {
|
|
test('Scenario: New note is auto-saved without closing the editor', async ({ authenticatedPage: page }) => {
|
|
// When the user starts a new note and types a title and content
|
|
await page.getByTestId('new-note-btn').click();
|
|
await page.getByTestId('note-title-input').fill('Auto-saved Note');
|
|
const editor = page.getByTestId('tiptap-editor').locator('.tiptap');
|
|
await editor.click();
|
|
await editor.pressSequentially('This should be saved automatically');
|
|
|
|
// Then the note is persisted after the auto-save delay (2s debounce)
|
|
await expect(noteCard(page, 'Auto-saved Note')).toBeVisible({ timeout: 5000 });
|
|
|
|
// And closing the editor preserves the note
|
|
await page.getByTestId('close-editor-btn').click();
|
|
await expect(noteCard(page, 'Auto-saved Note')).toBeVisible();
|
|
});
|
|
|
|
test('Scenario: Edits to an existing note are auto-saved', async ({ authenticatedPage: page }) => {
|
|
// Given a note titled "Edit Me" exists
|
|
await createNote(page, 'Edit Me', 'Original content');
|
|
|
|
// When the user opens the note and changes the title
|
|
await noteCard(page, 'Edit Me').click();
|
|
await page.getByTestId('note-title-input').clear();
|
|
await page.getByTestId('note-title-input').fill('Edited Title');
|
|
|
|
// Then the updated title is auto-saved after the debounce delay
|
|
// Wait for the API call that confirms the save
|
|
await page.waitForResponse(
|
|
(res) => res.url().includes('/api/notes/') && res.request().method() === 'PATCH',
|
|
{ timeout: 5000 }
|
|
);
|
|
|
|
// And the note card reflects the change while editor is still open
|
|
await expect(noteCard(page, 'Edited Title')).toBeVisible();
|
|
|
|
// Cleanup: close the editor
|
|
await page.getByTestId('close-editor-btn').click();
|
|
});
|
|
|
|
test('Scenario: Empty note is not auto-saved', async ({ authenticatedPage: page }) => {
|
|
// Given the current number of notes
|
|
const noteCards = page.locator('[data-testid="note-card"]');
|
|
const countBefore = await noteCards.count();
|
|
|
|
// When the user opens a new note but leaves it empty
|
|
await page.getByTestId('new-note-btn').click();
|
|
|
|
// And waits longer than the auto-save delay
|
|
await page.waitForTimeout(3000);
|
|
|
|
// And closes the empty editor
|
|
await page.getByTestId('close-editor-btn').click();
|
|
|
|
// Then no new note was created
|
|
const countAfter = await noteCards.count();
|
|
expect(countAfter).toBe(countBefore);
|
|
});
|
|
|
|
test('Scenario: Auto-save persists note across page reload', async ({ authenticatedPage: page }) => {
|
|
// When the user creates a note and waits for auto-save
|
|
await page.getByTestId('new-note-btn').click();
|
|
await page.getByTestId('note-title-input').fill('Auto-save Survives Reload');
|
|
const editor = page.getByTestId('tiptap-editor').locator('.tiptap');
|
|
await editor.click();
|
|
await editor.pressSequentially('Content that survives');
|
|
|
|
// Wait for auto-save to fire
|
|
await page.waitForResponse(
|
|
(res) => res.url().includes('/api/notes') && res.request().method() === 'POST',
|
|
{ timeout: 5000 }
|
|
);
|
|
|
|
// When the page is reloaded without closing the editor
|
|
await page.reload();
|
|
await page.waitForLoadState('networkidle');
|
|
|
|
// Then the note is still visible
|
|
await expect(noteCard(page, 'Auto-save Survives Reload')).toBeVisible();
|
|
});
|
|
});
|