refactor testing

test/nuxt/members-page.spec.js

@@ -2,36 +2,41 @@ import { describe, it, expect } from 'vitest'
 import { mountSuspended, registerEndpoint } from '@nuxt/test-utils/runtime'
 import Members from '../../app/pages/members.vue'
 
+const wait = (ms = 100) => new Promise(r => setTimeout(r, ms))
+
+const setupEndpoints = (userResponse) => {
+  registerEndpoint('/api/me', userResponse, { method: 'GET' })
+  registerEndpoint('/api/users', () => [])
+}
+
 describe('members page', () => {
   it('renders Members heading', async () => {
-    registerEndpoint('/api/me', () => null, { method: 'GET' })
-    registerEndpoint('/api/users', () => [])
+    setupEndpoints(() => null)
     const wrapper = await mountSuspended(Members)
     expect(wrapper.text()).toContain('Members')
   })
 
   it('shows sign in message when no user', async () => {
-    registerEndpoint('/api/me', () => null, { method: 'GET' })
-    registerEndpoint('/api/users', () => [])
+    setupEndpoints(() => null)
     const wrapper = await mountSuspended(Members)
     expect(wrapper.text()).toMatch(/Sign in to view members/)
   })
 
-  it('shows members list and Add user when user is admin', async () => {
-    registerEndpoint('/api/me', () => ({ id: '1', identifier: 'admin', role: 'admin', avatar_url: null }), { method: 'GET' })
-    registerEndpoint('/api/users', () => [])
+  it.each([
+    [
+      { id: '1', identifier: 'admin', role: 'admin', avatar_url: null },
+      ['Add user', /Only admins can change roles/],
+    ],
+    [
+      { id: '2', identifier: 'leader', role: 'leader', avatar_url: null },
+      ['Members', 'Identifier'],
+    ],
+  ])('shows content for %s role', async (user, expectedTexts) => {
+    setupEndpoints(() => user)
     const wrapper = await mountSuspended(Members)
-    await new Promise(r => setTimeout(r, 100))
-    expect(wrapper.text()).toContain('Add user')
-    expect(wrapper.text()).toMatch(/Only admins can change roles/)
-  })
-
-  it('shows members content when user has canEditPois (leader)', async () => {
-    registerEndpoint('/api/me', () => ({ id: '2', identifier: 'leader', role: 'leader', avatar_url: null }), { method: 'GET' })
-    registerEndpoint('/api/users', () => [])
-    const wrapper = await mountSuspended(Members)
-    await new Promise(r => setTimeout(r, 150))
-    expect(wrapper.text()).toContain('Members')
-    expect(wrapper.text()).toContain('Identifier')
+    await wait(user.role === 'leader' ? 150 : 100)
+    expectedTexts.forEach((text) => {
+      expect(wrapper.text()).toMatch(text)
+    })
   })
 })