test(onboarding): Add tests for useScmRepoSearch and ScmRepoSelector (#112127)

## Summary

- Add test coverage for `useScmRepoSearch` hook (7 tests): debounced
search, API param passing, response transformation into
`reposByIdentifier` Map and `dropdownItems`, selected repo disabling,
error states, and search clearing
- Add test coverage for `ScmRepoSelector` component (8 tests):
rendering, empty state messaging, error display, search results,
selected repo context, repo selection triggering downstream lookup,
clearing the selected repo, and verifying the options-prepend logic does
not duplicate a selected repo already in search results

These are the only two SCM onboarding components without test coverage.

## Test plan

- [x] `CI=true pnpm test
static/app/views/onboarding/components/useScmRepoSearch.spec.tsx` -- 7
passing
- [x] `CI=true pnpm test
static/app/views/onboarding/components/scmRepoSelector.spec.tsx` -- 8
passing

Refs VDY-54

Author: jaydgoss

static/app/views/onboarding/components/scmRepoSelector.spec.tsx

@@ -0,0 +1,218 @@
+import {OrganizationFixture} from 'sentry-fixture/organization';
+import {OrganizationIntegrationsFixture} from 'sentry-fixture/organizationIntegrations';
+import {RepositoryFixture} from 'sentry-fixture/repository';
+
+import {render, screen, userEvent, waitFor} from 'sentry-test/reactTestingLibrary';
+
+import {
+  OnboardingContextProvider,
+  type OnboardingSessionState,
+} from 'sentry/components/onboarding/onboardingContext';
+
+import {ScmRepoSelector} from './scmRepoSelector';
+
+function makeOnboardingWrapper(initialState?: OnboardingSessionState) {
+  return function OnboardingWrapper({children}: {children?: React.ReactNode}) {
+    return (
+      <OnboardingContextProvider initialValue={initialState}>
+        {children}
+      </OnboardingContextProvider>
+    );
+  };
+}
+
+describe('ScmRepoSelector', () => {
+  const organization = OrganizationFixture();
+
+  const mockIntegration = OrganizationIntegrationsFixture({
+    id: '1',
+    name: 'getsentry',
+    domainName: 'github.com/getsentry',
+    provider: {
+      key: 'github',
+      slug: 'github',
+      name: 'GitHub',
+      canAdd: true,
+      canDisable: false,
+      features: ['commits'],
+      aspects: {},
+    },
+  });
+
+  afterEach(() => {
+    MockApiClient.clearMockResponses();
+    sessionStorage.clear();
+  });
+
+  it('renders search placeholder', () => {
+    render(<ScmRepoSelector integration={mockIntegration} />, {
+      organization,
+      wrapper: makeOnboardingWrapper(),
+    });
+
+    expect(screen.getByText('Search repositories')).toBeInTheDocument();
+  });
+
+  it('shows empty state message when search returns no results', async () => {
+    MockApiClient.addMockResponse({
+      url: `/organizations/${organization.slug}/integrations/${mockIntegration.id}/repos/`,
+      body: {repos: []},
+    });
+
+    render(<ScmRepoSelector integration={mockIntegration} />, {
+      organization,
+      wrapper: makeOnboardingWrapper(),
+    });
+
+    await userEvent.type(screen.getByRole('textbox'), 'nonexistent');
+
+    expect(
+      await screen.findByText(
+        'No repositories found. Check your installation permissions to ensure your integration has access.'
+      )
+    ).toBeInTheDocument();
+  });
+
+  it('shows error message on API failure', async () => {
+    MockApiClient.addMockResponse({
+      url: `/organizations/${organization.slug}/integrations/${mockIntegration.id}/repos/`,
+      statusCode: 500,
+      body: {detail: 'Internal Error'},
+    });
+
+    render(<ScmRepoSelector integration={mockIntegration} />, {
+      organization,
+      wrapper: makeOnboardingWrapper(),
+    });
+
+    await userEvent.type(screen.getByRole('textbox'), 'sentry');
+
+    expect(
+      await screen.findByText('Failed to search repositories. Please try again.')
+    ).toBeInTheDocument();
+  });
+
+  it('displays repos returned by search', async () => {
+    MockApiClient.addMockResponse({
+      url: `/organizations/${organization.slug}/integrations/${mockIntegration.id}/repos/`,
+      body: {
+        repos: [
+          {identifier: 'getsentry/sentry', name: 'sentry', isInstalled: false},
+          {identifier: 'getsentry/relay', name: 'relay', isInstalled: false},
+        ],
+      },
+    });
+
+    render(<ScmRepoSelector integration={mockIntegration} />, {
+      organization,
+      wrapper: makeOnboardingWrapper(),
+    });
+
+    await userEvent.type(screen.getByRole('textbox'), 'get');
+
+    expect(
+      await screen.findByRole('menuitemradio', {name: 'sentry'})
+    ).toBeInTheDocument();
+    expect(screen.getByRole('menuitemradio', {name: 'relay'})).toBeInTheDocument();
+  });
+
+  it('shows selected repo value when one is in context', () => {
+    const selectedRepo = RepositoryFixture({
+      name: 'getsentry/old-repo',
+      externalSlug: 'getsentry/old-repo',
+    });
+
+    render(<ScmRepoSelector integration={mockIntegration} />, {
+      organization,
+      wrapper: makeOnboardingWrapper({selectedRepository: selectedRepo}),
+    });
+
+    expect(screen.getByText('getsentry/old-repo')).toBeInTheDocument();
+  });
+
+  it('selects a repo from search results and triggers repo lookup', async () => {
+    MockApiClient.addMockResponse({
+      url: `/organizations/${organization.slug}/integrations/${mockIntegration.id}/repos/`,
+      body: {
+        repos: [{identifier: 'getsentry/sentry', name: 'sentry', isInstalled: false}],
+      },
+    });
+
+    const reposLookup = MockApiClient.addMockResponse({
+      url: `/organizations/${organization.slug}/repos/`,
+      body: [
+        RepositoryFixture({
+          name: 'getsentry/sentry',
+          externalSlug: 'getsentry/sentry',
+        }),
+      ],
+    });
+
+    render(<ScmRepoSelector integration={mockIntegration} />, {
+      organization,
+      wrapper: makeOnboardingWrapper(),
+    });
+
+    await userEvent.type(screen.getByRole('textbox'), 'get');
+    await userEvent.click(await screen.findByRole('menuitemradio', {name: 'sentry'}));
+
+    await waitFor(() => expect(reposLookup).toHaveBeenCalled());
+  });
+
+  it('clears the selected repo', async () => {
+    const selectedRepo = RepositoryFixture({
+      name: 'getsentry/old-repo',
+      externalSlug: 'getsentry/old-repo',
+    });
+
+    render(<ScmRepoSelector integration={mockIntegration} />, {
+      organization,
+      wrapper: makeOnboardingWrapper({selectedRepository: selectedRepo}),
+    });
+
+    expect(screen.getByText('getsentry/old-repo')).toBeInTheDocument();
+
+    // The clear indicator uses Sentry's IconClose which renders with
+    // role="img" rather than aria-hidden, so use the test-id directly.
+    await userEvent.click(screen.getByTestId('icon-close'));
+
+    await waitFor(() => {
+      expect(screen.queryByText('getsentry/old-repo')).not.toBeInTheDocument();
+    });
+  });
+
+  it('does not duplicate selected repo when it appears in search results', async () => {
+    const selectedRepo = RepositoryFixture({
+      name: 'getsentry/sentry',
+      externalSlug: 'getsentry/sentry',
+    });
+
+    MockApiClient.addMockResponse({
+      url: `/organizations/${organization.slug}/integrations/${mockIntegration.id}/repos/`,
+      body: {
+        repos: [
+          {identifier: 'getsentry/sentry', name: 'sentry', isInstalled: false},
+          {identifier: 'getsentry/relay', name: 'relay', isInstalled: false},
+        ],
+      },
+    });
+
+    render(<ScmRepoSelector integration={mockIntegration} />, {
+      organization,
+      wrapper: makeOnboardingWrapper({selectedRepository: selectedRepo}),
+    });
+
+    await userEvent.type(screen.getByRole('textbox'), 'get');
+
+    // Wait for search results to arrive
+    expect(await screen.findByRole('menuitemradio', {name: 'relay'})).toBeInTheDocument();
+    expect(screen.getByRole('menuitemradio', {name: 'sentry'})).toBeInTheDocument();
+
+    // If the options-prepend logic fires incorrectly, it adds an extra option
+    // with label 'getsentry/sentry' (selectedRepository.name) alongside the
+    // search result option with label 'sentry' (repo.name).
+    expect(
+      screen.queryByRole('menuitemradio', {name: 'getsentry/sentry'})
+    ).not.toBeInTheDocument();
+  });
+});