update bundle content tests

Author: nicholas-codecov

src/pages/RepoPage/BundlesTab/BundleContent/BundleContent.test.tsx

@@ -34,7 +34,8 @@ const mockRepoOverview = {
   },
 }
 
-const mockBranchBundles = {
+const mockBranchBundles = (isTimescaleEnabled: boolean) => ({
+  config: { isTimescaleEnabled },
   owner: {
     repository: {
       __typename: 'Repository',
@@ -63,9 +64,10 @@ const mockBranchBundles = {
       },
     },
   },
-}
+})
 
 const mockBranchBundlesError = {
+  config: { isTimescaleEnabled: false },
   owner: {
     repository: {
       __typename: 'Repository',
@@ -85,6 +87,7 @@ const mockBranchBundlesError = {
 }
 
 const mockEmptyBundleSelection = {
+  config: { isTimescaleEnabled: false },
   owner: {
     repository: {
       __typename: 'Repository',
@@ -113,14 +116,8 @@ const mockAssets = {
                         routes: ['/'],
                         extension: 'js',
                         bundleData: {
-                          loadTime: {
-                            threeG: 2000,
-                            highSpeed: 2000,
-                          },
-                          size: {
-                            uncompress: 3000,
-                            gzip: 4000,
-                          },
+                          loadTime: { threeG: 2000, highSpeed: 2000 },
+                          size: { uncompress: 3000, gzip: 4000 },
                         },
                         measurements: {
                           change: { size: { uncompress: 5 } },
@@ -217,14 +214,8 @@ const mockBundleSummary = {
                 name: 'bundle1',
                 moduleCount: 10,
                 bundleData: {
-                  loadTime: {
-                    threeG: 1000,
-                    highSpeed: 500,
-                  },
-                  size: {
-                    gzip: 1000,
-                    uncompress: 2000,
-                  },
+                  loadTime: { threeG: 1000, highSpeed: 500 },
+                  size: { gzip: 1000, uncompress: 2000 },
                 },
               },
             },
@@ -282,12 +273,14 @@ afterAll(() => {
 interface SetupArgs {
   isBundleError?: boolean
   isEmptyBundleSelection?: boolean
+  isTimescaleEnabled?: boolean
 }
 
 describe('BundleContent', () => {
   function setup({
     isBundleError = false,
     isEmptyBundleSelection = false,
+    isTimescaleEnabled = true,
   }: SetupArgs) {
     server.use(
       graphql.query('BranchBundleSummaryData', () => {
@@ -296,7 +289,9 @@ describe('BundleContent', () => {
         } else if (isEmptyBundleSelection) {
           return HttpResponse.json({ data: mockEmptyBundleSelection })
         }
-        return HttpResponse.json({ data: mockBranchBundles })
+        return HttpResponse.json({
+          data: mockBranchBundles(isTimescaleEnabled),
+        })
       }),
       graphql.query('GetRepoOverview', () => {
         return HttpResponse.json({ data: mockRepoOverview })
@@ -398,6 +393,39 @@ describe('BundleContent', () => {
             expect(moduleCount).toBeInTheDocument()
           })
         })
+
+        describe('rendering the trend chart', () => {
+          describe('when timescale is enabled', () => {
+            it('renders the trend chart', async () => {
+              setup({ isTimescaleEnabled: true })
+              render(<BundleContent />, {
+                wrapper: wrapper(
+                  '/gh/codecov/test-repo/bundles/main/test-bundle'
+                ),
+              })
+
+              const chart = await screen.findByText('Hide chart')
+              expect(chart).toBeInTheDocument()
+            })
+          })
+
+          describe('when timescale is disabled', () => {
+            it('renders the trend chart', async () => {
+              setup({ isTimescaleEnabled: false })
+              render(<BundleContent />, {
+                wrapper: wrapper(
+                  '/gh/codecov/test-repo/bundles/main/test-bundle'
+                ),
+              })
+
+              const bundleName = await screen.findByText('asset-1')
+              expect(bundleName).toBeInTheDocument()
+
+              const chart = screen.queryByText('Hide chart')
+              expect(chart).not.toBeInTheDocument()
+            })
+          })
+        })
       })
 
       describe('when only the branch is set', () => {