diff options
Diffstat (limited to 'spec/frontend/vue_merge_request_widget/components/report_widget_container_spec.js')
-rw-r--r-- | spec/frontend/vue_merge_request_widget/components/report_widget_container_spec.js | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/spec/frontend/vue_merge_request_widget/components/report_widget_container_spec.js b/spec/frontend/vue_merge_request_widget/components/report_widget_container_spec.js new file mode 100644 index 00000000000..436f74d1be2 --- /dev/null +++ b/spec/frontend/vue_merge_request_widget/components/report_widget_container_spec.js @@ -0,0 +1,33 @@ +import { nextTick } from 'vue'; +import { mountExtended } from 'helpers/vue_test_utils_helper'; +import ReportWidgetContainer from '~/vue_merge_request_widget/components/report_widget_container.vue'; + +describe('app/assets/javascripts/vue_merge_request_widget/components/report_widget_container.vue', () => { + let wrapper; + + const createComponent = ({ slot } = {}) => { + wrapper = mountExtended(ReportWidgetContainer, { + slots: { + default: slot, + }, + }); + }; + + it('hides the container when children has no content', async () => { + createComponent({ slot: `<span><b></b></span>` }); + await nextTick(); + expect(wrapper.isVisible()).toBe(false); + }); + + it('hides the container when children has only empty spaces', async () => { + createComponent({ slot: `<span><b> <br/>\t\r\n</b></span> ` }); + await nextTick(); + expect(wrapper.isVisible()).toBe(false); + }); + + it('shows the container when a child has content', async () => { + createComponent({ slot: `<span><b>test</b></span>` }); + await nextTick(); + expect(wrapper.isVisible()).toBe(true); + }); +}); |