Fix proxy copy on plain HTTP

src/App.test.tsx

@@ -1,7 +1,7 @@
 import { render, screen, waitFor, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import App from './App';
+import App, { copyTextToClipboard } from './App';
 import { fallbackDashboardSnapshot } from './data/mockDashboard';
 import { MockWebSocket } from './test/setup';
 
@@ -11,6 +11,15 @@ async function loginIntoPanel(user: ReturnType<typeof userEvent.setup>) {
   await user.click(screen.getByRole('button', { name: /open panel/i }));
 }
 
+function mockClipboardWriteText(writeText: ReturnType<typeof vi.fn>) {
+  Object.defineProperty(navigator, 'clipboard', {
+    configurable: true,
+    value: {
+      writeText,
+    },
+  });
+}
+
 beforeEach(() => {
   document.documentElement.dataset.theme = '';
   window.sessionStorage.clear();
@@ -128,6 +137,31 @@ describe('App login gate', () => {
     expect(screen.getAllByText(/^now$/i).length).toBeGreaterThan(0);
   });
 
+  it('copies the proxy link via the Clipboard API when available', async () => {
+    const clipboardWriteText = vi.fn().mockResolvedValue(undefined);
+    mockClipboardWriteText(clipboardWriteText);
+
+    await copyTextToClipboard('socks5://night-shift:kettle!23@edge.example.net:1080');
+
+    expect(clipboardWriteText).toHaveBeenCalledWith('socks5://night-shift:kettle!23@edge.example.net:1080');
+  });
+
+  it('falls back to execCommand copy when the Clipboard API is unavailable', async () => {
+    Object.defineProperty(navigator, 'clipboard', {
+      configurable: true,
+      value: undefined,
+    });
+    const execCommand = vi.fn(() => true);
+    Object.defineProperty(document, 'execCommand', {
+      configurable: true,
+      value: execCommand,
+    });
+
+    await copyTextToClipboard('socks5://night-shift:kettle!23@edge.example.net:1080');
+
+    expect(execCommand).toHaveBeenCalledWith('copy');
+  });
+
   it('opens add-user flow in a modal and closes it on escape', async () => {
     const user = userEvent.setup();
     render(<App />);