feat: enhance CrowdSec configuration tests and add new import/export functionality

- Added comprehensive tests for CrowdSec configuration, including preset application and validation error handling.
- Introduced new test cases for importing CrowdSec configurations, ensuring backup creation and successful import.
- Updated existing tests to reflect changes in UI elements and functionality, including toggling CrowdSec mode and exporting configurations.
- Created utility functions for building export filenames and handling downloads, improving code organization and reusability.
- Refactored existing tests to use new test IDs and ensure accurate assertions for UI elements and API calls.

frontend/src/api/__tests__/presets.test.ts

@@ -0,0 +1,59 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import * as presets from '../presets'
+import client from '../client'
+
+vi.mock('../client')
+
+describe('crowdsec presets API', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('lists presets via GET', async () => {
+    const mockData = { presets: [{ slug: 'bot', title: 'Bot', summary: 'desc', source: 'hub', requires_hub: true, available: true, cached: false }] }
+    vi.mocked(client.get).mockResolvedValue({ data: mockData })
+
+    const result = await presets.listCrowdsecPresets()
+
+    expect(client.get).toHaveBeenCalledWith('/admin/crowdsec/presets')
+    expect(result).toEqual(mockData)
+  })
+
+  it('pulls a preset via POST', async () => {
+    const mockData = { status: 'pulled', slug: 'bot', preview: 'configs: {}', cache_key: 'cache-1' }
+    vi.mocked(client.post).mockResolvedValue({ data: mockData })
+
+    const result = await presets.pullCrowdsecPreset('bot')
+
+    expect(client.post).toHaveBeenCalledWith('/admin/crowdsec/presets/pull', { slug: 'bot' })
+    expect(result).toEqual(mockData)
+  })
+
+  it('applies a preset via POST', async () => {
+    const mockData = { status: 'applied', backup: '/tmp/backup', cache_key: 'cache-1' }
+    vi.mocked(client.post).mockResolvedValue({ data: mockData })
+
+    const payload = { slug: 'bot', cache_key: 'cache-1' }
+    const result = await presets.applyCrowdsecPreset(payload)
+
+    expect(client.post).toHaveBeenCalledWith('/admin/crowdsec/presets/apply', payload)
+    expect(result).toEqual(mockData)
+  })
+
+  it('fetches cached preview by slug', async () => {
+    const mockData = { preview: 'cached', cache_key: 'cache-1', etag: 'etag-1' }
+    vi.mocked(client.get).mockResolvedValue({ data: mockData })
+
+    const result = await presets.getCrowdsecPresetCache('bot/collection')
+
+    expect(client.get).toHaveBeenCalledWith('/admin/crowdsec/presets/cache/bot%2Fcollection')
+    expect(result).toEqual(mockData)
+  })
+
+  it('exports default bundle', () => {
+    expect(presets.default).toHaveProperty('listCrowdsecPresets')
+    expect(presets.default).toHaveProperty('pullCrowdsecPreset')
+    expect(presets.default).toHaveProperty('applyCrowdsecPreset')
+    expect(presets.default).toHaveProperty('getCrowdsecPresetCache')
+  })
+})

frontend/src/api/presets.ts

@@ -0,0 +1,67 @@
+import client from './client'
+
+export interface CrowdsecPresetSummary {
+  slug: string
+  title: string
+  summary: string
+  source: string
+  tags?: string[]
+  requires_hub: boolean
+  available: boolean
+  cached: boolean
+  cache_key?: string
+  etag?: string
+  retrieved_at?: string
+}
+
+export interface PullCrowdsecPresetResponse {
+  status: string
+  slug: string
+  preview: string
+  cache_key: string
+  etag?: string
+  retrieved_at?: string
+  source?: string
+}
+
+export interface ApplyCrowdsecPresetResponse {
+  status: string
+  backup?: string
+  reload_hint?: string
+  used_cscli?: boolean
+  cache_key?: string
+  slug?: string
+}
+
+export interface CachedCrowdsecPresetPreview {
+  preview: string
+  cache_key: string
+  etag?: string
+}
+
+export async function listCrowdsecPresets() {
+  const resp = await client.get<{ presets: CrowdsecPresetSummary[] }>('/admin/crowdsec/presets')
+  return resp.data
+}
+
+export async function pullCrowdsecPreset(slug: string) {
+  const resp = await client.post<PullCrowdsecPresetResponse>('/admin/crowdsec/presets/pull', { slug })
+  return resp.data
+}
+
+export async function applyCrowdsecPreset(payload: { slug: string; cache_key?: string }) {
+  const resp = await client.post<ApplyCrowdsecPresetResponse>('/admin/crowdsec/presets/apply', payload)
+  return resp.data
+}
+
+export async function getCrowdsecPresetCache(slug: string) {
+  const resp = await client.get<CachedCrowdsecPresetPreview>(`/admin/crowdsec/presets/cache/${encodeURIComponent(slug)}`)
+  return resp.data
+}
+
+export default {
+  listCrowdsecPresets,
+  pullCrowdsecPreset,
+  applyCrowdsecPreset,
+  getCrowdsecPresetCache,
+}