text: import Vue from 'vue';
  import { shallowMount } from '@vue/test-utils';
  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();
    });
  });
  