1 files changed, 80 insertions, 0 deletions
diff --git a/spec/frontend/static_site_editor/components/edit_meta_modal_spec.js b/spec/frontend/static_site_editor/components/edit_meta_modal_spec.js
new file mode 100644
index 00000000000..7a5685033f3
--- /dev/null
+++ b/spec/frontend/static_site_editor/components/edit_meta_modal_spec.js
@@ -0,0 +1,80 @@
+import { shallowMount } from '@vue/test-utils';
+
+import { GlModal } from '@gitlab/ui';
+
+import EditMetaModal from '~/static_site_editor/components/edit_meta_modal.vue';
+import EditMetaControls from '~/static_site_editor/components/edit_meta_controls.vue';
+
+import { sourcePath, mergeRequestMeta } from '../mock_data';
+
+describe('~/static_site_editor/components/edit_meta_modal.vue', () => {
+  let wrapper;
+  let resetCachedEditable;
+  let mockEditMetaControlsInstance;
+  const { title, description } = mergeRequestMeta;
+
+  const buildWrapper = (propsData = {}) => {
+    wrapper = shallowMount(EditMetaModal, {
+      propsData: {
+        sourcePath,
+        ...propsData,
+      },
+    });
+  };
+
+  const buildMocks = () => {
+    resetCachedEditable = jest.fn();
+    mockEditMetaControlsInstance = { resetCachedEditable };
+    wrapper.vm.$refs.editMetaControls = mockEditMetaControlsInstance;
+  };
+
+  const findGlModal = () => wrapper.find(GlModal);
+  const findEditMetaControls = () => wrapper.find(EditMetaControls);
+
+  beforeEach(() => {
+    buildWrapper();
+    buildMocks();
+
+    return wrapper.vm.$nextTick();
+  });
+
+  afterEach(() => {
+    wrapper.destroy();
+    wrapper = null;
+  });
+
+  it('renders the modal', () => {
+    expect(findGlModal().exists()).toBe(true);
+  });
+
+  it('renders the edit meta controls', () => {
+    expect(findEditMetaControls().exists()).toBe(true);
+  });
+
+  it('contains the sourcePath in the title', () => {
+    expect(findEditMetaControls().props('title')).toContain(sourcePath);
+  });
+
+  it('forwards the title prop', () => {
+    expect(findEditMetaControls().props('title')).toBe(title);
+  });
+
+  it('forwards the description prop', () => {
+    expect(findEditMetaControls().props('description')).toBe(description);
+  });
+
+  it('emits the primary event with mergeRequestMeta', () => {
+    findGlModal().vm.$emit('primary', mergeRequestMeta);
+    expect(wrapper.emitted('primary')).toEqual([[mergeRequestMeta]]);
+  });
+
+  it('calls resetCachedEditable on EditMetaControls when primary emits', () => {
+    findGlModal().vm.$emit('primary', mergeRequestMeta);
+    expect(mockEditMetaControlsInstance.resetCachedEditable).toHaveBeenCalled();
+  });
+
+  it('emits the hide event', () => {
+    findGlModal().vm.$emit('hide');
+    expect(wrapper.emitted('hide')).toEqual([[]]);
+  });
+});