feat: roles SPA foundations

web/src/views/__tests__/purgeTestKit.ts

@@ -8,6 +8,7 @@ import type { PurgePreview, PurgeResult, PurgeSettings } from '@/composables/use
 import { useSessionStore } from '@/stores/session'
 import { DESKTOP_WIDTH, setViewportWidth } from '@/components/__tests__/viewport'
 import SettingsView from '../SettingsView.vue'
+import { accessFor } from '@/test/access'
 
 export const SETTINGS_PATH = '/v1/media/purge-settings'
 export const PREVIEW_PATH = '/v1/media/purge-preview'
@@ -196,9 +197,7 @@ function fetchFrom(request: (path: string, init?: RequestInit) => Promise<unknow
 
 export async function mountSettings(
 	mocks: PurgeMocks = {},
-	options: { role?: string | undefined; realApi?: boolean } = {
-		role: 'owner',
-	},
+	options: { role?: string | undefined; realApi?: boolean } = { role: 'owner' },
 ) {
 	setViewportWidth(DESKTOP_WIDTH)
 	setActivePinia(createPinia())
@@ -209,7 +208,7 @@ export async function mountSettings(
 		username: 'marta',
 		id: 1,
 		displayName: '',
-		role: options.role as never,
+		access: accessFor(options.role),
 	}
 	session.status = 'ready'
 	const dispatch = installPurgeApi(mocks)
@@ -227,7 +226,7 @@ export async function mountSettings(
 		username: 'marta',
 		id: 1,
 		displayName: '',
-		role: purgeKit.meRole,
+		access: accessFor(purgeKit.meRole),
 	}))
 	if (options.realApi) {
 		const actual =