1 files changed, 15 insertions, 3 deletions
diff --git a/spec/frontend/vue_shared/components/sidebar/labels_select_vue/dropdown_value_spec.js b/spec/frontend/vue_shared/components/sidebar/labels_select_vue/dropdown_value_spec.js
index c90e63313b2..960ea77cb6e 100644
--- a/spec/frontend/vue_shared/components/sidebar/labels_select_vue/dropdown_value_spec.js
+++ b/spec/frontend/vue_shared/components/sidebar/labels_select_vue/dropdown_value_spec.js
@@ -6,7 +6,7 @@ import DropdownValue from '~/vue_shared/components/sidebar/labels_select_vue/dro
 
 import labelsSelectModule from '~/vue_shared/components/sidebar/labels_select_vue/store';
 
-import { mockConfig, mockRegularLabel, mockScopedLabel } from './mock_data';
+import { mockConfig, mockLabels, mockRegularLabel, mockScopedLabel } from './mock_data';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
@@ -14,6 +14,9 @@ localVue.use(Vuex);
 describe('DropdownValue', () => {
   let wrapper;
 
+  const findAllLabels = () => wrapper.findAllComponents(GlLabel);
+  const findLabel = (index) => findAllLabels().at(index).props('title');
+
   const createComponent = (initialState = {}, slots = {}) => {
     const store = new Vuex.Store(labelsSelectModule());
 
@@ -28,7 +31,6 @@ describe('DropdownValue', () => {
 
   afterEach(() => {
     wrapper.destroy();
-    wrapper = null;
   });
 
   describe('methods', () => {
@@ -82,7 +84,17 @@ describe('DropdownValue', () => {
     it('renders labels when `selectedLabels` is not empty', () => {
       createComponent();
 
-      expect(wrapper.findAll(GlLabel).length).toBe(2);
+      expect(findAllLabels()).toHaveLength(2);
+    });
+
+    it('orders scoped labels first', () => {
+      createComponent({ selectedLabels: mockLabels });
+
+      expect(findAllLabels()).toHaveLength(mockLabels.length);
+      expect(findLabel(0)).toBe('Foo::Bar');
+      expect(findLabel(1)).toBe('Boog');
+      expect(findLabel(2)).toBe('Bug');
+      expect(findLabel(3)).toBe('Foo Label');
     });
   });
 });