Add latest changes from gitlab-org/gitlab@master

1 files changed, 38 insertions, 29 deletions

diff --git a/spec/frontend/ci/artifacts/components/app_spec.js b/spec/frontend/ci/artifacts/components/app_spec.js
index 435b03e82ab..c6874428e2a 100644
--- a/spec/frontend/ci/artifacts/components/app_spec.js
+++ b/spec/frontend/ci/artifacts/components/app_spec.js
@@ -14,15 +14,20 @@ const TEST_BUILD_ARTIFACTS_SIZE = 1024;
 const TEST_PROJECT_PATH = 'project/path';
 const TEST_PROJECT_ID = 'gid://gitlab/Project/22';
 
-const createBuildArtifactsSizeResponse = (buildArtifactsSize) => ({
+const createBuildArtifactsSizeResponse = ({
+  buildArtifactsSize = TEST_BUILD_ARTIFACTS_SIZE,
+  nullStatistics = false,
+}) => ({
   data: {
     project: {
       __typename: 'Project',
       id: TEST_PROJECT_ID,
-      statistics: {
-        __typename: 'ProjectStatistics',
-        buildArtifactsSize,
-      },
+      statistics: nullStatistics
+        ? null
+        : {
+            __typename: 'ProjectStatistics',
+            buildArtifactsSize,
+          },
     },
   },
 });
@@ -82,28 +87,32 @@ describe('ArtifactsApp component', () => {
   });
 
   describe.each`
-    buildArtifactsSize           | expectedText
-    ${TEST_BUILD_ARTIFACTS_SIZE} | ${numberToHumanSize(TEST_BUILD_ARTIFACTS_SIZE)}
-    ${null}                      | ${SIZE_UNKNOWN}
-  `('when buildArtifactsSize is $buildArtifactsSize', ({ buildArtifactsSize, expectedText }) => {
-    beforeEach(async () => {
-      getBuildArtifactsSizeSpy.mockResolvedValue(
-        createBuildArtifactsSizeResponse(buildArtifactsSize),
-      );
-
-      createComponent();
-
-      await waitForPromises();
-    });
-
-    it('hides loader', () => {
-      expect(findSkeletonLoader().exists()).toBe(false);
-    });
-
-    it('shows the size', () => {
-      expect(findBuildArtifactsSize().text()).toMatchInterpolatedText(
-        `${TOTAL_ARTIFACTS_SIZE} ${expectedText}`,
-      );
-    });
-  });
+    buildArtifactsSize           | nullStatistics | expectedText
+    ${TEST_BUILD_ARTIFACTS_SIZE} | ${false}       | ${numberToHumanSize(TEST_BUILD_ARTIFACTS_SIZE)}
+    ${null}                      | ${false}       | ${SIZE_UNKNOWN}
+    ${null}                      | ${true}        | ${SIZE_UNKNOWN}
+  `(
+    'when buildArtifactsSize is $buildArtifactsSize',
+    ({ buildArtifactsSize, nullStatistics, expectedText }) => {
+      beforeEach(async () => {
+        getBuildArtifactsSizeSpy.mockResolvedValue(
+          createBuildArtifactsSizeResponse({ buildArtifactsSize, nullStatistics }),
+        );
+
+        createComponent();
+
+        await waitForPromises();
+      });
+
+      it('hides loader', () => {
+        expect(findSkeletonLoader().exists()).toBe(false);
+      });
+
+      it('shows the size', () => {
+        expect(findBuildArtifactsSize().text()).toMatchInterpolatedText(
+          `${TOTAL_ARTIFACTS_SIZE} ${expectedText}`,
+        );
+      });
+    },
+  );
 });