test: add approval groups rule editor spec

Signed-off-by: Vitor Mattos <[email protected]>

Author: vitormattos

src/tests/views/Settings/PolicyWorkbench/ApprovalGroupsRuleEditor.spec.ts

@@ -0,0 +1,126 @@
+/*
+ * SPDX-FileCopyrightText: 2026 LibreSign contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { mount } from '@vue/test-utils'
+import { describe, expect, it, vi } from 'vitest'
+
+import { createL10nMock } from '../../../testHelpers/l10n.js'
+
+vi.mock('@nextcloud/l10n', () => createL10nMock())
+
+const { currentUserState, initialConfigState, axiosGet } = vi.hoisted(() => ({
+	currentUserState: {
+		isAdmin: true,
+	},
+	initialConfigState: {
+		manageable_policy_group_ids: [] as string[],
+	},
+	axiosGet: vi.fn(),
+}))
+
+vi.mock('@nextcloud/auth', () => ({
+	getCurrentUser: vi.fn(() => currentUserState),
+}))
+
+vi.mock('@nextcloud/initial-state', () => ({
+	loadState: vi.fn((_app: string, key: string, defaultValue: unknown) => {
+		if (key === 'config') {
+			return initialConfigState
+		}
+
+		return defaultValue
+	}),
+}))
+
+vi.mock('@nextcloud/axios', () => ({
+	default: {
+		get: axiosGet,
+	},
+}))
+
+vi.mock('@nextcloud/router', () => ({
+	generateOcsUrl: vi.fn((path: string) => path),
+}))
+
+import ApprovalGroupsRuleEditor from '../../../../views/Settings/PolicyWorkbench/settings/approval-groups/ApprovalGroupsRuleEditor.vue'
+
+function mountEditor(modelValue = '["finance"]') {
+	return mount(ApprovalGroupsRuleEditor, {
+		props: {
+			modelValue,
+		},
+		global: {
+			stubs: {
+				NcSelect: {
+					props: ['options'],
+					template: '<div class="nc-select-stub">{{ JSON.stringify(options) }}</div>',
+				},
+			},
+		},
+	})
+}
+
+describe('ApprovalGroupsRuleEditor.vue', () => {
+	it('loads groups from cloud/groups/details for instance admin', async () => {
+		currentUserState.isAdmin = true
+		initialConfigState.manageable_policy_group_ids = []
+		axiosGet.mockReset()
+		axiosGet.mockResolvedValue({
+			data: {
+				ocs: {
+					data: {
+						groups: [
+							{ id: 'finance', displayname: 'Finance' },
+							{ id: 'legal', displayname: 'Legal' },
+						],
+					},
+				},
+			},
+		})
+
+		const wrapper = mountEditor()
+		await Promise.resolve()
+		await Promise.resolve()
+
+		expect(axiosGet).toHaveBeenCalledWith('cloud/groups/details', {
+			params: {
+				search: '',
+				limit: 40,
+				offset: 0,
+			},
+		})
+		expect(wrapper.text()).toContain('Finance')
+		expect(wrapper.text()).toContain('Legal')
+	})
+
+	it('filters available groups to manageable scope for group admins', async () => {
+		currentUserState.isAdmin = false
+		initialConfigState.manageable_policy_group_ids = ['finance']
+		axiosGet.mockReset()
+		axiosGet.mockResolvedValue({
+			data: {
+				ocs: {
+					data: {
+						groups: ['finance', 'legal'],
+					},
+				},
+			},
+		})
+
+		const wrapper = mountEditor('["finance","legal"]')
+		await Promise.resolve()
+		await Promise.resolve()
+
+		expect(axiosGet).toHaveBeenCalledWith('cloud/groups', {
+			params: {
+				search: '',
+				limit: 40,
+				offset: 0,
+			},
+		})
+		expect(wrapper.text()).toContain('finance')
+		expect(wrapper.text()).not.toContain('legal')
+	})
+})