refactor(codecov): Move around onboarding file org

Author: calvin-codecov

static/app/routes.tsx

@@ -2022,9 +2022,7 @@ function buildRoutes() {
         {/* Render tests onboarding without any layout wrapping */}
         <Route
           path="new/"
-          component={make(
-            () => import('sentry/views/codecov/tests/onboarding/onboarding')
-          )}
+          component={make(() => import('sentry/views/codecov/tests/onboarding'))}
         />
       </Route>
       <Route path="tokens/">

static/app/views/codecov/tests/onboarding/onboarding.spec.tsx renamed to static/app/views/codecov/tests/onboarding.spec.tsx

@@ -5,10 +5,11 @@ import styled from '@emotion/styled';
 import RadioGroup from 'sentry/components/forms/controls/radioGroup';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
+import {OutputCoverageFile} from 'sentry/views/codecov/tests/onboardingSteps/outputCoverageFile';
+import TestPreOnboardingPage from 'sentry/views/codecov/tests/preOnboarding';
 
 type SetupOption = 'githubAction' | 'cli';
 
-// Phase out for directory version
 export default function TestsOnboardingPage() {
   const [searchParams, setSearchParams] = useSearchParams();
   const opt = searchParams.get('opt');
@@ -23,6 +24,7 @@ export default function TestsOnboardingPage() {
   return (
     <LayoutGap>
       <p>Test Analytics Onboarding</p>
+      <TestPreOnboardingPage />
       <OnboardingContainer>
         <IntroContainer>
           <GetStartedHeader>{t('Get Started with Test Analytics')}</GetStartedHeader>
@@ -42,6 +44,9 @@ export default function TestsOnboardingPage() {
             ['cli', t("Use Sentry Prevent's CLI to upload testing reports")],
           ]}
         />
+        <StepsContainer>
+          <OutputCoverageFile stepString="1" />
+        </StepsContainer>
       </OnboardingContainer>
     </LayoutGap>
   );
@@ -79,3 +84,7 @@ const SelectOptionHeader = styled('h5')`
   color: ${p => p.theme.tokens.content.primary};
   margin-top: ${space(3)};
 `;
+
+const StepsContainer = styled('div')`
+  padding: ${space(3)} ${space(4)};
+`;

static/app/views/codecov/tests/onboarding.tsx

@@ -6,7 +6,7 @@ import {CodeSnippet} from 'sentry/components/codeSnippet';
 import {Select} from 'sentry/components/core/select';
 import {t, tct} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
-import {OnboardingStep} from 'sentry/views/codecov/tests/onboarding/onboardingStep';
+import {OnboardingStep} from 'sentry/views/codecov/tests/onboardingSteps/onboardingStep';
 
 interface OutputCoverageFileProps {
   stepString: string;

static/app/views/codecov/tests/onboarding/onboarding.tsx

@@ -4,7 +4,6 @@ import {DatePicker} from 'sentry/components/codecov/datePicker/datePicker';
 import PageFilterBar from 'sentry/components/organizations/pageFilterBar';
 import PageFiltersContainer from 'sentry/components/organizations/pageFilters/container';
 import {space} from 'sentry/styles/space';
-import TestsOnboardingPage from 'sentry/views/codecov/tests/onboarding/onboarding';
 import {Summaries} from 'sentry/views/codecov/tests/summaries/summaries';
 
 const DEFAULT_CODECOV_DATETIME_SELECTION = {
@@ -27,7 +26,6 @@ export default function TestsPage() {
       </PageFiltersContainer>
       {/* TODO: Conditionally show these if the branch we're in is the main branch */}
       <Summaries />
-      <TestsOnboardingPage />
     </LayoutGap>
   );
 }