more fixes

tests/cpad/modules/configuration.spec.ts

@@ -0,0 +1,123 @@
+/**
+ * Configuration module tests for cPad.
+ *
+ * Routes:
+ *   /cp/configuration  — main configuration overview (alias)
+ *   /cp/config         — canonical config route
+ *
+ * Coverage:
+ *  • Both config URLs load without errors
+ *  • No console/server errors
+ *  • Configuration form is present and contains input elements
+ *  • Smart form filler can fill the form without crashing
+ *  • Tab-based navigation within config (if applicable) works
+ *
+ * Run:
+ *   npx playwright test tests/cpad/modules/configuration.spec.ts --project=cpad
+ */
+
+import { test, expect } from '@playwright/test';
+import { CP_PATH, attachErrorListeners } from '../../helpers/auth';
+import { fillForm, hasForm } from '../../helpers/formFiller';
+
+const CONFIG_URLS = [
+  `${CP_PATH}/configuration`,
+  `${CP_PATH}/config`,
+] as const;
+
+test.describe('cPad Configuration Module', () => {
+  for (const configUrl of CONFIG_URLS) {
+    test(`config page (${configUrl}) loads without errors`, async ({ page }) => {
+      const { consoleErrors, networkErrors } = attachErrorListeners(page);
+
+      await page.goto(configUrl);
+      await page.waitForLoadState('networkidle');
+
+      expect(page.url()).not.toContain('/login');
+      await expect(page.locator('body')).toBeVisible();
+
+      const bodyText = await page.locator('body').textContent() ?? '';
+      const hasError = /Whoops|Server Error|SQLSTATE|Call to undefined/.test(bodyText);
+      expect(hasError, `Server error at ${configUrl}`).toBe(false);
+
+      expect(consoleErrors.length, `Console errors: ${consoleErrors.join(' | ')}`).toBe(0);
+      expect(networkErrors.length, `HTTP 5xx: ${networkErrors.join(' | ')}`).toBe(0);
+    });
+  }
+
+  test('configuration page (/cp/config) contains a form or settings inputs', async ({ page }) => {
+    await page.goto(`${CP_PATH}/config`);
+    await page.waitForLoadState('networkidle');
+
+    if (page.url().includes('/login')) {
+      test.skip(true, 'Not authenticated');
+      return;
+    }
+
+    const pageHasForm = await hasForm(page);
+    expect(pageHasForm, '/cp/config should contain a form or input fields').toBe(true);
+  });
+
+  test('smart form filler can fill configuration form without errors', async ({ page }) => {
+    const { networkErrors } = attachErrorListeners(page);
+
+    await page.goto(`${CP_PATH}/config`);
+    await page.waitForLoadState('networkidle');
+
+    if (page.url().includes('/login')) {
+      test.skip(true, 'Not authenticated');
+      return;
+    }
+
+    // Fill the form — should not throw
+    await fillForm(page);
+
+    // No 5xx errors triggered by the fill operations
+    expect(networkErrors.length, `HTTP 5xx during form fill: ${networkErrors.join(' | ')}`).toBe(0);
+  });
+
+  test('configuration tab navigation works (if tabs present)', async ({ page }) => {
+    const { consoleErrors, networkErrors } = attachErrorListeners(page);
+
+    await page.goto(`${CP_PATH}/config`);
+    await page.waitForLoadState('networkidle');
+
+    if (page.url().includes('/login')) {
+      test.skip(true, 'Not authenticated');
+      return;
+    }
+
+    // Look for tab buttons (Bootstrap / AdminLTE tabs)
+    const tabSelectors = [
+      '[role="tab"]',
+      '.nav-tabs .nav-link',
+      '.nav-pills .nav-link',
+      'a[data-toggle="tab"]',
+      'a[data-bs-toggle="tab"]',
+    ];
+
+    for (const sel of tabSelectors) {
+      const tabs = page.locator(sel);
+      const count = await tabs.count();
+
+      if (count > 1) {
+        // Click each tab and verify no server errors
+        for (let i = 0; i < Math.min(count, 8); i++) {
+          const tab = tabs.nth(i);
+          if (await tab.isVisible()) {
+            await tab.click();
+            await page.waitForLoadState('domcontentloaded').catch(() => null);
+
+            const bodyText = await page.locator('body').textContent() ?? '';
+            const hasError = /Whoops|Server Error|SQLSTATE/.test(bodyText);
+            expect(hasError, `Error after clicking tab ${i} at ${sel}`).toBe(false);
+          }
+        }
+        break; // found tabs, done
+      }
+    }
+
+    expect(consoleErrors.length, `Console errors: ${consoleErrors.join(' | ')}`).toBe(0);
+    expect(networkErrors.length, `HTTP 5xx: ${networkErrors.join(' | ')}`).toBe(0);
+  });
+});