sentry/tests/js/sentry-test/onboarding/renderWithOnboardingLayout.tsx

import {ProjectKeysFixture} from 'sentry-fixture/projectKeys';

import {initializeOrg} from 'sentry-test/initializeOrg';
import {render} from 'sentry-test/reactTestingLibrary';

import {OnboardingLayout} from 'sentry/components/onboarding/gettingStartedDoc/onboardingLayout';
import type {
  BasePlatformOptions,
  Docs,
  SelectedPlatformOptions,
} from 'sentry/components/onboarding/gettingStartedDoc/types';
import type {ReleaseRegistrySdk} from 'sentry/components/onboarding/gettingStartedDoc/useSourcePackageRegistries';
import {ProductSolution} from 'sentry/components/onboarding/productSelection';
import type {Organization} from 'sentry/types/organization';
import type {DeepPartial} from 'sentry/types/utils';

interface Options<PlatformOptions extends BasePlatformOptions = BasePlatformOptions> {
  releaseRegistry?: DeepPartial<ReleaseRegistrySdk>;
  selectedOptions?: Partial<SelectedPlatformOptions<PlatformOptions>>;
  selectedProducts?: ProductSolution[];
}

type RenderOptions = {
  organization?: Organization;
};

export function renderWithOnboardingLayout<
  PlatformOptions extends BasePlatformOptions = BasePlatformOptions,
>(
  docsConfig: Docs<PlatformOptions>,
  options: Options<PlatformOptions> = {},
  renderOptions: RenderOptions = {}
) {
  const {
    releaseRegistry = {},
    selectedProducts = [
      ProductSolution.PERFORMANCE_MONITORING,
      ProductSolution.PROFILING,
      ProductSolution.SESSION_REPLAY,
    ],
    selectedOptions = {},
  } = options;

  const {organization: org} = renderOptions;

  const {organization, project, router} = initializeOrg({
    organization: org,
    router: {
      location: {
        query: selectedOptions,
      },
    },
  });

  const projectKey = 'test-project-key-id';

  MockApiClient.addMockResponse({
    url: `/organizations/${organization.slug}/sdks/`,
    body: releaseRegistry,
  });

  MockApiClient.addMockResponse({
    url: `/projects/${organization.slug}/${project.slug}/keys/${projectKey}/`,
    method: 'PUT',
    body: [ProjectKeysFixture()[0]],
  });

  render(
    <OnboardingLayout
      docsConfig={docsConfig}
      projectSlug={project.slug}
      dsn={{
        public: 'test-dsn',
        secret: 'test-secret',
        cdn: 'test-cdn',
        crons: 'test-crons',
        security: 'test-security',
        csp: 'test-csp',
        minidump: 'test-minidump',
        unreal: 'test-unreal',
      }}
      platformKey="java-spring-boot"
      projectId="test-project-id"
      activeProductSelection={selectedProducts}
      projectKeyId={projectKey}
    />,
    {
      organization,
      router,
    }
  );
}