9c60d11c2c
- Fix dialog scrollability (flex layout + max-h-[90dvh]) and increase L4 dialog to lg width - Add styled enable card to L4 dialog matching proxy host pattern - Unify section colors across proxy host and L4 dialogs (cyan=LB, emerald=DNS, violet=upstream DNS, rose=geo, amber=mTLS) - Improve light mode contrast: muted-foreground oklch 0.552→0.502, remove opacity modifiers on secondary text - Improve dark mode: boost muted-foreground to 0.85, increase border opacity 10%→16%, input 15%→20% - Add bg-card to DataTable wrapper and bg-muted/40 to table headers for surface hierarchy - Add semantic badge variants (success, warning, info, muted) and StatusChip dark mode fix - Add server-side sortable columns to Proxy Hosts and L4 Proxy Hosts (name, upstream, status, protocol, listen) - Add sortKey to DataTable Column type with clickable sort headers (ArrowUp/Down indicators, URL param driven) - Fix E2E test selectors for shadcn UI (label associations, combobox roles, dropdown menus, mobile drawer) - Add htmlFor/id to proxy host form fields and aria-labels to select triggers for accessibility - Add sorting E2E tests for both proxy host pages Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
67 lines
2.4 KiB
TypeScript
67 lines
2.4 KiB
TypeScript
/**
|
|
* Functional tests: basic reverse-proxy routing.
|
|
*
|
|
* Creates a real proxy host pointing at the echo-server container,
|
|
* then sends HTTP requests directly to Caddy and asserts the response
|
|
* comes from the upstream.
|
|
*
|
|
* Domain: func-proxy.test (no DNS resolution needed — requests go to
|
|
* 127.0.0.1:80 with a custom Host header, which Caddy routes by hostname).
|
|
*/
|
|
import { test, expect } from '@playwright/test';
|
|
import { createProxyHost } from '../../helpers/proxy-api';
|
|
import { httpGet, waitForRoute } from '../../helpers/http';
|
|
|
|
const DOMAIN = 'func-proxy.test';
|
|
const ECHO_BODY = 'echo-ok';
|
|
|
|
test.describe.serial('Proxy Routing', () => {
|
|
test('setup: create proxy host pointing at echo server', async ({ page }) => {
|
|
await createProxyHost(page, {
|
|
name: 'Functional Proxy Test',
|
|
domain: DOMAIN,
|
|
upstream: 'echo-server:8080',
|
|
});
|
|
await waitForRoute(DOMAIN);
|
|
});
|
|
|
|
test('routes HTTP requests to the upstream echo server', async () => {
|
|
const res = await httpGet(DOMAIN);
|
|
expect(res.status).toBe(200);
|
|
expect(res.body).toContain(ECHO_BODY);
|
|
});
|
|
|
|
test('proxies arbitrary paths to the upstream', async () => {
|
|
const res = await httpGet(DOMAIN, '/some/path?q=hello');
|
|
expect(res.status).toBe(200);
|
|
expect(res.body).toContain(ECHO_BODY);
|
|
});
|
|
|
|
test('unknown domain is not proxied to the echo server', async () => {
|
|
// Caddy may return 404 or redirect (308 HTTP→HTTPS) for unmatched routes —
|
|
// either way the request must not reach the echo upstream.
|
|
const res = await httpGet('no-such-route.test');
|
|
expect(res.status).not.toBe(200);
|
|
expect(res.body).not.toContain(ECHO_BODY);
|
|
});
|
|
|
|
test('disabled proxy host stops routing traffic', async ({ page }) => {
|
|
await page.goto('/proxy-hosts');
|
|
const row = page.locator('tr', { hasText: 'Functional Proxy Test' });
|
|
// Toggle the enabled switch (shadcn Switch renders as button with role="switch")
|
|
await row.getByRole('switch').click();
|
|
// Give Caddy time to reload config
|
|
await page.waitForTimeout(3_000);
|
|
|
|
const res = await httpGet(DOMAIN);
|
|
// Disabled host is removed from the route; Caddy may return 404 or
|
|
// redirect (308 HTTP→HTTPS) — either way the echo server is not reached.
|
|
expect(res.status).not.toBe(200);
|
|
expect(res.body).not.toContain(ECHO_BODY);
|
|
|
|
// Re-enable
|
|
await row.getByRole('switch').click();
|
|
await page.waitForTimeout(2_000);
|
|
});
|
|
});
|