forked from mirror/crumbs-original
Claude
12f45267f7
The mobile editor is fullscreen with no backdrop to tap, so the Android back button / iOS back swipe now dismisses it instead of leaving the page. The editor pushes a shallow-routing history entry on mount and closes when it is popped; UI closes pop the entry themselves so history stays clean. NotesView's hash rewriting now goes through SvelteKit's replaceState so the router keeps handling popstate. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01C1N5Vi12zTez7LNqRvYjUD
73 lines
2.9 KiB
TypeScript
73 lines
2.9 KiB
TypeScript
import { test, expect, noteCard, createNote } from './helpers/fixtures.js';
|
|
|
|
test.describe('Notes CRUD', () => {
|
|
test('Scenario: New note appears in the notes list after creation', async ({ authenticatedPage: page }) => {
|
|
// When the user creates a note titled "My First Note" with content "Hello world!"
|
|
await createNote(page, 'My First Note', 'Hello world!');
|
|
|
|
// Then the note is visible in the notes list
|
|
await expect(noteCard(page, 'My First Note')).toBeVisible();
|
|
});
|
|
|
|
test('Scenario: Edited note title is reflected in the notes list', async ({ authenticatedPage: page }) => {
|
|
// Given a note titled "Original Title" exists
|
|
await createNote(page, 'Original Title', 'Original content');
|
|
|
|
// When the user changes the title to "Updated Title"
|
|
await noteCard(page, 'Original Title').click();
|
|
await page.getByTestId('note-title-input').clear();
|
|
await page.getByTestId('note-title-input').fill('Updated Title');
|
|
await page.getByTestId('close-editor-btn').click();
|
|
|
|
// Then the updated title is displayed
|
|
await expect(page.getByText('Updated Title')).toBeVisible();
|
|
});
|
|
|
|
test('Scenario: Browser back closes the open editor instead of leaving the page', async ({ authenticatedPage: page }) => {
|
|
// Given a note titled "Back Closes Me" exists
|
|
await createNote(page, 'Back Closes Me', 'Some content');
|
|
|
|
// Given the note is open in the editor
|
|
await noteCard(page, 'Back Closes Me').click();
|
|
await expect(page.getByTestId('note-editor')).toBeVisible();
|
|
|
|
// When the user navigates back
|
|
await page.goBack();
|
|
|
|
// Then the editor is closed and the notes list is still shown
|
|
await expect(page.getByTestId('note-editor')).not.toBeVisible();
|
|
await expect(noteCard(page, 'Back Closes Me')).toBeVisible();
|
|
});
|
|
|
|
test('Scenario: Closing the editor leaves browser history clean', async ({ authenticatedPage: page }) => {
|
|
// Given a note titled "Clean History" exists
|
|
await createNote(page, 'Clean History');
|
|
|
|
// Given the user opened and closed the note
|
|
await noteCard(page, 'Clean History').click();
|
|
await expect(page.getByTestId('note-editor')).toBeVisible();
|
|
await page.getByTestId('close-editor-btn').click();
|
|
await expect(page.getByTestId('note-editor')).not.toBeVisible();
|
|
|
|
// When the user navigates back
|
|
await page.goBack();
|
|
|
|
// Then the editor does not reopen and the note's URL is gone from history
|
|
await expect(page.getByTestId('note-editor')).not.toBeVisible();
|
|
expect(page.url()).not.toContain('#');
|
|
});
|
|
|
|
test('Scenario: Trashed note disappears from the main view', async ({ authenticatedPage: page }) => {
|
|
// Given a note titled "Delete Me" exists
|
|
await createNote(page, 'Delete Me');
|
|
|
|
// When the user trashes the note
|
|
const card = noteCard(page, 'Delete Me');
|
|
await card.hover();
|
|
await card.getByTestId('trash-btn').click({ force: true });
|
|
|
|
// Then the note is no longer visible
|
|
await expect(page.getByText('Delete Me')).not.toBeVisible();
|
|
});
|
|
});
|