fix: implement comprehensive E2E tests for Security Dashboard functionality and module toggles

This commit is contained in:
GitHub Actions
2026-02-13 18:57:09 +00:00
parent 2f567fa770
commit bde88d84d3

View File

@@ -2,6 +2,208 @@ import { test, expect, loginUser } from '../fixtures/auth-fixtures';
import { clickSwitch } from '../utils/ui-helpers';
import { waitForLoadingComplete } from '../utils/wait-helpers';
type SecurityStatusResponse = {
cerberus?: { enabled?: boolean };
crowdsec?: { enabled?: boolean };
acl?: { enabled?: boolean };
waf?: { enabled?: boolean };
rate_limit?: { enabled?: boolean };
};
async function emergencyReset(page: import('@playwright/test').Page): Promise<void> {
const emergencyToken = process.env.CHARON_EMERGENCY_TOKEN;
if (!emergencyToken) {
return;
}
const username = process.env.CHARON_EMERGENCY_USERNAME || 'admin';
const password = process.env.CHARON_EMERGENCY_PASSWORD || 'changeme';
const basicAuth = `Basic ${Buffer.from(`${username}:${password}`).toString('base64')}`;
const response = await page.request.post('http://localhost:2020/emergency/security-reset', {
headers: {
Authorization: basicAuth,
'X-Emergency-Token': emergencyToken,
'Content-Type': 'application/json',
},
data: { reason: 'security-dashboard deterministic precondition reset' },
});
expect(response.ok()).toBe(true);
}
async function patchWithRetry(
page: import('@playwright/test').Page,
url: string,
data: Record<string, unknown>
): Promise<void> {
const maxRetries = 5;
for (let attempt = 0; attempt <= maxRetries; attempt += 1) {
const response = await page.request.patch(url, { data });
if (response.ok()) {
return;
}
if (response.status() !== 429 || attempt === maxRetries) {
throw new Error(`PATCH ${url} failed: ${response.status()} ${await response.text()}`);
}
}
}
async function ensureSecurityDashboardPreconditions(
page: import('@playwright/test').Page
): Promise<void> {
await emergencyReset(page);
await patchWithRetry(page, '/api/v1/settings', {
key: 'feature.cerberus.enabled',
value: 'true',
});
await expect.poll(async () => {
const statusResponse = await page.request.get('/api/v1/security/status');
if (!statusResponse.ok()) {
return false;
}
const status = (await statusResponse.json()) as SecurityStatusResponse;
return Boolean(status?.cerberus?.enabled);
}, {
timeout: 15000,
message: 'Expected Cerberus to be enabled before security dashboard assertions',
}).toBe(true);
}
async function readSecurityStatus(page: import('@playwright/test').Page): Promise<SecurityStatusResponse> {
const response = await page.request.get('/api/v1/security/status');
expect(response.ok()).toBe(true);
return response.json();
}
test.describe('Security Dashboard @security', () => {
test.beforeEach(async ({ page, adminUser }) => {
await loginUser(page, adminUser);
await waitForLoadingComplete(page);
await ensureSecurityDashboardPreconditions(page);
await page.goto('/security');
await waitForLoadingComplete(page);
});
test('loads dashboard with all module toggles', async ({ page }) => {
await expect(page.getByRole('heading', { name: /security/i }).first()).toBeVisible();
await expect(page.getByText(/cerberus.*dashboard/i)).toBeVisible();
await expect(page.getByTestId('toggle-crowdsec')).toBeVisible();
await expect(page.getByTestId('toggle-acl')).toBeVisible();
await expect(page.getByTestId('toggle-waf')).toBeVisible();
await expect(page.getByTestId('toggle-rate-limit')).toBeVisible();
});
test('toggles ACL and persists state', async ({ page }) => {
const toggle = page.getByTestId('toggle-acl');
await expect(toggle).toBeEnabled({ timeout: 10000 });
const initialChecked = await toggle.isChecked();
await clickSwitch(toggle);
await expect.poll(async () => {
const status = await readSecurityStatus(page);
return Boolean(status?.acl?.enabled);
}, {
timeout: 15000,
message: 'Expected ACL state to change after toggle',
}).toBe(!initialChecked);
});
test('toggles WAF and persists state', async ({ page }) => {
const toggle = page.getByTestId('toggle-waf');
await expect(toggle).toBeEnabled({ timeout: 10000 });
const initialChecked = await toggle.isChecked();
await clickSwitch(toggle);
await expect.poll(async () => {
const status = await readSecurityStatus(page);
return Boolean(status?.waf?.enabled);
}, {
timeout: 15000,
message: 'Expected WAF state to change after toggle',
}).toBe(!initialChecked);
});
test('toggles Rate Limiting and persists state', async ({ page }) => {
const toggle = page.getByTestId('toggle-rate-limit');
await expect(toggle).toBeEnabled({ timeout: 10000 });
const initialChecked = await toggle.isChecked();
await clickSwitch(toggle);
await expect.poll(async () => {
const status = await readSecurityStatus(page);
return Boolean(status?.rate_limit?.enabled);
}, {
timeout: 15000,
message: 'Expected rate limit state to change after toggle',
}).toBe(!initialChecked);
});
test('navigates to security sub-pages from dashboard actions', async ({ page }) => {
const configureButtons = page.getByRole('button', { name: /configure|manage.*lists/i });
await expect(configureButtons).toHaveCount(4);
await configureButtons.first().click({ force: true });
await expect(page).toHaveURL(/\/security\/crowdsec/);
await page.goto('/security');
await waitForLoadingComplete(page);
await page.getByRole('button', { name: /manage.*lists|configure/i }).nth(1).click({ force: true });
await expect(page).toHaveURL(/\/security\/access-lists|\/access-lists/);
await page.goto('/security');
await waitForLoadingComplete(page);
await page.getByRole('button', { name: /configure/i }).nth(1).click({ force: true });
await expect(page).toHaveURL(/\/security\/waf/);
await page.goto('/security');
await waitForLoadingComplete(page);
await page.getByRole('button', { name: /configure/i }).nth(2).click({ force: true });
await expect(page).toHaveURL(/\/security\/rate-limiting/);
});
test('opens audit logs from dashboard header', async ({ page }) => {
const auditLogsButton = page.getByRole('button', { name: /audit.*logs/i });
await expect(auditLogsButton).toBeVisible();
await auditLogsButton.click();
await expect(page).toHaveURL(/\/security\/audit-logs/);
});
test('shows admin whitelist controls and emergency token button', async ({ page }) => {
await expect(page.getByPlaceholder(/192\.168|cidr/i)).toBeVisible({ timeout: 10000 });
const generateButton = page.getByRole('button', { name: /generate.*token/i });
await expect(generateButton).toBeVisible();
await expect(generateButton).toBeEnabled();
});
test('exposes keyboard-navigable checkbox toggles', async ({ page }) => {
const toggles = [
page.getByTestId('toggle-crowdsec'),
page.getByTestId('toggle-acl'),
page.getByTestId('toggle-waf'),
page.getByTestId('toggle-rate-limit'),
];
for (const toggle of toggles) {
await expect(toggle).toBeVisible();
await expect(toggle).toHaveAttribute('type', 'checkbox');
}
await page.keyboard.press('Tab');
await page.keyboard.press('Tab');
});
});import { test, expect, loginUser } from '../fixtures/auth-fixtures';
import { clickSwitch } from '../utils/ui-helpers';
import { waitForLoadingComplete } from '../utils/wait-helpers';
const TEST_RUNNER_WHITELIST = '127.0.0.1/32,10.0.0.0/8,172.16.0.0/12,192.168.0.0/16';
type SecurityStatusResponse = {