1 files changed, 185 insertions, 0 deletions
diff --git a/spec/frontend/sidebar/components/labels/labels_select_widget/mock_data.js b/spec/frontend/sidebar/components/labels/labels_select_widget/mock_data.js
new file mode 100644
index 00000000000..48530a0261f
--- /dev/null
+++ b/spec/frontend/sidebar/components/labels/labels_select_widget/mock_data.js
@@ -0,0 +1,185 @@
+export const mockRegularLabel = {
+  id: 26,
+  title: 'Foo Label',
+  description: 'Foobar',
+  color: '#BADA55',
+  textColor: '#FFFFFF',
+};
+
+export const mockScopedLabel = {
+  id: 27,
+  title: 'Foo::Bar',
+  description: 'Foobar',
+  color: '#0033CC',
+  textColor: '#FFFFFF',
+};
+
+export const mockLabels = [
+  mockRegularLabel,
+  mockScopedLabel,
+  {
+    id: 28,
+    title: 'Bug',
+    description: 'Label for bugs',
+    color: '#FF0000',
+    textColor: '#FFFFFF',
+  },
+  {
+    id: 29,
+    title: 'Boog',
+    description: 'Label for bugs',
+    color: '#FF0000',
+    textColor: '#FFFFFF',
+  },
+];
+
+export const mockConfig = {
+  iid: '1',
+  fullPath: 'test',
+  allowMultiselect: true,
+  labelsListTitle: 'Assign labels',
+  labelsCreateTitle: 'Create label',
+  variant: 'sidebar',
+  labelsSelectInProgress: false,
+  labelsFilterBasePath: '/gitlab-org/my-project/issues',
+  labelsFilterParam: 'label_name',
+  footerCreateLabelTitle: 'create',
+  footerManageLabelTitle: 'manage',
+  attrWorkspacePath: 'test',
+};
+
+export const mockSuggestedColors = {
+  '#009966': 'Green-cyan',
+  '#8fbc8f': 'Dark sea green',
+  '#3cb371': 'Medium sea green',
+  '#00b140': 'Green screen',
+  '#013220': 'Dark green',
+  '#6699cc': 'Blue-gray',
+  '#0000ff': 'Blue',
+  '#e6e6fa': 'Lavender',
+  '#9400d3': 'Dark violet',
+  '#330066': 'Deep violet',
+  '#808080': 'Gray',
+  '#36454f': 'Charcoal grey',
+  '#f7e7ce': 'Champagne',
+  '#c21e56': 'Rose red',
+  '#cc338b': 'Magenta-pink',
+  '#dc143c': 'Crimson',
+  '#ff0000': 'Red',
+  '#cd5b45': 'Dark coral',
+  '#eee600': 'Titanium yellow',
+  '#ed9121': 'Carrot orange',
+  '#c39953': 'Aztec Gold',
+};
+
+export const createLabelSuccessfulResponse = {
+  data: {
+    labelCreate: {
+      label: {
+        id: 'gid://gitlab/ProjectLabel/126',
+        color: '#dc143c',
+        description: null,
+        title: 'ewrwrwer',
+        textColor: '#000000',
+        __typename: 'Label',
+      },
+      errors: [],
+      __typename: 'LabelCreatePayload',
+    },
+  },
+};
+
+export const workspaceLabelsQueryResponse = {
+  data: {
+    workspace: {
+      id: 'gid://gitlab/Project/126',
+      labels: {
+        nodes: [
+          {
+            __typename: 'Label',
+            color: '#330066',
+            description: null,
+            id: 'gid://gitlab/ProjectLabel/1',
+            title: 'Label1',
+            textColor: '#000000',
+          },
+          {
+            __typename: 'Label',
+            color: '#2f7b2e',
+            description: null,
+            id: 'gid://gitlab/ProjectLabel/2',
+            title: 'Label2',
+            textColor: '#000000',
+          },
+        ],
+      },
+    },
+  },
+};
+
+export const issuableLabelsQueryResponse = {
+  data: {
+    workspace: {
+      id: 'workspace-1',
+      issuable: {
+        __typename: 'Issue',
+        id: '1',
+        labels: {
+          nodes: [
+            {
+              __typename: 'Label',
+              color: '#330066',
+              description: null,
+              id: 'gid://gitlab/ProjectLabel/1',
+              title: 'Label1',
+              textColor: '#000000',
+            },
+          ],
+        },
+      },
+    },
+  },
+};
+
+export const issuableLabelsSubscriptionResponse = {
+  data: {
+    issuableLabelsUpdated: {
+      id: '1',
+      labels: {
+        nodes: [
+          {
+            __typename: 'Label',
+            color: '#330066',
+            description: null,
+            id: 'gid://gitlab/ProjectLabel/1',
+            title: 'Label1',
+            textColor: '#000000',
+          },
+          {
+            __typename: 'Label',
+            color: '#000000',
+            description: null,
+            id: 'gid://gitlab/ProjectLabel/2',
+            title: 'Label2',
+            textColor: '#ffffff',
+          },
+        ],
+      },
+    },
+  },
+};
+
+export const updateLabelsMutationResponse = {
+  data: {
+    updateIssuableLabels: {
+      errors: [],
+      issuable: {
+        __typename: 'Issue',
+        id: '1',
+        labels: {
+          nodes: [],
+        },
+      },
+    },
+  },
+};