1 files changed, 26 insertions, 3 deletions
diff --git a/spec/frontend/import_entities/import_projects/components/import_projects_table_spec.js b/spec/frontend/import_entities/import_projects/components/import_projects_table_spec.js
index b4ac11b4404..27f642d15c8 100644
--- a/spec/frontend/import_entities/import_projects/components/import_projects_table_spec.js
+++ b/spec/frontend/import_entities/import_projects/components/import_projects_table_spec.js
@@ -27,7 +27,7 @@ describe('ImportProjectsTable', () => {
   const findImportAllButton = () =>
     wrapper
       .findAll(GlButton)
-      .filter(w => w.props().variant === 'success')
+      .filter((w) => w.props().variant === 'success')
       .at(0);
   const findImportAllModal = () => wrapper.find({ ref: 'importAllModal' });
 
@@ -112,7 +112,7 @@ describe('ImportProjectsTable', () => {
     expect(
       wrapper
         .findAll('th')
-        .filter(w => w.text() === `From ${providerTitle}`)
+        .filter((w) => w.text() === `From ${providerTitle}`)
         .exists(),
     ).toBe(true);
 
@@ -142,6 +142,29 @@ describe('ImportProjectsTable', () => {
     },
   );
 
+  it.each`
+    importingRepoCount | buttonMessage
+    ${1}               | ${'Importing 1 repository'}
+    ${5}               | ${'Importing 5 repositories'}
+  `(
+    'sets the button text to "$buttonMessage" when importing repos',
+    ({ importingRepoCount, buttonMessage }) => {
+      createComponent({
+        state: {
+          providerRepos: [providerRepo],
+        },
+        getters: {
+          hasIncompatibleRepos: () => false,
+          importAllCount: () => 10,
+          isImportingAnyRepo: () => true,
+          importingRepoCount: () => importingRepoCount,
+        },
+      });
+
+      expect(findImportAllButton().text()).toBe(buttonMessage);
+    },
+  );
+
   it('renders an empty state if there are no repositories available', () => {
     createComponent({ state: { repositories: [] } });
 
@@ -168,7 +191,7 @@ describe('ImportProjectsTable', () => {
   });
 
   it('shows loading spinner when import is in progress', () => {
-    createComponent({ getters: { isImportingAnyRepo: () => true } });
+    createComponent({ getters: { isImportingAnyRepo: () => true, importallCount: () => 1 } });
 
     expect(findImportAllButton().props().loading).toBe(true);
   });