feat: activity screen in the SPA, route /activity

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

@@ -58,8 +58,8 @@ afterEach(async () => {
 	document.body.innerHTML = ''
 })
 
-describe('DashboardShell renders the six navigation destinations', () => {
-	it('lists Home, Articles, Media, Users, Integration and Settings in order, with only Articles carrying aria-current', async () => {
+describe('DashboardShell renders the seven navigation destinations', () => {
+	it('lists Home, Articles, Media, Users, Activity, Integration and Settings in order, with only Articles carrying aria-current', async () => {
 		const wrapper = await mountShell('/article')
 
 		const hrefs = wrapper
@@ -70,6 +70,7 @@ describe('DashboardShell renders the six navigation destinations', () => {
 			'/article',
 			'/media',
 			'/users',
+			'/activity',
 			'/integration',
 			'/settings',
 		])
@@ -85,7 +86,7 @@ describe('DashboardShell renders the six navigation destinations', () => {
 		expect(integration.attributes('aria-current')).toBeUndefined()
 	})
 
-	it('lists the same six destinations in the mobile drawer and Settings current', async () => {
+	it('lists the same seven destinations in the mobile drawer and Settings current', async () => {
 		await mountShell('/settings', { width: MOBILE_WIDTH })
 
 		const toggle = document.body.querySelector('[data-slot="toggle"]') as HTMLButtonElement
@@ -100,11 +101,12 @@ describe('DashboardShell renders the six navigation destinations', () => {
 			'/article',
 			'/media',
 			'/users',
+			'/activity',
 			'/integration',
 			'/settings',
 		])
-		expect(links[5].querySelector('[class*="lucide"], svg')).not.toBeNull()
-		expect(links[5].getAttribute('aria-current')).toBe('page')
+		expect(links[6].querySelector('[class*="lucide"], svg')).not.toBeNull()
+		expect(links[6].getAttribute('aria-current')).toBe('page')
 	})
 
 	it('marks Media with aria-current on /media, in the sidebar and in the mobile drawer', async () => {
@@ -263,11 +265,11 @@ describe('The account chip shows the display name and no item is current on /pro
 		expect(trigger?.getAttribute('aria-label')).toBe('Marta Alves — account menu')
 	})
 
-	it('marks none of the six navigation items current on /profile', async () => {
+	it('marks none of the seven navigation items current on /profile', async () => {
 		const wrapper = await mountShell('/profile')
 
 		const links = wrapper.findAll('nav[aria-label="Main"] a')
-		expect(links).toHaveLength(6)
+		expect(links).toHaveLength(7)
 		links.forEach((link) => expect(link.attributes('aria-current')).toBeUndefined())
 	})
 })