9b92cf40c4
Old tests typed into the H1 heading to trigger title rename — now that H1 is decoupled from title, all rename flows go through TitleField. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
100 lines
3.8 KiB
TypeScript
100 lines
3.8 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
import { sendShortcut } from './helpers'
|
|
|
|
/** Known BlockNote/ProseMirror error that fires during editor re-mount after rename. */
|
|
const KNOWN_EDITOR_ERRORS = ['isConnected']
|
|
|
|
function isKnownEditorError(msg: string): boolean {
|
|
return KNOWN_EDITOR_ERRORS.some(k => msg.includes(k))
|
|
}
|
|
|
|
test.describe('Title/filename sync', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/')
|
|
await page.waitForLoadState('networkidle')
|
|
await page.waitForTimeout(2500)
|
|
})
|
|
|
|
test('new note renamed via TitleField updates frontmatter and filename', async ({ page }) => {
|
|
const errors: string[] = []
|
|
page.on('pageerror', (err) => { if (!isKnownEditorError(err.message)) errors.push(err.message) })
|
|
|
|
// Create note via Cmd+N
|
|
await page.locator('body').click()
|
|
await sendShortcut(page, 'n', ['Control'])
|
|
await expect(page.getByText(/Untitled note/).first()).toBeVisible({ timeout: 3000 })
|
|
|
|
// Edit the title via TitleField (not H1)
|
|
const titleInput = page.getByTestId('title-field-input')
|
|
await titleInput.waitFor({ timeout: 3000 })
|
|
await titleInput.click()
|
|
await titleInput.fill('Career Tracks Depend on Company Shape')
|
|
await titleInput.press('Enter')
|
|
|
|
// Wait for async rename
|
|
const toast = page.locator('.fixed.bottom-8')
|
|
await expect(toast).toContainText('Renamed', { timeout: 5000 })
|
|
|
|
// Breadcrumb should show the new title
|
|
const breadcrumb = page.locator('span.truncate.font-medium')
|
|
await expect(breadcrumb.first()).toContainText('Career Tracks Depend on Company Shape', { timeout: 2000 })
|
|
|
|
expect(errors).toEqual([])
|
|
})
|
|
|
|
test('opening a note shows title from frontmatter in tab/breadcrumb', async ({ page }) => {
|
|
// Click "All Notes" to see all notes
|
|
const allNotes = page.locator('text=All Notes').first()
|
|
await allNotes.click()
|
|
await page.waitForTimeout(500)
|
|
|
|
// Click on the first note in the note list
|
|
const noteListContainer = page.locator('[data-testid="note-list-container"]')
|
|
await noteListContainer.waitFor({ timeout: 5000 })
|
|
const noteItem = noteListContainer.locator('.cursor-pointer').first()
|
|
const noteTitle = await noteItem.locator('.font-medium, .text-sm').first().textContent()
|
|
await noteItem.click()
|
|
await page.waitForTimeout(500)
|
|
|
|
// Breadcrumb should show the note title
|
|
if (noteTitle) {
|
|
const breadcrumb = page.locator('span.truncate.font-medium')
|
|
await expect(breadcrumb.first()).toContainText(noteTitle.trim(), { timeout: 2000 })
|
|
}
|
|
})
|
|
|
|
test('rename via TitleField updates both title and filename', async ({ page }) => {
|
|
const errors: string[] = []
|
|
page.on('pageerror', (err) => { if (!isKnownEditorError(err.message)) errors.push(err.message) })
|
|
|
|
// Create a note
|
|
await page.locator('body').click()
|
|
await sendShortcut(page, 'n', ['Control'])
|
|
await expect(page.getByText(/Untitled note/).first()).toBeVisible({ timeout: 3000 })
|
|
|
|
// First rename via TitleField
|
|
const titleInput = page.getByTestId('title-field-input')
|
|
await titleInput.waitFor({ timeout: 3000 })
|
|
await titleInput.click()
|
|
await titleInput.fill('Original Title XYZ')
|
|
await titleInput.press('Enter')
|
|
|
|
// Wait for rename
|
|
await expect(page.locator('.fixed.bottom-8')).toContainText('Renamed', { timeout: 5000 })
|
|
|
|
// Second rename via TitleField
|
|
await titleInput.click()
|
|
await titleInput.fill('Renamed Title XYZ')
|
|
await titleInput.press('Enter')
|
|
|
|
// Wait for second rename
|
|
await expect(page.locator('.fixed.bottom-8')).toContainText('Renamed', { timeout: 5000 })
|
|
|
|
// Breadcrumb should show the new title
|
|
const breadcrumb = page.locator('span.truncate.font-medium')
|
|
await expect(breadcrumb.first()).toContainText('Renamed Title XYZ', { timeout: 2000 })
|
|
|
|
expect(errors).toEqual([])
|
|
})
|
|
})
|