feat: article editor core

web/src/components/__tests__/DashboardShell.spec.ts

@@ -56,7 +56,9 @@ describe('DashboardShell renders the three navigation destinations', () => {
 
 describe('DashboardShell shows the offline banner when the browser reports offline', () => {
 	it('shows the banner while offline and hides it once back online', async () => {
-		const onLineSpy = vi.spyOn(navigator, 'onLine', 'get').mockReturnValue(false)
+		const onLineSpy = vi
+			.spyOn(navigator, 'onLine', 'get')
+			.mockReturnValue(false)
 
 		const wrapper = await mountShell('/article')
 
@@ -77,12 +79,16 @@ describe('The sidebar header renders AppLogo and the "RenewCMS" wordmark', () =>
 		const wrapper = await mountShell('/home')
 
 		const header = wrapper.find('[data-slot="header"]')
-		expect(header.find('svg[role="img"][aria-label="RenewCMS"]').exists()).toBe(true)
+		expect(
+			header.find('svg[role="img"][aria-label="RenewCMS"]').exists(),
+		).toBe(true)
 		expect(header.text()).toContain('RenewCMS')
 		expect(header.find('a').exists()).toBe(false)
 
 		const headerHtml = header.html()
-		expect(headerHtml.indexOf('<svg')).toBeLessThan(headerHtml.indexOf('RenewCMS</span>'))
+		expect(headerHtml.indexOf('<svg')).toBeLessThan(
+			headerHtml.indexOf('RenewCMS</span>'),
+		)
 	})
 })
 
@@ -91,7 +97,9 @@ describe('The sidebar collapse trigger toggles the rail and exposes aria-expande
 		await mountShell('/home')
 
 		const collapseButton = () =>
-			document.body.querySelector('[data-testid="sidebar-collapse"]') as HTMLButtonElement
+			document.body.querySelector(
+				'[data-testid="sidebar-collapse"]',
+			) as HTMLButtonElement
 
 		expect(collapseButton().getAttribute('aria-expanded')).toBe('true')
 
@@ -112,11 +120,13 @@ describe('A successful logout clears the session and navigates to /login', () =>
 		await mountShell('/home')
 
 		const logOutItem = () =>
-			Array.from(document.body.querySelectorAll('[role="menuitem"]')).find(
-				(el) => el.textContent?.trim() === 'Log out',
-			) as HTMLElement
+			Array.from(
+				document.body.querySelectorAll('[role="menuitem"]'),
+			).find((el) => el.textContent?.trim() === 'Log out') as HTMLElement
 
-		const trigger = document.body.querySelector('button[aria-haspopup]') as HTMLButtonElement
+		const trigger = document.body.querySelector(
+			'button[aria-haspopup]',
+		) as HTMLButtonElement
 		trigger.click()
 		await flushPromises()
 
@@ -141,16 +151,28 @@ describe('Collapsed sidebar hides the wordmark and username text but keeps an ac
 		collapseButton.click()
 		await flushPromises()
 
-		const header = document.body.querySelector('[data-slot="header"]') as HTMLElement
-		expect(header.querySelector('svg[role="img"][aria-label="RenewCMS"]')).toBeTruthy()
+		const header = document.body.querySelector(
+			'[data-slot="header"]',
+		) as HTMLElement
+		expect(
+			header.querySelector('svg[role="img"][aria-label="RenewCMS"]'),
+		).toBeTruthy()
 		expect(header.textContent).not.toContain('RenewCMS')
 		expect(header.querySelector('span[aria-hidden="true"]')).toBeNull()
 
-		const footer = document.body.querySelector('[data-slot="footer"]') as HTMLElement
+		const footer = document.body.querySelector(
+			'[data-slot="footer"]',
+		) as HTMLElement
 		expect(footer.textContent).not.toContain('marta')
 
-		const userMenuTrigger = footer.querySelector('button[aria-haspopup]') as HTMLButtonElement
-		expect(userMenuTrigger.getAttribute('aria-label')).toBe('marta — account menu')
-		expect(footer.querySelector('[data-slot="fallback"]')?.textContent).toBe('MA')
+		const userMenuTrigger = footer.querySelector(
+			'button[aria-haspopup]',
+		) as HTMLButtonElement
+		expect(userMenuTrigger.getAttribute('aria-label')).toBe(
+			'marta — account menu',
+		)
+		expect(
+			footer.querySelector('[data-slot="fallback"]')?.textContent,
+		).toBe('MA')
 	})
 })