feat(next): version view overhaul (#12027)
#11769 improved the lexical version view diff component. This PR improves the rest of the version view. ## What changed - Column layout when selecting a version: - Previously: Selected version on the left, latest version on the left - Now: Previous version on the left, previous version on the right (mimics behavior of GitHub) - Locale selector now displayed in pill selector, rather than react-select - Smoother, more reliable locale, modifiedOnly and version selection. Now uses clean event callbacks rather than useEffects - React-diff-viewer-continued has been replaced with the html differ we use in lexical - Updated Design for all field diffs - Version columns now have a clearly defined separator line - Fixed collapsibles showing in version view despite having no modified fields if modifiedOnly is true - New, redesigned header ## Screenshots ### Before   ### After    
This commit is contained in:
@@ -122,11 +122,14 @@ describe('Localization', () => {
|
||||
await page.locator('#action-save').click()
|
||||
|
||||
await page.locator('text=Versions').click()
|
||||
const firstVersion = findTableRow(page, 'Current Published Version')
|
||||
const firstVersion = findTableRow(page, 'Currently Published')
|
||||
await firstVersion.locator('a').click()
|
||||
|
||||
await expect(page.locator('.select-version-locales__label')).toBeVisible()
|
||||
await expect(page.locator('.select-version-locales .react-select')).not.toContainText(
|
||||
await expect(page.locator('.view-version__toggle-locales')).toBeVisible()
|
||||
await page.locator('.view-version__toggle-locales').click()
|
||||
|
||||
await expect(page.locator('.select-version-locales .pill-selector')).toBeVisible()
|
||||
await expect(page.locator('.select-version-locales .pill-selector')).not.toContainText(
|
||||
'FILTERED',
|
||||
)
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user