Test global directives

frontend/src/plugins/globalDirectives.js

@@ -1,4 +1,3 @@
-// import clickOutside from '@/directives/click-ouside.js'
 import { focus } from 'vue-focus'
 
 /**
@@ -7,7 +6,6 @@ import { focus } from 'vue-focus'
 
 const GlobalDirectives = {
   install(Vue) {
-    // Vue.directive('click-outside', clickOutside)
     Vue.directive('focus', focus)
   },
 }

frontend/src/plugins/globalDirectives.test.js

@@ -0,0 +1,21 @@
+import GlobalDirectives from './globalDirectives'
+import { focus } from 'vue-focus'
+import Vue from 'vue'
+
+jest.mock('vue-focus', () => {
+  return {
+    __esModule: true,
+    focus: jest.fn(),
+  }
+})
+jest.mock('vue')
+
+const vueDirectiveMock = jest.fn()
+Vue.directive = vueDirectiveMock
+
+describe('globalDirectives', () => {
+  it('installs the focus directive', () => {
+    GlobalDirectives.install(Vue)
+    expect(vueDirectiveMock).toBeCalledWith('focus', focus)
+  })
+})