Fix stubs test

Author: afontcu

src/__tests__/components/Stubs.vue

@@ -1,16 +1,15 @@
 <template>
-  <form>
-    <label for="search"> <FontAwesomeIcon icon="search" /> Search </label>
-    <input id="search" type="text" name="search" />
-    <VButton text="Search now" />
-  </form>
+  <directive />
 </template>
 
 <script>
-import VButton from './Button'
+import Directive from './Directive'
 
 export default {
-  name: 'SearchForm',
-  components: { VButton }
+  name: 'Stubs',
+
+  components: {
+    Directive,
+  },
 }
 </script>

src/__tests__/stubs.js

@@ -3,8 +3,17 @@ import '@testing-library/jest-dom'
 import Stubs from './components/Stubs'
 
 test('Form contains search button', () => {
+  const DirectiveMock = {
+    template: '<p>fake template</p>',
+  }
+
   const {getByText} = render(Stubs, {
-    stubs: ['FontAwesomeIcon'],
+    global: {
+      stubs: {
+        directive: DirectiveMock,
+      },
+    },
   })
+
   expect(getByText('Search now')).toBeInTheDocument()
 })