fix(issue-161): refactor(test): use within() scoping instead of DOM-indexed copyButtons[1]

tests/unit/screens/SettingsScreen.test.tsx

@@ -1,5 +1,11 @@
 import { server } from '@tests/mocks/node';
-import { fireEvent, render, screen, userEvent } from '@tests/mocks/test-utils';
+import {
+  fireEvent,
+  render,
+  screen,
+  userEvent,
+  within,
+} from '@tests/mocks/test-utils';
 import { HttpResponse, http } from 'msw';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
@@ -174,9 +180,11 @@ describe('SettingsScreen', () => {
     // Wait for results to render
     await screen.findByText('Results');
 
-    // Click copy button (there are two — URL and code)
-    const copyButtons = screen.getAllByRole('button', { name: 'Copy' });
-    await user.click(copyButtons[0]!);
+    // Scope to the invite-URL row and click its Copy button
+    const inviteUrlRow = screen.getByText('Invite URL').closest('div')!;
+    await user.click(
+      within(inviteUrlRow).getByRole('button', { name: 'Copy' }),
+    );
 
     expect(writeText).toHaveBeenCalledWith(
       expect.stringContaining('/invite?code='),
@@ -186,6 +194,38 @@ describe('SettingsScreen', () => {
     expect(screen.getByText('Copied!')).toBeInTheDocument();
   });
 
+  it('copies invite code to clipboard', async () => {
+    const writeText = vi.fn().mockResolvedValue(undefined);
+    navigator.clipboard.writeText = writeText;
+
+    const user = userEvent.setup();
+    render(<SettingsScreen />);
+
+    // Fill form and generate
+    await user.type(
+      screen.getByLabelText('Remote Archive URL'),
+      'https://archive.example.com',
+    );
+    await user.type(screen.getByLabelText('Bearer Token'), 'my-secret-token');
+    await user.click(screen.getByRole('button', { name: 'Generate Invite' }));
+
+    // Wait for results to render
+    await screen.findByText('Results');
+
+    // Scope to the invite-code row and click its Copy button
+    const inviteCodeRow = screen.getByText('Invite Code').closest('div')!;
+    await user.click(
+      within(inviteCodeRow).getByRole('button', { name: 'Copy' }),
+    );
+
+    expect(writeText).toHaveBeenCalledWith(
+      expect.stringContaining('mock-encrypted-code-'),
+    );
+
+    // Should show "Copied!" feedback
+    expect(screen.getByText('Copied!')).toBeInTheDocument();
+  });
+
   describe('Backup & Restore', () => {
     it('renders Backup & Restore section heading', () => {
       render(<SettingsScreen />);