import { shallowMount } from '@vue/test-utils'; import Vue from 'vue'; import urlComponent from '~/serverless/components/url.vue'; import ClipboardButton from '~/vue_shared/components/clipboard_button.vue'; const createComponent = (uri) => shallowMount(Vue.extend(urlComponent), { propsData: { uri, }, }); describe('urlComponent', () => { it('should render correctly', () => { const uri = 'http://testfunc.apps.example.com'; const wrapper = createComponent(uri); const { vm } = wrapper; expect(vm.$el.classList.contains('clipboard-group')).toBe(true); expect(wrapper.find(ClipboardButton).attributes('text')).toEqual(uri); expect(vm.$el.querySelector('[data-testid="url-text-field"]').innerHTML).toContain(uri); vm.$destroy(); }); });