Add latest changes from gitlab-org/gitlab@master

1 files changed, 33 insertions, 0 deletions

diff --git a/spec/frontend/import/details/components/import_details_table_spec.js b/spec/frontend/import/details/components/import_details_table_spec.js
new file mode 100644
index 00000000000..43c9a66c00a
--- /dev/null
+++ b/spec/frontend/import/details/components/import_details_table_spec.js
@@ -0,0 +1,33 @@
+import { mount, shallowMount } from '@vue/test-utils';
+import { GlEmptyState, GlTable } from '@gitlab/ui';
+
+import PaginationBar from '~/vue_shared/components/pagination_bar/pagination_bar.vue';
+import ImportDetailsTable from '~/import/details/components/import_details_table.vue';
+
+describe('Import details table', () => {
+  let wrapper;
+
+  const createComponent = ({ mountFn = shallowMount } = {}) => {
+    wrapper = mountFn(ImportDetailsTable);
+  };
+
+  const findGlTable = () => wrapper.findComponent(GlTable);
+  const findGlEmptyState = () => findGlTable().findComponent(GlEmptyState);
+  const findPaginationBar = () => wrapper.findComponent(PaginationBar);
+
+  describe('template', () => {
+    describe('when no items are available', () => {
+      it('renders table with empty state', () => {
+        createComponent({ mountFn: mount });
+
+        expect(findGlEmptyState().exists()).toBe(true);
+      });
+
+      it('does not render pagination', () => {
+        createComponent();
+
+        expect(findPaginationBar().exists()).toBe(false);
+      });
+    });
+  });
+});