ref(ts): Convert integrationOrganizationLink/index.spec to tsx (#51983)

static/app/views/integrationOrganizationLink/index.spec.jsx → static/app/views/integrationOrganizationLink/index.spec.tsx

@@ -1,46 +1,49 @@
 import selectEvent from 'react-select-event';
 import pick from 'lodash/pick';
 
+import {initializeOrg} from 'sentry-test/initializeOrg';
 import {render, screen} from 'sentry-test/reactTestingLibrary';
 
 import IntegrationOrganizationLink from 'sentry/views/integrationOrganizationLink';
 
 describe('IntegrationOrganizationLink', () => {
-  let getOrgsMock, getOrgMock, getProviderMock, org1, org1Lite, org2, org2Lite;
+  it('selecting org from dropdown loads the org through the API', async () => {
+    const {routerProps} = initializeOrg();
 
-  beforeEach(() => {
-    MockApiClient.clearMockResponses();
-    org1 = TestStubs.Organization({
+    const org1 = TestStubs.Organization({
       slug: 'org1',
       name: 'Organization 1',
     });
 
-    org2 = TestStubs.Organization({
+    const org2 = TestStubs.Organization({
       slug: 'org2',
       name: 'Organization 2',
     });
 
-    org1Lite = pick(org1, ['slug', 'name', 'id']);
-    org2Lite = pick(org2, ['slug', 'name', 'id']);
+    const org1Lite = pick(org1, ['slug', 'name', 'id']);
+    const org2Lite = pick(org2, ['slug', 'name', 'id']);
 
-    getOrgsMock = MockApiClient.addMockResponse({
+    const getOrgsMock = MockApiClient.addMockResponse({
       url: '/organizations/',
       body: [org1Lite, org2Lite],
     });
-  });
 
-  it('selecting org from dropdown loads the org through the API', async () => {
-    getOrgMock = MockApiClient.addMockResponse({
+    const getOrgMock = MockApiClient.addMockResponse({
       url: `/organizations/${org2.slug}/`,
       body: org2,
     });
 
-    getProviderMock = MockApiClient.addMockResponse({
+    const getProviderMock = MockApiClient.addMockResponse({
       url: `/organizations/${org2.slug}/config/integrations/?provider_key=vercel`,
       body: {providers: [TestStubs.VercelProvider()]},
     });
 
-    render(<IntegrationOrganizationLink params={{integrationSlug: 'vercel'}} />);
+    render(
+      <IntegrationOrganizationLink
+        {...routerProps}
+        params={{integrationSlug: 'vercel'}}
+      />
+    );
 
     expect(getOrgsMock).toHaveBeenCalled();
     expect(getOrgMock).not.toHaveBeenCalled();