test(settings): Add tests for button disable and permissions preview

Add test verifying the Create Token button is disabled after a
successful mutation, and a test confirming the permissions preview
displays selected scopes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: priscilawebdev

static/app/views/settings/account/apiNewToken.spec.tsx

@@ -173,6 +173,49 @@ describe('ApiNewToken', () => {
     );
   });
 
+  it('disables create button after successful creation', async () => {
+    MockApiClient.clearMockResponses();
+    MockApiClient.addMockResponse({
+      method: 'POST',
+      url: '/api-tokens/',
+      body: ApiTokenFixture({token: 'sntrys_test_token_123'}),
+    });
+
+    render(<ApiNewToken />);
+    renderGlobalModal();
+
+    const selectByValue = (name: string, value: string) =>
+      selectEvent.select(screen.getByRole('textbox', {name}), value);
+
+    await selectByValue('Project', 'Read');
+
+    const createButton = screen.getByRole('button', {name: 'Create Token'});
+    expect(createButton).toBeEnabled();
+
+    await userEvent.click(createButton);
+
+    // Wait for the modal to appear (confirms mutation succeeded)
+    expect(await screen.findByLabelText('Generated token')).toBeInTheDocument();
+
+    // Button should be disabled after successful creation
+    expect(createButton).toBeDisabled();
+  });
+
+  it('displays permissions preview when scopes are selected', async () => {
+    render(<ApiNewToken />);
+
+    const selectByValue = (name: string, value: string) =>
+      selectEvent.select(screen.getByRole('textbox', {name}), value);
+
+    await selectByValue('Project', 'Read');
+
+    expect(screen.getByText(/project:read/)).toBeInTheDocument();
+
+    await selectByValue('Team', 'Admin');
+
+    expect(screen.getByText(/team:admin/)).toBeInTheDocument();
+  });
+
   it('shows error message when token creation fails', async () => {
     jest.spyOn(indicators, 'addErrorMessage');