80 lines
2.7 KiB
TypeScript
80 lines
2.7 KiB
TypeScript
import { test, expect, type Page } from '@playwright/test'
|
|
import {
|
|
createFixtureVaultCopy,
|
|
openFixtureVault,
|
|
removeFixtureVaultCopy,
|
|
} from '../helpers/fixtureVault'
|
|
import { sendShortcut } from './helpers'
|
|
|
|
let tempVaultDir: string
|
|
|
|
function isReactUpdateLoop(message: string): boolean {
|
|
return (
|
|
message.includes('Maximum update depth') ||
|
|
message.includes('React error #185') ||
|
|
message.includes('#185')
|
|
)
|
|
}
|
|
|
|
function collectReactUpdateLoopErrors(page: Page): string[] {
|
|
const errors: string[] = []
|
|
page.on('pageerror', (error) => {
|
|
if (isReactUpdateLoop(error.message)) errors.push(error.message)
|
|
})
|
|
page.on('console', (message) => {
|
|
if (message.type() === 'error' && isReactUpdateLoop(message.text())) {
|
|
errors.push(message.text())
|
|
}
|
|
})
|
|
return errors
|
|
}
|
|
|
|
async function openNote(page: Page, title: string) {
|
|
await page.getByTestId('note-list-container').getByText(title, { exact: true }).click()
|
|
await expect(page.getByRole('heading', { name: title, level: 1 })).toBeVisible({ timeout: 5_000 })
|
|
}
|
|
|
|
async function openPropertiesPanel(page: Page) {
|
|
const openProperties = page.getByRole('button', { name: 'Open the properties panel' })
|
|
if (await openProperties.count()) await openProperties.click()
|
|
await expect(page.getByText('History')).toBeVisible({ timeout: 5_000 })
|
|
}
|
|
|
|
async function focusHeadingEnd(page: Page, titlePattern: RegExp | string) {
|
|
const heading = page.getByRole('heading', { name: titlePattern, level: 1 })
|
|
await expect(heading).toBeVisible({ timeout: 5_000 })
|
|
await heading.click()
|
|
await page.keyboard.press('End')
|
|
}
|
|
|
|
test.beforeEach(async ({ page }, testInfo) => {
|
|
testInfo.setTimeout(60_000)
|
|
tempVaultDir = createFixtureVaultCopy()
|
|
await openFixtureVault(page, tempVaultDir)
|
|
await page.setViewportSize({ width: 1180, height: 760 })
|
|
})
|
|
|
|
test.afterEach(() => {
|
|
removeFixtureVaultCopy(tempVaultDir)
|
|
})
|
|
|
|
test('opening note history then editing and saving the same note stays stable @smoke', async ({ page }) => {
|
|
const errors = collectReactUpdateLoopErrors(page)
|
|
const titleSuffix = ` History Loop ${Date.now()}`
|
|
const updatedTitle = `Alpha Project${titleSuffix}`
|
|
|
|
await openNote(page, 'Alpha Project')
|
|
await openPropertiesPanel(page)
|
|
|
|
await page.getByRole('button', { name: /a1b2c3d.*Update alpha-project with latest changes/i }).click()
|
|
await expect(page.getByText('Updated paragraph at commit a1b2c3d')).toBeVisible({ timeout: 5_000 })
|
|
|
|
await page.getByRole('button', { name: 'Return to the editor' }).click()
|
|
await focusHeadingEnd(page, 'Alpha Project')
|
|
await page.keyboard.type(titleSuffix)
|
|
await sendShortcut(page, 's', ['Control'])
|
|
|
|
await expect(page.getByRole('heading', { name: updatedTitle, level: 1 })).toBeVisible({ timeout: 5_000 })
|
|
expect(errors).toEqual([])
|
|
})
|