frontend: mock ClipboardEvent and DragEvent class constructors for te…

…sts with TipTap

This is necessary because of ueberdosis/tiptap#4354.

frontend/src/components/form/api/__tests__/ApiTextarea.spec.js

@@ -9,10 +9,14 @@ import { ApiMock } from '@/components/form/api/__tests__/ApiMock'
 import { i18n } from '@/plugins'
 import { mount as mountComponent } from '@vue/test-utils'
 import { waitForDebounce } from '@/test/util'
+import { mockEventClass } from '@/../tests/mockEventClass'
 
 Vue.use(Vuetify)
 Vue.use(formBaseComponents)
 
+mockEventClass('ClipboardEvent')
+mockEventClass('DragEvent')
+
 describe('An ApiTextarea', () => {
   let vuetify
   let wrapper

frontend/src/components/form/base/__tests__/ETextArea.spec.js

@@ -5,10 +5,14 @@ import formBaseComponents from '@/plugins/formBaseComponents'
 
 import { mount as mountComponent } from '@vue/test-utils'
 import ETextarea from '../ETextarea.vue'
+import { mockEventClass } from '@/../tests/mockEventClass'
 
 Vue.use(Vuetify)
 Vue.use(formBaseComponents)
 
+mockEventClass('ClipboardEvent')
+mockEventClass('DragEvent')
+
 describe('An ETextArea', () => {
   let vuetify
 

frontend/tests/mockEventClass.js

@@ -0,0 +1,26 @@
+/**
+ * @param { "ClipboardEvent" | "DragEvent" } eventName
+ */
+export function mockEventClass(eventName) {
+  const eventBackup = window[eventName]
+  const eventClass = class extends Event {
+    constructor(type, eventInitDict) {
+      // noinspection JSCheckFunctionSignatures
+      super(type, eventInitDict)
+    }
+  }
+
+  beforeEach(() => {
+    if (!eventBackup) {
+      window[eventName] = eventClass
+    } else {
+      console.error(
+        `you don't need to mock ${eventName} anymore, the test runner supports it now natively`
+      )
+    }
+  })
+
+  afterEach(() => {
+    window[eventName] = eventBackup
+  })
+}