1 files changed, 10 insertions, 0 deletions
diff --git a/spec/frontend/content_editor/components/content_editor_spec.js b/spec/frontend/content_editor/components/content_editor_spec.js
index d516baf6f0f..3d1ef03083d 100644
--- a/spec/frontend/content_editor/components/content_editor_spec.js
+++ b/spec/frontend/content_editor/components/content_editor_spec.js
@@ -6,6 +6,7 @@ import ContentEditor from '~/content_editor/components/content_editor.vue';
 import ContentEditorError from '~/content_editor/components/content_editor_error.vue';
 import ContentEditorProvider from '~/content_editor/components/content_editor_provider.vue';
 import EditorStateObserver from '~/content_editor/components/editor_state_observer.vue';
+import FormattingBubbleMenu from '~/content_editor/components/formatting_bubble_menu.vue';
 import TopToolbar from '~/content_editor/components/top_toolbar.vue';
 import {
   LOADING_CONTENT_EVENT,
@@ -25,6 +26,7 @@ describe('ContentEditor', () => {
   const findEditorElement = () => wrapper.findByTestId('content-editor');
   const findEditorContent = () => wrapper.findComponent(EditorContent);
   const findLoadingIcon = () => wrapper.findComponent(GlLoadingIcon);
+  const findBubbleMenu = () => wrapper.findComponent(FormattingBubbleMenu);
 
   const createWrapper = (propsData = {}) => {
     renderMarkdown = jest.fn();
@@ -131,6 +133,10 @@ describe('ContentEditor', () => {
     it('hides EditorContent component', () => {
       expect(findEditorContent().exists()).toBe(false);
     });
+
+    it('hides formatting bubble menu', () => {
+      expect(findBubbleMenu().exists()).toBe(false);
+    });
   });
 
   describe('when loading content succeeds', () => {
@@ -171,5 +177,9 @@ describe('ContentEditor', () => {
     it('displays EditorContent component', () => {
       expect(findEditorContent().exists()).toBe(true);
     });
+
+    it('displays formatting bubble menu', () => {
+      expect(findBubbleMenu().exists()).toBe(true);
+    });
   });
 });