refactor(web): select route domains from zones

反代路由创建/域名配置改为绑定 zone_domain_ids，移除手写域名列表与旧证书字段；列表与 WAF/UptimeKuma 消费端同步读取 zone_domains。
2026-10-08 08:36:37 +08:00 · 2026-07-12 15:23:48 +08:00
parent 350b433cc1
commit 1160d5846a
10 changed files with 415 additions and 476 deletions
@@ -0,0 +1,81 @@
+import {render, screen} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import {describe, expect, it, vi} from 'vitest';
+
+import {ZoneDomainSelector} from '@/app/(main)/proxy-routes/components/zone-domain-selector';
+import type {ZoneDomainItem, ZoneItem} from '@/lib/services/openflare';
+
+vi.mock('next/link', () => ({
+  default: ({children, href}: {children: React.ReactNode; href: string}) => (
+    <a href={href}>{children}</a>
+  ),
+}));
+
+const zones: ZoneItem[] = [
+  {id: 1, domain: 'arctel.de', remark: '', created_at: '', updated_at: ''},
+];
+
+const domains: ZoneDomainItem[] = [
+  {
+    id: 7,
+    zone_id: 1,
+    proxy_route_id: null,
+    domain: 'api.arctel.de',
+    cert_id: 9,
+    remark: '',
+    created_at: '',
+    updated_at: '',
+  },
+  {
+    id: 8,
+    zone_id: 1,
+    proxy_route_id: 99,
+    domain: 'bound.arctel.de',
+    cert_id: null,
+    remark: '',
+    created_at: '',
+    updated_at: '',
+  },
+];
+
+describe('ZoneDomainSelector', () => {
+  it('renders domains and toggles selection', async () => {
+    const user = userEvent.setup();
+    const onChange = vi.fn();
+
+    render(
+      <ZoneDomainSelector
+        value={[7]}
+        onChange={onChange}
+        domains={domains}
+        zones={zones}
+      />,
+    );
+
+    expect(screen.getByText('api.arctel.de')).toBeVisible();
+    expect(screen.getByText('bound.arctel.de')).toBeVisible();
+    expect(screen.getByText('路由 #99')).toBeVisible();
+
+    // Deselect already selected domain
+    await user.click(screen.getByText('api.arctel.de'));
+    expect(onChange).toHaveBeenCalledWith([]);
+  });
+
+  it('does not select domains bound to another route', async () => {
+    const user = userEvent.setup();
+    const onChange = vi.fn();
+
+    render(
+      <ZoneDomainSelector
+        value={[]}
+        onChange={onChange}
+        domains={domains}
+        zones={zones}
+        currentRouteId={1}
+      />,
+    );
+
+    await user.click(screen.getByText('bound.arctel.de'));
+    expect(onChange).not.toHaveBeenCalled();
+  });
+});