From cc4173d096c2768ca49e8de97753035df4e89bfa Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 4 Jan 2023 21:14:07 +0100
Subject: [PATCH] add unit tests for input textarea component

---
 .../components/Inputs/InputTextarea.spec.js   | 87 +++++++++++++++++++
 1 file changed, 87 insertions(+)
 create mode 100644 frontend/src/components/Inputs/InputTextarea.spec.js

diff --git a/frontend/src/components/Inputs/InputTextarea.spec.js b/frontend/src/components/Inputs/InputTextarea.spec.js
new file mode 100644
index 000000000..16c1a772c
--- /dev/null
+++ b/frontend/src/components/Inputs/InputTextarea.spec.js
@@ -0,0 +1,87 @@
+import { mount } from '@vue/test-utils'
+import InputTextarea from './InputTextarea'
+// import flushPromises from 'flush-promises'
+
+const localVue = global.localVue
+
+describe('InputTextarea', () => {
+  let wrapper
+
+  const mocks = {
+    $t: jest.fn((t) => t),
+    $i18n: {
+      locale: jest.fn(() => 'en'),
+    },
+    $n: jest.fn((n) => String(n)),
+    $route: {
+      params: {},
+    },
+  }
+
+  describe('mount', () => {
+    const propsData = {
+      rules: {},
+      name: 'input-field-name',
+      label: 'input-field-label',
+      placeholder: 'input-field-placeholder',
+      value: 'Long enough',
+    }
+
+    const Wrapper = () => {
+      return mount(InputTextarea, {
+        localVue,
+        mocks,
+        propsData,
+      })
+    }
+
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders the component InputTextarea', () => {
+      expect(wrapper.findComponent({ name: 'InputTextarea' }).exists()).toBe(true)
+    })
+
+    it('has an textarea field', () => {
+      expect(wrapper.find('textarea').exists()).toBeTruthy()
+    })
+
+    describe('properties', () => {
+      it('has the id "input-field-name-input-field"', () => {
+        expect(wrapper.find('textarea').attributes('id')).toEqual('input-field-name-input-field')
+      })
+
+      it('has the placeholder "input-field-placeholder"', () => {
+        expect(wrapper.find('textarea').attributes('placeholder')).toEqual('input-field-placeholder')
+      })
+
+      it('has the value ""', () => {
+        expect(wrapper.vm.currentValue).toEqual('')
+      })
+
+      it('has the label "input-field-label"', () => {
+        expect(wrapper.find('label').text()).toEqual('input-field-label')
+      })
+
+      it('has the label for "input-field-name-input-field"', () => {
+        expect(wrapper.find('label').attributes('for')).toEqual('input-field-name-input-field')
+      })
+    })
+
+    describe('input value changes', () => {
+      it('emits input with new value', async () => {
+        await wrapper.find('textarea').setValue('Long enough')
+        expect(wrapper.emitted('input')).toBeTruthy()
+        expect(wrapper.emitted('input')).toEqual([['Long enough']])
+      })
+    })
+
+    describe('value property changes', () => {
+      it('updates data model', async () => {
+        await wrapper.setProps({ value: 'new text message' })
+        expect(wrapper.vm.currentValue).toEqual('new text message')
+      })
+    })
+  })
+})