No more error warnings like "[Vue warn]: Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option." anymore

jonashackt · jonashackt · commit 1e6b8cee4cc6 · 2018-06-27T23:44:36.000+02:00
diff --git a/frontend/test/components/Hello.test.js b/frontend/test/components/Hello.test.js
@@ -4,9 +4,16 @@ import Hello from '@/components/Hello'
 describe('Hello.vue', () => {
   it('should render correct hello message', () => {
     // Given
-    const hellowrapped = shallowMount(Hello, { propsData: { hellomsg: 'Welcome to your Jest powered Vue.js App' } });
+    const hellowrapped = shallowMount(Hello, {
+      // see https://stackoverflow.com/a/37940045/4964553
+      propsData: { hellomsg: 'Welcome to your Jest powered Vue.js App' },
+      // see https://vue-test-utils.vuejs.org/guides/using-with-vue-router.html#testing-components-that-use-router-link-or-router-view
+      stubs: ['router-link', 'router-view']
+    });
+
     // When
     const contentH1 = hellowrapped.find('h1');
+
     // Then
     expect(contentH1.text()).toEqual('Welcome to your Jest powered Vue.js App');
   })
