1 files changed, 19 insertions, 2 deletions

diff --git a/spec/frontend/content_editor/components/toolbar_image_button_spec.js b/spec/frontend/content_editor/components/toolbar_image_button_spec.js
index dab7e67d7c5..5473d43f5a1 100644
--- a/spec/frontend/content_editor/components/toolbar_image_button_spec.js
+++ b/spec/frontend/content_editor/components/toolbar_image_button_spec.js
@@ -1,8 +1,9 @@
-import { GlButton, GlFormInputGroup } from '@gitlab/ui';
+import { GlButton, GlFormInputGroup, GlDropdown } from '@gitlab/ui';
 import { mountExtended } from 'helpers/vue_test_utils_helper';
 import ToolbarImageButton from '~/content_editor/components/toolbar_image_button.vue';
 import Attachment from '~/content_editor/extensions/attachment';
 import Image from '~/content_editor/extensions/image';
+import { stubComponent } from 'helpers/stub_component';
 import { createTestEditor, mockChainedCommands } from '../test_utils';
 
 describe('content_editor/components/toolbar_image_button', () => {
@@ -14,15 +15,19 @@ describe('content_editor/components/toolbar_image_button', () => {
       provide: {
         tiptapEditor: editor,
       },
+      stubs: {
+        GlDropdown: stubComponent(GlDropdown),
+      },
     });
   };
 
   const findImageURLInput = () =>
     wrapper.findComponent(GlFormInputGroup).find('input[type="text"]');
   const findApplyImageButton = () => wrapper.findComponent(GlButton);
+  const findDropdown = () => wrapper.findComponent(GlDropdown);
 
   const selectFile = async (file) => {
-    const input = wrapper.find({ ref: 'fileSelector' });
+    const input = wrapper.findComponent({ ref: 'fileSelector' });
 
     // override the property definition because `input.files` isn't directly modifyable
     Object.defineProperty(input.element, 'files', { value: [file], writable: true });
@@ -77,4 +82,16 @@ describe('content_editor/components/toolbar_image_button', () => {
 
     expect(wrapper.emitted().execute[0]).toEqual([{ contentType: 'image', value: 'upload' }]);
   });
+
+  describe('a11y tests', () => {
+    it('sets text, title, and text-sr-only properties to the table button dropdown', () => {
+      buildWrapper();
+
+      expect(findDropdown().props()).toMatchObject({
+        text: 'Insert image',
+        textSrOnly: true,
+      });
+      expect(findDropdown().attributes('title')).toBe('Insert image');
+    });
+  });
 });