1 files changed, 0 insertions, 191 deletions
diff --git a/spec/frontend/vue_shared/components/source_viewer/source_viewer_new_spec.js b/spec/frontend/vue_shared/components/source_viewer/source_viewer_new_spec.js
deleted file mode 100644
index 745886161ce..00000000000
--- a/spec/frontend/vue_shared/components/source_viewer/source_viewer_new_spec.js
+++ /dev/null
@@ -1,191 +0,0 @@
-import Vue, { nextTick } from 'vue';
-import VueApollo from 'vue-apollo';
-import createMockApollo from 'helpers/mock_apollo_helper';
-import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
-import { setHTMLFixture } from 'helpers/fixtures';
-import SourceViewer from '~/vue_shared/components/source_viewer/source_viewer_new.vue';
-import Chunk from '~/vue_shared/components/source_viewer/components/chunk_new.vue';
-import {
-  EVENT_ACTION,
-  EVENT_LABEL_VIEWER,
-  CODEOWNERS_FILE_NAME,
-} from '~/vue_shared/components/source_viewer/constants';
-import Tracking from '~/tracking';
-import LineHighlighter from '~/blob/line_highlighter';
-import addBlobLinksTracking from '~/blob/blob_links_tracking';
-import waitForPromises from 'helpers/wait_for_promises';
-import blameDataQuery from '~/vue_shared/components/source_viewer/queries/blame_data.query.graphql';
-import Blame from '~/vue_shared/components/source_viewer/components/blame_info.vue';
-import * as utils from '~/vue_shared/components/source_viewer/utils';
-import CodeownersValidation from 'ee_component/blob/components/codeowners_validation.vue';
-
-import {
-  BLOB_DATA_MOCK,
-  CHUNK_1,
-  CHUNK_2,
-  LANGUAGE_MOCK,
-  BLAME_DATA_QUERY_RESPONSE_MOCK,
-  SOURCE_CODE_CONTENT_MOCK,
-} from './mock_data';
-
-Vue.use(VueApollo);
-
-const lineHighlighter = new LineHighlighter();
-jest.mock('~/blob/line_highlighter', () =>
-  jest.fn().mockReturnValue({
-    highlightHash: jest.fn(),
-  }),
-);
-jest.mock('~/blob/blob_links_tracking');
-
-describe('Source Viewer component', () => {
-  let wrapper;
-  let fakeApollo;
-  const CHUNKS_MOCK = [CHUNK_1, CHUNK_2];
-  const projectPath = 'test';
-  const currentRef = 'main';
-  const hash = '#L142';
-
-  const blameDataQueryHandlerSuccess = jest.fn().mockResolvedValue(BLAME_DATA_QUERY_RESPONSE_MOCK);
-  const blameInfo =
-    BLAME_DATA_QUERY_RESPONSE_MOCK.data.project.repository.blobs.nodes[0].blame.groups;
-
-  const createComponent = ({ showBlame = true, blob = {} } = {}) => {
-    fakeApollo = createMockApollo([[blameDataQuery, blameDataQueryHandlerSuccess]]);
-
-    wrapper = shallowMountExtended(SourceViewer, {
-      apolloProvider: fakeApollo,
-      mocks: { $route: { hash } },
-      propsData: {
-        blob: { ...blob, ...BLOB_DATA_MOCK },
-        chunks: CHUNKS_MOCK,
-        projectPath,
-        currentRef,
-        showBlame,
-      },
-    });
-  };
-
-  const findChunks = () => wrapper.findAllComponents(Chunk);
-  const findBlameComponents = () => wrapper.findAllComponents(Blame);
-  const triggerChunkAppear = async (chunkIndex = 0) => {
-    findChunks().at(chunkIndex).vm.$emit('appear');
-    await waitForPromises();
-  };
-
-  beforeEach(() => {
-    jest.spyOn(Tracking, 'event');
-    return createComponent();
-  });
-
-  it('instantiates the lineHighlighter class', () => {
-    expect(LineHighlighter).toHaveBeenCalled();
-  });
-
-  describe('event tracking', () => {
-    it('fires a tracking event when the component is created', () => {
-      const eventData = { label: EVENT_LABEL_VIEWER, property: LANGUAGE_MOCK };
-      expect(Tracking.event).toHaveBeenCalledWith(undefined, EVENT_ACTION, eventData);
-    });
-
-    it('adds blob links tracking', () => {
-      expect(addBlobLinksTracking).toHaveBeenCalled();
-    });
-  });
-
-  describe('rendering', () => {
-    it('does not render a Blame component if the respective chunk for the blame has not appeared', async () => {
-      await waitForPromises();
-      expect(findBlameComponents()).toHaveLength(0);
-    });
-
-    describe('DOM updates', () => {
-      it('adds the necessary classes to the DOM', async () => {
-        setHTMLFixture(SOURCE_CODE_CONTENT_MOCK);
-        jest.spyOn(utils, 'toggleBlameClasses');
-        createComponent();
-        await triggerChunkAppear();
-
-        expect(utils.toggleBlameClasses).toHaveBeenCalledWith(blameInfo, true);
-      });
-    });
-
-    describe('Blame information', () => {
-      it('renders a Blame component when a chunk appears', async () => {
-        await triggerChunkAppear();
-
-        expect(findBlameComponents().at(0).exists()).toBe(true);
-        expect(findBlameComponents().at(0).props()).toMatchObject({ blameInfo });
-      });
-
-      it('calls the blame data query', async () => {
-        await triggerChunkAppear();
-
-        expect(blameDataQueryHandlerSuccess).toHaveBeenCalledWith(
-          expect.objectContaining({
-            filePath: BLOB_DATA_MOCK.path,
-            fullPath: projectPath,
-            ref: currentRef,
-          }),
-        );
-      });
-
-      it('calls the query only once per chunk', async () => {
-        // We trigger the `appear` event multiple times here in order to simulate the user scrolling past the chunk more than once.
-        // In this scenario we only want to query the backend once.
-        await triggerChunkAppear();
-        await triggerChunkAppear();
-
-        expect(blameDataQueryHandlerSuccess).toHaveBeenCalledTimes(1);
-      });
-
-      it('requests blame information for overlapping chunk', async () => {
-        await triggerChunkAppear(1);
-
-        expect(blameDataQueryHandlerSuccess).toHaveBeenCalledTimes(2);
-        expect(blameDataQueryHandlerSuccess).toHaveBeenCalledWith(
-          expect.objectContaining({ fromLine: 71, toLine: 110 }),
-        );
-        expect(blameDataQueryHandlerSuccess).toHaveBeenCalledWith(
-          expect.objectContaining({ fromLine: 1, toLine: 70 }),
-        );
-
-        expect(findChunks().at(0).props('isHighlighted')).toBe(true);
-      });
-
-      it('does not render a Blame component when `showBlame: false`', async () => {
-        createComponent({ showBlame: false });
-        await triggerChunkAppear();
-
-        expect(findBlameComponents()).toHaveLength(0);
-      });
-    });
-
-    it('renders a Chunk component for each chunk', () => {
-      expect(findChunks().at(0).props()).toMatchObject(CHUNK_1);
-      expect(findChunks().at(1).props()).toMatchObject(CHUNK_2);
-    });
-  });
-
-  describe('hash highlighting', () => {
-    it('calls highlightHash with expected parameter', () => {
-      expect(lineHighlighter.highlightHash).toHaveBeenCalledWith(hash);
-    });
-  });
-
-  describe('Codeowners validation', () => {
-    const findCodeownersValidation = () => wrapper.findComponent(CodeownersValidation);
-
-    it('does not render codeowners validation when file is not CODEOWNERS', async () => {
-      await createComponent();
-      await nextTick();
-      expect(findCodeownersValidation().exists()).toBe(false);
-    });
-
-    it('renders codeowners validation when file is CODEOWNERS', async () => {
-      await createComponent({ blob: { name: CODEOWNERS_FILE_NAME } });
-      await nextTick();
-      expect(findCodeownersValidation().exists()).toBe(true);
-    });
-  });
-});