test: add tests

Signed-off-by: Anna Larch <anna@nextcloud.com>

Author: miaulalala

src/__tests__/Activity.test.ts

@@ -6,6 +6,7 @@ import { mount } from '@vue/test-utils'
 import { afterAll, beforeAll, expect, test, vi } from 'vitest'
 import { nextTick } from 'vue'
 import ActivityComponent from '../components/ActivityComponent.vue'
+import GenericActivity from '../components/activities/GenericActivity.vue'
 import wsData from '../__mocks__/@nextcloud/activity_ws.json'
 import ActivityModel from '../models/ActivityModel.js'
 
@@ -107,3 +108,46 @@ test('Display correct information for creations', async () => {
 
 	expectLinkWithText(wrapper, 'Test file.md')
 })
+
+test('Preview image uses filename as alt text when no link', async () => {
+	const activityWithPreview = new ActivityModel({
+		...wsData.ocs.data[1],
+		previews: [{
+			source: 'http://localhost/preview/123',
+			mimeType: 'image/jpeg',
+			isMimeTypeIcon: false,
+			fileId: 123,
+			filename: 'photo.jpg',
+			view: 'files',
+		}],
+	})
+	const wrapper = mount(GenericActivity, { propsData: { activity: activityWithPreview, showPreviews: true } })
+
+	await nextTick()
+
+	const img = wrapper.find('img')
+	expect(img.exists()).toBe(true)
+	expect(img.attributes('alt')).toBe('photo.jpg')
+})
+
+test('Preview image uses "Open {filename}" as alt text when link is present', async () => {
+	const activityWithPreview = new ActivityModel({
+		...wsData.ocs.data[1],
+		previews: [{
+			source: 'http://localhost/preview/123',
+			link: 'http://localhost/files/photo.jpg',
+			mimeType: 'image/jpeg',
+			isMimeTypeIcon: false,
+			fileId: 123,
+			filename: 'photo.jpg',
+			view: 'files',
+		}],
+	})
+	const wrapper = mount(GenericActivity, { propsData: { activity: activityWithPreview, showPreviews: true } })
+
+	await nextTick()
+
+	const img = wrapper.find('img')
+	expect(img.exists()).toBe(true)
+	expect(img.attributes('alt')).toBe('Open photo.jpg')
+})

src/__tests__/ActivityTab.test.ts

@@ -25,6 +25,22 @@ test('Create ActivityTab', async () => {
 	expect(wrapper.vm.$data.activities.length).toBe(18)
 })
 
+test('Activity list has aria-live and aria-relevant attributes', async () => {
+	const wrapper = mount(ActivityTab, {
+		props: {
+			node: { id: 'test' } as any,
+		},
+	})
+
+	await new Promise<void>((resolve) => waitFor('ul', wrapper, resolve))
+	await nextTick()
+
+	const list = wrapper.find('ul.activity__list')
+	expect(list.exists()).toBe(true)
+	expect(list.attributes('aria-live')).toBe('polite')
+	expect(list.attributes('aria-relevant')).toBe('additions')
+})
+
 function waitFor(query: string, wrapper: VueWrapper, callback: () => void) {
 	if (wrapper.find(query).exists()) {
 		return callback()