Refactor blob content viewer spec

Refactored the spec for better maintainability

spec/frontend/repository/mock_data.js

+export const simpleViewerMock = {
+  name: 'some_file.js',
+  size: 123,
+  rawSize: 123,
+  rawTextBlob: 'raw content',
+  fileType: 'text',
+  path: 'some_file.js',
+  webPath: 'some_file.js',
+  editBlobPath: 'some_file.js/edit',
+  ideEditPath: 'some_file.js/ide/edit',
+  forkAndEditPath: 'some_file.js/fork/edit',
+  ideForkAndEditPath: 'some_file.js/fork/ide',
+  canModifyBlob: true,
+  storedExternally: false,
+  rawPath: 'some_file.js',
+  replacePath: 'some_file.js/replace',
+  simpleViewer: {
+    fileType: 'text',
+    tooLarge: false,
+    type: 'simple',
+    renderError: null,
+  },
+  richViewer: null,
+};
+
+export const richViewerMock = {
+  ...simpleViewerMock,
+  richViewer: {
+    fileType: 'markup',
+    tooLarge: false,
+    type: 'rich',
+    renderError: null,
+  },
+};
+
+export const userPermissionsMock = {
+  pushCode: true,
+  forkProject: true,
+  downloadCode: true,
+  createMergeRequestIn: true,
+};
+
+export const projectMock = {
+  id: '1234',
+  userPermissions: userPermissionsMock,
+  pathLocks: {
+    nodes: [],
+  },
+  repository: {
+    empty: false,
+  },
+};
+
+export const propsMock = { path: 'some_file.js', projectPath: 'some/path' };
+
+export const refMock = 'default-ref';