1 files changed, 0 insertions, 264 deletions
diff --git a/spec/frontend/static_site_editor/components/edit_area_spec.js b/spec/frontend/static_site_editor/components/edit_area_spec.js
deleted file mode 100644
index a833fd9ff9e..00000000000
--- a/spec/frontend/static_site_editor/components/edit_area_spec.js
+++ /dev/null
@@ -1,264 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import { nextTick } from 'vue';
-import { stubComponent } from 'helpers/stub_component';
-
-import EditArea from '~/static_site_editor/components/edit_area.vue';
-import EditDrawer from '~/static_site_editor/components/edit_drawer.vue';
-import EditHeader from '~/static_site_editor/components/edit_header.vue';
-import PublishToolbar from '~/static_site_editor/components/publish_toolbar.vue';
-import UnsavedChangesConfirmDialog from '~/static_site_editor/components/unsaved_changes_confirm_dialog.vue';
-import { EDITOR_TYPES } from '~/static_site_editor/rich_content_editor/constants';
-import RichContentEditor from '~/static_site_editor/rich_content_editor/rich_content_editor.vue';
-
-import {
-  sourceContentTitle as title,
-  sourceContentYAML as content,
-  sourceContentHeaderObjYAML as headerSettings,
-  sourceContentBody as body,
-  returnUrl,
-  mounts,
-  project,
-  branch,
-  baseUrl,
-  imageRoot,
-} from '../mock_data';
-
-jest.mock('~/static_site_editor/services/formatter', () => jest.fn((str) => `${str} format-pass`));
-
-describe('~/static_site_editor/components/edit_area.vue', () => {
-  let wrapper;
-  const formattedBody = `${body} format-pass`;
-  const savingChanges = true;
-  const newBody = `new ${body}`;
-
-  const RichContentEditorStub = stubComponent(RichContentEditor, {
-    methods: {
-      resetInitialValue: jest.fn(),
-    },
-  });
-
-  const buildWrapper = (propsData = {}) => {
-    wrapper = shallowMount(EditArea, {
-      propsData: {
-        title,
-        content,
-        returnUrl,
-        mounts,
-        project,
-        branch,
-        baseUrl,
-        imageRoot,
-        savingChanges,
-        ...propsData,
-      },
-      stubs: { RichContentEditor: RichContentEditorStub },
-    });
-  };
-
-  const findEditHeader = () => wrapper.find(EditHeader);
-  const findEditDrawer = () => wrapper.find(EditDrawer);
-  const findRichContentEditor = () => wrapper.find(RichContentEditor);
-  const findPublishToolbar = () => wrapper.find(PublishToolbar);
-  const findUnsavedChangesConfirmDialog = () => wrapper.find(UnsavedChangesConfirmDialog);
-
-  beforeEach(() => {
-    buildWrapper();
-  });
-
-  afterEach(() => {
-    wrapper.destroy();
-    wrapper = null;
-  });
-
-  it('renders edit header', () => {
-    expect(findEditHeader().exists()).toBe(true);
-    expect(findEditHeader().props('title')).toBe(title);
-  });
-
-  it('renders edit drawer', () => {
-    expect(findEditDrawer().exists()).toBe(true);
-  });
-
-  it('renders rich content editor with a format pass', () => {
-    expect(findRichContentEditor().exists()).toBe(true);
-    expect(findRichContentEditor().props('content')).toBe(formattedBody);
-  });
-
-  it('renders publish toolbar', () => {
-    expect(findPublishToolbar().exists()).toBe(true);
-    expect(findPublishToolbar().props()).toMatchObject({
-      returnUrl,
-      savingChanges,
-      saveable: false,
-    });
-  });
-
-  it('renders unsaved changes confirm dialog', () => {
-    expect(findUnsavedChangesConfirmDialog().exists()).toBe(true);
-    expect(findUnsavedChangesConfirmDialog().props('modified')).toBe(false);
-  });
-
-  describe('when content changes', () => {
-    beforeEach(() => {
-      findRichContentEditor().vm.$emit('input', newBody);
-
-      return nextTick();
-    });
-
-    it('updates parsedSource with new content', () => {
-      const newContent = 'New content';
-      const spySyncParsedSource = jest.spyOn(wrapper.vm.parsedSource, 'syncContent');
-
-      findRichContentEditor().vm.$emit('input', newContent);
-
-      expect(spySyncParsedSource).toHaveBeenCalledWith(newContent, true);
-    });
-
-    it('sets publish toolbar as saveable', () => {
-      expect(findPublishToolbar().props('saveable')).toBe(true);
-    });
-
-    it('sets unsaved changes confirm dialog as modified', () => {
-      expect(findUnsavedChangesConfirmDialog().props('modified')).toBe(true);
-    });
-
-    it('sets publish toolbar as not saveable when content changes are rollback', async () => {
-      findRichContentEditor().vm.$emit('input', formattedBody);
-
-      await nextTick();
-      expect(findPublishToolbar().props('saveable')).toBe(false);
-    });
-  });
-
-  describe('when the mode changes', () => {
-    const setInitialMode = (mode) => {
-      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
-      // eslint-disable-next-line no-restricted-syntax
-      wrapper.setData({ editorMode: mode });
-    };
-
-    afterEach(() => {
-      setInitialMode(EDITOR_TYPES.wysiwyg);
-    });
-
-    it.each`
-      initialMode              | targetMode               | resetValue
-      ${EDITOR_TYPES.wysiwyg}  | ${EDITOR_TYPES.markdown} | ${`${content} format-pass format-pass`}
-      ${EDITOR_TYPES.markdown} | ${EDITOR_TYPES.wysiwyg}  | ${`${body} format-pass format-pass`}
-    `(
-      'sets editorMode from $initialMode to $targetMode',
-      ({ initialMode, targetMode, resetValue }) => {
-        setInitialMode(initialMode);
-
-        findRichContentEditor().vm.$emit('modeChange', targetMode);
-
-        expect(RichContentEditorStub.methods.resetInitialValue).toHaveBeenCalledWith(resetValue);
-        expect(wrapper.vm.editorMode).toBe(targetMode);
-      },
-    );
-
-    it('should format the content', () => {
-      findRichContentEditor().vm.$emit('modeChange', EDITOR_TYPES.markdown);
-
-      expect(RichContentEditorStub.methods.resetInitialValue).toHaveBeenCalledWith(
-        `${content} format-pass format-pass`,
-      );
-    });
-  });
-
-  describe('when content has front matter', () => {
-    it('renders a closed edit drawer', () => {
-      expect(findEditDrawer().exists()).toBe(true);
-      expect(findEditDrawer().props('isOpen')).toBe(false);
-    });
-
-    it('opens the edit drawer', async () => {
-      findPublishToolbar().vm.$emit('editSettings');
-
-      await nextTick();
-      expect(findEditDrawer().props('isOpen')).toBe(true);
-    });
-
-    it('closes the edit drawer', async () => {
-      findEditDrawer().vm.$emit('close');
-
-      await nextTick();
-      expect(findEditDrawer().props('isOpen')).toBe(false);
-    });
-
-    it('forwards the matter settings when the drawer is open', async () => {
-      findPublishToolbar().vm.$emit('editSettings');
-
-      jest.spyOn(wrapper.vm.parsedSource, 'matter').mockReturnValueOnce(headerSettings);
-
-      await nextTick();
-      expect(findEditDrawer().props('settings')).toEqual(headerSettings);
-    });
-
-    it('enables toolbar submit button', () => {
-      expect(findPublishToolbar().props('hasSettings')).toBe(true);
-    });
-
-    it('syncs matter changes regardless of edit mode', () => {
-      const newSettings = { title: 'test' };
-      const spySyncParsedSource = jest.spyOn(wrapper.vm.parsedSource, 'syncMatter');
-
-      findEditDrawer().vm.$emit('updateSettings', newSettings);
-
-      expect(spySyncParsedSource).toHaveBeenCalledWith(newSettings);
-    });
-
-    it('syncs matter changes to content in markdown mode', async () => {
-      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
-      // eslint-disable-next-line no-restricted-syntax
-      wrapper.setData({ editorMode: EDITOR_TYPES.markdown });
-
-      const newSettings = { title: 'test' };
-
-      findEditDrawer().vm.$emit('updateSettings', newSettings);
-
-      await nextTick();
-      expect(findRichContentEditor().props('content')).toContain('title: test');
-    });
-  });
-
-  describe('when content lacks front matter', () => {
-    beforeEach(() => {
-      buildWrapper({ content: body });
-    });
-
-    afterEach(() => {
-      wrapper.destroy();
-    });
-
-    it('does not render edit drawer', () => {
-      expect(findEditDrawer().exists()).toBe(false);
-    });
-
-    it('does not enable toolbar submit button', () => {
-      expect(findPublishToolbar().props('hasSettings')).toBe(false);
-    });
-  });
-
-  describe('when content is submitted', () => {
-    it('should format the content', () => {
-      findPublishToolbar().vm.$emit('submit', content);
-
-      expect(wrapper.emitted('submit')[0][0].content).toBe(`${content} format-pass format-pass`);
-      expect(wrapper.emitted('submit').length).toBe(1);
-    });
-  });
-
-  describe('when RichContentEditor component triggers load event', () => {
-    it('stores formatted markdown provided in the event data', () => {
-      const data = { formattedMarkdown: 'formatted markdown' };
-
-      findRichContentEditor().vm.$emit('load', data);
-
-      // We can access the formatted markdown when submitting changes
-      findPublishToolbar().vm.$emit('submit');
-
-      expect(wrapper.emitted('submit')[0][0]).toMatchObject(data);
-    });
-  });
-});