1 files changed, 31 insertions, 0 deletions
diff --git a/spec/frontend/vue_shared/components/multiselect_dropdown_spec.js b/spec/frontend/vue_shared/components/multiselect_dropdown_spec.js
new file mode 100644
index 00000000000..233c488b60b
--- /dev/null
+++ b/spec/frontend/vue_shared/components/multiselect_dropdown_spec.js
@@ -0,0 +1,31 @@
+import { shallowMount } from '@vue/test-utils';
+import { getByText } from '@testing-library/dom';
+import MultiSelectDropdown from '~/vue_shared/components/sidebar/multiselect_dropdown.vue';
+
+describe('MultiSelectDropdown Component', () => {
+  it('renders items slot', () => {
+    const wrapper = shallowMount(MultiSelectDropdown, {
+      propsData: {
+        text: '',
+        headerText: '',
+      },
+      slots: {
+        items: '<p>Test</p>',
+      },
+    });
+    expect(getByText(wrapper.element, 'Test')).toBeDefined();
+  });
+
+  it('renders search slot', () => {
+    const wrapper = shallowMount(MultiSelectDropdown, {
+      propsData: {
+        text: '',
+        headerText: '',
+      },
+      slots: {
+        search: '<p>Search</p>',
+      },
+    });
+    expect(getByText(wrapper.element, 'Search')).toBeDefined();
+  });
+});