diff options
Diffstat (limited to 'spec/frontend/content_editor/components/top_toolbar_spec.js')
-rw-r--r-- | spec/frontend/content_editor/components/top_toolbar_spec.js | 65 |
1 files changed, 0 insertions, 65 deletions
diff --git a/spec/frontend/content_editor/components/top_toolbar_spec.js b/spec/frontend/content_editor/components/top_toolbar_spec.js deleted file mode 100644 index 8f194ff32e2..00000000000 --- a/spec/frontend/content_editor/components/top_toolbar_spec.js +++ /dev/null @@ -1,65 +0,0 @@ -import { mockTracking } from 'helpers/tracking_helper'; -import { shallowMountExtended } from 'helpers/vue_test_utils_helper'; -import TopToolbar from '~/content_editor/components/top_toolbar.vue'; -import { - TOOLBAR_CONTROL_TRACKING_ACTION, - CONTENT_EDITOR_TRACKING_LABEL, -} from '~/content_editor/constants'; - -describe('content_editor/components/top_toolbar', () => { - let wrapper; - let trackingSpy; - - const buildWrapper = () => { - wrapper = shallowMountExtended(TopToolbar); - }; - - beforeEach(() => { - trackingSpy = mockTracking(undefined, null, jest.spyOn); - }); - - afterEach(() => { - wrapper.destroy(); - }); - - describe.each` - testId | controlProps - ${'text-styles'} | ${{}} - ${'bold'} | ${{ contentType: 'bold', iconName: 'bold', label: 'Bold text', editorCommand: 'toggleBold' }} - ${'italic'} | ${{ contentType: 'italic', iconName: 'italic', label: 'Italic text', editorCommand: 'toggleItalic' }} - ${'blockquote'} | ${{ contentType: 'blockquote', iconName: 'quote', label: 'Insert a quote', editorCommand: 'toggleBlockquote' }} - ${'code'} | ${{ contentType: 'code', iconName: 'code', label: 'Code', editorCommand: 'toggleCode' }} - ${'link'} | ${{}} - ${'bullet-list'} | ${{ contentType: 'bulletList', iconName: 'list-bulleted', label: 'Add a bullet list', editorCommand: 'toggleBulletList' }} - ${'ordered-list'} | ${{ contentType: 'orderedList', iconName: 'list-numbered', label: 'Add a numbered list', editorCommand: 'toggleOrderedList' }} - ${'task-list'} | ${{ contentType: 'taskList', iconName: 'list-task', label: 'Add a checklist', editorCommand: 'toggleTaskList' }} - ${'image'} | ${{}} - ${'table'} | ${{}} - ${'more'} | ${{}} - `('given a $testId toolbar control', ({ testId, controlProps }) => { - beforeEach(() => { - buildWrapper(); - }); - - it('renders the toolbar control with the provided properties', () => { - expect(wrapper.findByTestId(testId).exists()).toBe(true); - - Object.keys(controlProps).forEach((propName) => { - expect(wrapper.findByTestId(testId).props(propName)).toBe(controlProps[propName]); - }); - }); - - it('tracks the execution of toolbar controls', () => { - const eventData = { contentType: 'blockquote', value: 1 }; - const { contentType, value } = eventData; - - wrapper.findByTestId(testId).vm.$emit('execute', eventData); - - expect(trackingSpy).toHaveBeenCalledWith(undefined, TOOLBAR_CONTROL_TRACKING_ACTION, { - label: CONTENT_EDITOR_TRACKING_LABEL, - property: contentType, - value, - }); - }); - }); -}); |