feat: PrimeVue replaced by Nuxt UI using token files from web/src/theme, with AuthShell, DashboardShell, AppBoot and the route guards from routes.md

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

@@ -0,0 +1,68 @@
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { createPinia, setActivePinia } from 'pinia'
+import uiPlugin from '@nuxt/ui/vue-plugin'
+import router from '@/router'
+import { useApi } from '@/composables/useApi'
+import DashboardShell from '../DashboardShell.vue'
+
+vi.mock('@/composables/useApi', async (importOriginal) => {
+	const actual = await importOriginal<typeof import('@/composables/useApi')>()
+	return {
+		...actual,
+		useApi: vi.fn(),
+	}
+})
+
+async function mountShell(path: string) {
+	setActivePinia(createPinia())
+	vi.mocked(useApi).mockReturnValue({ getMe: vi.fn().mockResolvedValue({ verified: true }) })
+	await router.push(path)
+	const wrapper = mount(DashboardShell, {
+		global: {
+			plugins: [router, uiPlugin],
+		},
+	})
+	await flushPromises()
+	return wrapper
+}
+
+afterEach(async () => {
+	await router.push('/login')
+})
+
+describe('DashboardShell renders the three navigation destinations', () => {
+	it('lists Home, Articles and Integration, with only Articles carrying aria-current', async () => {
+		const wrapper = await mountShell('/article')
+
+		const home = wrapper.find('a[href="/home"]')
+		const articles = wrapper.find('a[href="/article"]')
+		const integration = wrapper.find('a[href="/integration"]')
+
+		expect(home.exists()).toBe(true)
+		expect(articles.exists()).toBe(true)
+		expect(integration.exists()).toBe(true)
+
+		expect(articles.attributes('aria-current')).toBe('page')
+		expect(home.attributes('aria-current')).toBeUndefined()
+		expect(integration.attributes('aria-current')).toBeUndefined()
+	})
+})
+
+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 wrapper = await mountShell('/article')
+
+		expect(wrapper.text()).toContain("You're offline")
+
+		onLineSpy.mockReturnValue(true)
+		window.dispatchEvent(new Event('online'))
+		await flushPromises()
+
+		expect(wrapper.text()).not.toContain("You're offline")
+
+		onLineSpy.mockRestore()
+	})
+})