1 files changed, 34 insertions, 0 deletions
diff --git a/spec/frontend/vue_shared/components/groups_list/groups_list_spec.js b/spec/frontend/vue_shared/components/groups_list/groups_list_spec.js
new file mode 100644
index 00000000000..c65aa347bcf
--- /dev/null
+++ b/spec/frontend/vue_shared/components/groups_list/groups_list_spec.js
@@ -0,0 +1,34 @@
+import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
+import GroupsList from '~/vue_shared/components/groups_list/groups_list.vue';
+import GroupsListItem from '~/vue_shared/components/groups_list/groups_list_item.vue';
+import { groups } from './mock_data';
+
+describe('GroupsList', () => {
+  let wrapper;
+
+  const defaultPropsData = {
+    groups,
+  };
+
+  const createComponent = () => {
+    wrapper = shallowMountExtended(GroupsList, {
+      propsData: defaultPropsData,
+    });
+  };
+
+  it('renders list with `GroupsListItem` component', () => {
+    createComponent();
+
+    const groupsListItemWrappers = wrapper.findAllComponents(GroupsListItem).wrappers;
+    const expectedProps = groupsListItemWrappers.map((groupsListItemWrapper) =>
+      groupsListItemWrapper.props(),
+    );
+
+    expect(expectedProps).toEqual(
+      defaultPropsData.groups.map((group) => ({
+        group,
+        showGroupIcon: false,
+      })),
+    );
+  });
+});