From 041c5a7024a983a5a7da9e20e93e0df10d0a22a6 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Mon, 13 Dec 2021 12:29:26 +0100
Subject: [PATCH] Test global directives

---
 frontend/src/plugins/globalDirectives.js      |  2 --
 frontend/src/plugins/globalDirectives.test.js | 21 +++++++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/plugins/globalDirectives.test.js

diff --git a/frontend/src/plugins/globalDirectives.js b/frontend/src/plugins/globalDirectives.js
index 1ef005f5b..836643706 100755
--- a/frontend/src/plugins/globalDirectives.js
+++ b/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)
   },
 }
diff --git a/frontend/src/plugins/globalDirectives.test.js b/frontend/src/plugins/globalDirectives.test.js
new file mode 100644
index 000000000..385ccb651
--- /dev/null
+++ b/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)
+  })
+})