test creation confirm

admin/src/views/CreationConfirm.spec.js

@@ -0,0 +1,53 @@
+import { mount } from '@vue/test-utils'
+import CreationConfirm from './CreationConfirm.vue'
+
+const localVue = global.localVue
+
+const storeCommitMock = jest.fn()
+
+const mocks = {
+  $store: {
+    commit: storeCommitMock,
+  },
+}
+
+describe('CreationConfirm', () => {
+  let wrapper
+
+  const Wrapper = () => {
+    return mount(CreationConfirm, { localVue, mocks })
+  }
+
+  describe('mount', () => {
+    beforeEach(() => {
+      jest.clearAllMocks()
+      wrapper = Wrapper()
+    })
+
+    it('has a DIV element with the class.creation-confirm', () => {
+      expect(wrapper.find('div.creation-confirm').exists()).toBeTruthy()
+    })
+
+    describe('store', () => {
+      it('commits resetOpenCreations to store', () => {
+        expect(storeCommitMock).toBeCalledWith('resetOpenCreations')
+      })
+
+      it('commits openCreationsPlus to store', () => {
+        expect(storeCommitMock).toBeCalledWith('openCreationsPlus', 5)
+      })
+    })
+
+    describe('confirm creation', () => {
+      beforeEach(async () => {
+        await wrapper
+          .findComponent({ name: 'UserTable' })
+          .vm.$emit('remove-confirm-result', 1, 'remove')
+      })
+
+      it('commits openCreationsMinus to store', () => {
+        expect(storeCommitMock).toBeCalledWith('openCreationsMinus', 1)
+      })
+    })
+  })
+})

admin/src/views/CreationConfirm.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="creation-confirm">
     <small class="bg-danger text-light p-1">
       Die anzahl der offene Schöpfungen stimmen nicht! Diese wird bei absenden im $store
       hochgezählt. Die Liste die hier angezeigt wird ist SIMULIERT!
@@ -17,7 +17,7 @@
 import UserTable from '../components/UserTable.vue'
 
 export default {
-  name: 'creation_confirm',
+  name: 'CreationConfirm',
   components: {
     UserTable,
   },