From aff8e78bf8cb3a514ef850e6f25ba2cc2a03d34d Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 3 Jan 2022 10:12:17 +0100
Subject: [PATCH 01/11] month names in user search of open creations in
 multiple creation

---
 admin/src/pages/Creation.vue | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/admin/src/pages/Creation.vue b/admin/src/pages/Creation.vue
index 4d6dca920..3e18b3078 100644
--- a/admin/src/pages/Creation.vue
+++ b/admin/src/pages/Creation.vue
@@ -62,7 +62,31 @@ export default {
         { key: 'bookmark', label: 'bookmark' },
         { key: 'firstName', label: this.$t('firstname') },
         { key: 'lastName', label: this.$t('lastname') },
-        { key: 'creation', label: this.$t('open_creations') },
+         {
+          key: 'creation',
+          label: this.$t('open_creation'),
+          formatter: (value, key, item) => {
+            return (
+              `
+            <div>` +
+              this.$moment().subtract(2, 'month').format('MMMM') +
+              ` - ` +
+              String(value[0]) +
+              ` GDD</div>
+            <div>` +
+              this.$moment().subtract(1, 'month').format('MMMM') +
+              ` - ` +
+              String(value[1]) +
+              ` GDD</div>
+            <div>` +
+              this.$moment().format('MMMM') +
+              ` - ` +
+              String(value[2]) +
+              ` GDD</div>
+            `
+            )
+          },
+        },
         { key: 'email', label: this.$t('e_mail') },
       ],
       fields: [

From 23875d6bc8e783ca8c8687ec5308e63594b1ebf3 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 3 Jan 2022 10:13:44 +0100
Subject: [PATCH 02/11] month names in table of selected users of the open
 creations in multiple creations

---
 admin/src/pages/Creation.vue | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/admin/src/pages/Creation.vue b/admin/src/pages/Creation.vue
index 3e18b3078..cdcc03c9d 100644
--- a/admin/src/pages/Creation.vue
+++ b/admin/src/pages/Creation.vue
@@ -93,7 +93,31 @@ export default {
         { key: 'email', label: this.$t('e_mail') },
         { key: 'firstName', label: this.$t('firstname') },
         { key: 'lastName', label: this.$t('lastname') },
-        { key: 'creation', label: this.$t('open_creations') },
+         {
+          key: 'creation',
+          label: this.$t('open_creation'),
+          formatter: (value, key, item) => {
+            return (
+              `
+            <div>` +
+              this.$moment().subtract(2, 'month').format('MMMM') +
+              ` - ` +
+              String(value[0]) +
+              ` GDD</div>
+            <div>` +
+              this.$moment().subtract(1, 'month').format('MMMM') +
+              ` - ` +
+              String(value[1]) +
+              ` GDD</div>
+            <div>` +
+              this.$moment().format('MMMM') +
+              ` - ` +
+              String(value[2]) +
+              ` GDD</div>
+            `
+            )
+          },
+        },
         { key: 'bookmark', label: this.$t('remove') },
       ],
       itemsList: [],

From a387d1649bf1f776d541ef966e624308719a5b17 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 3 Jan 2022 10:15:30 +0100
Subject: [PATCH 03/11] yarn lint --fix

---
 admin/src/pages/Creation.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/admin/src/pages/Creation.vue b/admin/src/pages/Creation.vue
index cdcc03c9d..7643ff771 100644
--- a/admin/src/pages/Creation.vue
+++ b/admin/src/pages/Creation.vue
@@ -62,7 +62,7 @@ export default {
         { key: 'bookmark', label: 'bookmark' },
         { key: 'firstName', label: this.$t('firstname') },
         { key: 'lastName', label: this.$t('lastname') },
-         {
+        {
           key: 'creation',
           label: this.$t('open_creation'),
           formatter: (value, key, item) => {
@@ -93,7 +93,7 @@ export default {
         { key: 'email', label: this.$t('e_mail') },
         { key: 'firstName', label: this.$t('firstname') },
         { key: 'lastName', label: this.$t('lastname') },
-         {
+        {
           key: 'creation',
           label: this.$t('open_creation'),
           formatter: (value, key, item) => {

From c4d6daa57ef8d5606a51622229466979cef07738 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 6 Jan 2022 10:35:14 +0100
Subject: [PATCH 04/11] shortname month in open creations seltected multi
 creations

---
 admin/src/pages/Creation.vue | 28 ++++++++--------------------
 1 file changed, 8 insertions(+), 20 deletions(-)

diff --git a/admin/src/pages/Creation.vue b/admin/src/pages/Creation.vue
index 7643ff771..6502da381 100644
--- a/admin/src/pages/Creation.vue
+++ b/admin/src/pages/Creation.vue
@@ -95,27 +95,15 @@ export default {
         { key: 'lastName', label: this.$t('lastname') },
         {
           key: 'creation',
-          label: this.$t('open_creation'),
+          // label: this.$t('open_creation') + 'Jan | Feb | März',
+          label:
+            this.$moment().subtract(2, 'month').format('MMM') +
+            ' | ' +
+            this.$moment().subtract(1, 'month').format('MMM') +
+            ' | ' +
+            this.$moment().format('MMM'),
           formatter: (value, key, item) => {
-            return (
-              `
-            <div>` +
-              this.$moment().subtract(2, 'month').format('MMMM') +
-              ` - ` +
-              String(value[0]) +
-              ` GDD</div>
-            <div>` +
-              this.$moment().subtract(1, 'month').format('MMMM') +
-              ` - ` +
-              String(value[1]) +
-              ` GDD</div>
-            <div>` +
-              this.$moment().format('MMMM') +
-              ` - ` +
-              String(value[2]) +
-              ` GDD</div>
-            `
-            )
+            return String(value[0]) + ` | ` + String(value[1]) + ` |  ` + String(value[2])
           },
         },
         { key: 'bookmark', label: this.$t('remove') },

From df17955fef6090cf635137916bdb7a21d8f128a0 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 6 Jan 2022 10:37:02 +0100
Subject: [PATCH 05/11] shortname month in open creations user search in multi
 creations

---
 admin/src/pages/Creation.vue | 32 ++++++++++----------------------
 1 file changed, 10 insertions(+), 22 deletions(-)

diff --git a/admin/src/pages/Creation.vue b/admin/src/pages/Creation.vue
index 6502da381..4fabc064a 100644
--- a/admin/src/pages/Creation.vue
+++ b/admin/src/pages/Creation.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="creation">
     <b-row>
-      <b-col cols="12" lg="5">
+      <b-col cols="12" lg="6">
         <label>Usersuche</label>
         <b-input
           type="text"
@@ -19,7 +19,7 @@
           @update-item="updateItem"
         />
       </b-col>
-      <b-col cols="12" lg="7" class="shadow p-3 mb-5 rounded bg-info">
+      <b-col cols="12" lg="6" class="shadow p-3 mb-5 rounded bg-info">
         <user-table
           v-show="itemsMassCreation.length > 0"
           class="shadow p-3 mb-5 bg-white rounded"
@@ -64,27 +64,15 @@ export default {
         { key: 'lastName', label: this.$t('lastname') },
         {
           key: 'creation',
-          label: this.$t('open_creation'),
+          // label: this.$t('open_creation') + 'Jan | Feb | März',
+          label:
+            this.$moment().subtract(2, 'month').format('MMM') +
+            ' | ' +
+            this.$moment().subtract(1, 'month').format('MMM') +
+            ' | ' +
+            this.$moment().format('MMM'),
           formatter: (value, key, item) => {
-            return (
-              `
-            <div>` +
-              this.$moment().subtract(2, 'month').format('MMMM') +
-              ` - ` +
-              String(value[0]) +
-              ` GDD</div>
-            <div>` +
-              this.$moment().subtract(1, 'month').format('MMMM') +
-              ` - ` +
-              String(value[1]) +
-              ` GDD</div>
-            <div>` +
-              this.$moment().format('MMMM') +
-              ` - ` +
-              String(value[2]) +
-              ` GDD</div>
-            `
-            )
+            return String(value[0]) + ` | ` + String(value[1]) + ` |  ` + String(value[2])
           },
         },
         { key: 'email', label: this.$t('e_mail') },

From 126db8aa99196f1ebdffe4d376216609a2fbac76 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 6 Jan 2022 10:38:37 +0100
Subject: [PATCH 06/11] shortname month in open creations in user search table

---
 admin/src/pages/UserSearch.vue | 30 +++++++++---------------------
 1 file changed, 9 insertions(+), 21 deletions(-)

diff --git a/admin/src/pages/UserSearch.vue b/admin/src/pages/UserSearch.vue
index 2c8b289e0..06d1629c1 100644
--- a/admin/src/pages/UserSearch.vue
+++ b/admin/src/pages/UserSearch.vue
@@ -40,29 +40,17 @@ export default {
         { key: 'email', label: this.$t('e_mail') },
         { key: 'firstName', label: this.$t('firstname') },
         { key: 'lastName', label: this.$t('lastname') },
-        {
+       {
           key: 'creation',
-          label: this.$t('open_creation'),
+          // label: this.$t('open_creation') + 'Jan | Feb | März',
+          label:
+            this.$moment().subtract(2, 'month').format('MMM') +
+            ' | ' +
+            this.$moment().subtract(1, 'month').format('MMM') +
+            ' | ' +
+            this.$moment().format('MMM'),
           formatter: (value, key, item) => {
-            return (
-              `
-            <div>` +
-              this.$moment().subtract(2, 'month').format('MMMM') +
-              ` - ` +
-              String(value[0]) +
-              ` GDD</div>
-            <div>` +
-              this.$moment().subtract(1, 'month').format('MMMM') +
-              ` - ` +
-              String(value[1]) +
-              ` GDD</div>
-            <div>` +
-              this.$moment().format('MMMM') +
-              ` - ` +
-              String(value[2]) +
-              ` GDD</div>
-            `
-            )
+            return String(value[0]) + ` | ` + String(value[1]) + ` |  ` + String(value[2])
           },
         },
         { key: 'show_details', label: this.$t('details') },

From eef82dd16ba1c720e3f6242e099a51e8f044ba87 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 6 Jan 2022 10:39:12 +0100
Subject: [PATCH 07/11] yarn lint --fix

---
 admin/src/pages/UserSearch.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin/src/pages/UserSearch.vue b/admin/src/pages/UserSearch.vue
index 06d1629c1..012dd0a44 100644
--- a/admin/src/pages/UserSearch.vue
+++ b/admin/src/pages/UserSearch.vue
@@ -40,7 +40,7 @@ export default {
         { key: 'email', label: this.$t('e_mail') },
         { key: 'firstName', label: this.$t('firstname') },
         { key: 'lastName', label: this.$t('lastname') },
-       {
+        {
           key: 'creation',
           // label: this.$t('open_creation') + 'Jan | Feb | März',
           label:

From c7dbff94865a60d22b9e2966780cb1a2210030bf Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 6 Jan 2022 11:11:44 +0100
Subject: [PATCH 08/11] add moment jest.fn()

---
 admin/src/pages/Creation.spec.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/admin/src/pages/Creation.spec.js b/admin/src/pages/Creation.spec.js
index 073b22c0e..cad0b9ba3 100644
--- a/admin/src/pages/Creation.spec.js
+++ b/admin/src/pages/Creation.spec.js
@@ -35,6 +35,16 @@ const mocks = {
   $toasted: {
     error: toastErrorMock,
   },
+  $moment: jest.fn(() => {
+    return {
+      format: jest.fn((m) => m),
+      subtract: jest.fn(() => {
+        return {
+          format: jest.fn((m) => m),
+        }
+      }),
+    }
+  }),
 }
 
 describe('Creation', () => {

From 4541916472576d07e1e48a1768272ac383a02cc1 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Thu, 6 Jan 2022 12:06:12 +0100
Subject: [PATCH 09/11] Prepare the different types of UserTable usage in the
 test.

---
 admin/src/components/UserTable.spec.js | 213 +++++++++++++++++++++++--
 1 file changed, 203 insertions(+), 10 deletions(-)

diff --git a/admin/src/components/UserTable.spec.js b/admin/src/components/UserTable.spec.js
index e25f53015..91c98077f 100644
--- a/admin/src/components/UserTable.spec.js
+++ b/admin/src/components/UserTable.spec.js
@@ -6,28 +6,221 @@ const localVue = global.localVue
 describe('UserTable', () => {
   let wrapper
 
-  const propsData = {
-    type: 'Type',
-    itemsUser: [],
-    fieldsTable: [],
-    creation: [],
+  const propsDataPageUserSearch = {
+    type: 'PageUserSearch',
+    itemsUser: [
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        creation: [1000, 1000, 1000],
+      },
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        creation: [1000, 1000, 1000],
+      },
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        creation: [1000, 1000, 1000],
+      },
+    ],
+    fieldsTable: ['email', 'firstName', 'lastName', 'creation'],
+  }
+
+  const propsDataUserListSearch = {
+    type: 'UserListSearch',
+    itemsUser: [
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        creation: [1000, 1000, 1000],
+      },
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        creation: [1000, 1000, 1000],
+      },
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        creation: [1000, 1000, 1000],
+      },
+    ],
+    fieldsTable: ['email', 'firstName', 'lastName', 'creation'],
+    creation: [1000, 1000, 1000],
+  }
+
+  const propsDataUserListMassCreation = {
+    type: 'UserListMassCreation',
+    itemsUser: [
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        creation: [1000, 1000, 1000],
+      },
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        creation: [1000, 1000, 1000],
+      },
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        creation: [1000, 1000, 1000],
+      },
+    ],
+    fieldsTable: ['email', 'firstName', 'lastName', 'creation'],
+    creation: [1000, 1000, 1000],
+  }
+
+  const propsDataPageCreationConfirm = {
+    type: 'PageCreationConfirm',
+    itemsUser: [
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        amount: 10,
+        memo: 'Test 1',
+        date: '11-09-2001',
+        moderator: 1,
+      },
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        amount: 10,
+        memo: 'Test 2',
+        date: '21-09-2001',
+        moderator: 1,
+      },
+      {
+        email: 'bibi@bloxberg.de',
+        firstName: 'Bibi',
+        lastName: 'Bloxberg',
+        amount: 10,
+        memo: 'Test 3',
+        date: '30-09-2001',
+        moderator: 1,
+      },
+    ],
+    fieldsTable: ['email', 'firstName', 'lastName', 'amount', 'memo', 'date', 'moderator'],
   }
 
   const mocks = {
     $t: jest.fn((t) => t),
   }
 
-  const Wrapper = () => {
+  const Wrapper = (propsData) => {
     return mount(UserTable, { localVue, propsData, mocks })
   }
 
   describe('mount', () => {
-    beforeEach(() => {
-      wrapper = Wrapper()
+    describe('type PageUserSearch', () => {
+      beforeEach(() => {
+        wrapper = Wrapper(propsDataPageUserSearch)
+      })
+
+      it('has a DIV element with the class.component-user-table', () => {
+        expect(wrapper.find('.component-user-table').exists()).toBeTruthy()
+      })
+
+      it('expect(wrapper.html()).', () => {
+        // eslint-disable-next-line no-console
+        console.log(wrapper.html())
+      })
     })
 
-    it('has a DIV element with the class.component-user-table', () => {
-      expect(wrapper.find('.component-user-table').exists()).toBeTruthy()
+    describe('type UserListSearch', () => {
+      beforeEach(() => {
+        wrapper = Wrapper(propsDataUserListSearch)
+      })
+
+      it('has a DIV element with the class.component-user-table', () => {
+        expect(wrapper.find('.component-user-table').exists()).toBeTruthy()
+      })
+
+      it('expect(wrapper.html()).', () => {
+        // eslint-disable-next-line no-console
+        console.log(wrapper.html())
+      })
     })
+
+    describe('type UserListMassCreation', () => {
+      beforeEach(() => {
+        wrapper = Wrapper(propsDataUserListMassCreation)
+      })
+
+      it('has a DIV element with the class.component-user-table', () => {
+        expect(wrapper.find('.component-user-table').exists()).toBeTruthy()
+      })
+
+      it('expect(wrapper.html()).', () => {
+        // eslint-disable-next-line no-console
+        console.log(wrapper.html())
+      })
+    })
+
+    describe('type PageCreationConfirm', () => {
+      beforeEach(() => {
+        wrapper = Wrapper(propsDataPageCreationConfirm)
+      })
+
+      it('has a DIV element with the class.component-user-table', () => {
+        expect(wrapper.find('.component-user-table').exists()).toBeTruthy()
+      })
+
+      it('expect(wrapper.html()).', () => {
+        // eslint-disable-next-line no-console
+        console.log(wrapper.html())
+      })
+    })
+    /** 
+    <user-table
+      v-if="itemsList.length > 0"
+      type="UserListSearch"
+      :itemsUser="itemsList"
+      :fieldsTable="Searchfields"
+      :criteria="criteria"
+      :creation="creation"
+      @update-item="updateItem"
+    /> 
+    
+    <user-table
+      v-show="itemsMassCreation.length > 0"
+      class="shadow p-3 mb-5 bg-white rounded"
+      type="UserListMassCreation"
+      :itemsUser="itemsMassCreation"
+      :fieldsTable="fields"
+      :criteria="null"
+      :creation="creation"
+      @update-item="updateItem"
+    />
+    
+    <user-table
+      class="mt-4"
+      type="PageCreationConfirm"
+      :itemsUser="confirmResult"
+      :fieldsTable="fields"
+      @remove-confirm-result="removeConfirmResult"
+    />
+
+    <user-table
+      type="PageUserSearch"
+      :itemsUser="searchResult"
+      :fieldsTable="fields"
+      :criteria="criteria"
+    />
+    */
   })
 })

From f7e9d7bf74303e8e31102f7ccacbea73f0789f1e Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Thu, 6 Jan 2022 12:10:24 +0100
Subject: [PATCH 10/11] Grouped same definition in a constant.

---
 admin/src/components/UserTable.spec.js | 144 ++++++++++---------------
 1 file changed, 55 insertions(+), 89 deletions(-)

diff --git a/admin/src/components/UserTable.spec.js b/admin/src/components/UserTable.spec.js
index 91c98077f..7d330ae42 100644
--- a/admin/src/components/UserTable.spec.js
+++ b/admin/src/components/UserTable.spec.js
@@ -6,114 +6,80 @@ const localVue = global.localVue
 describe('UserTable', () => {
   let wrapper
 
+  const defaultItemsUser = [
+    {
+      email: 'bibi@bloxberg.de',
+      firstName: 'Bibi',
+      lastName: 'Bloxberg',
+      creation: [1000, 1000, 1000],
+    },
+    {
+      email: 'bibi@bloxberg.de',
+      firstName: 'Bibi',
+      lastName: 'Bloxberg',
+      creation: [1000, 1000, 1000],
+    },
+    {
+      email: 'bibi@bloxberg.de',
+      firstName: 'Bibi',
+      lastName: 'Bloxberg',
+      creation: [1000, 1000, 1000],
+    },
+  ]
+
+  const confirmationItemsUser = [
+    {
+      email: 'bibi@bloxberg.de',
+      firstName: 'Bibi',
+      lastName: 'Bloxberg',
+      amount: 10,
+      memo: 'Test 1',
+      date: '11-09-2001',
+      moderator: 1,
+    },
+    {
+      email: 'bibi@bloxberg.de',
+      firstName: 'Bibi',
+      lastName: 'Bloxberg',
+      amount: 10,
+      memo: 'Test 2',
+      date: '21-09-2001',
+      moderator: 1,
+    },
+    {
+      email: 'bibi@bloxberg.de',
+      firstName: 'Bibi',
+      lastName: 'Bloxberg',
+      amount: 10,
+      memo: 'Test 3',
+      date: '30-09-2001',
+      moderator: 1,
+    },
+  ]
+
   const propsDataPageUserSearch = {
     type: 'PageUserSearch',
-    itemsUser: [
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        creation: [1000, 1000, 1000],
-      },
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        creation: [1000, 1000, 1000],
-      },
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        creation: [1000, 1000, 1000],
-      },
-    ],
+    itemsUser: defaultItemsUser,
     fieldsTable: ['email', 'firstName', 'lastName', 'creation'],
   }
 
   const propsDataUserListSearch = {
     type: 'UserListSearch',
-    itemsUser: [
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        creation: [1000, 1000, 1000],
-      },
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        creation: [1000, 1000, 1000],
-      },
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        creation: [1000, 1000, 1000],
-      },
-    ],
+    itemsUser: defaultItemsUser,
     fieldsTable: ['email', 'firstName', 'lastName', 'creation'],
     creation: [1000, 1000, 1000],
   }
 
   const propsDataUserListMassCreation = {
     type: 'UserListMassCreation',
-    itemsUser: [
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        creation: [1000, 1000, 1000],
-      },
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        creation: [1000, 1000, 1000],
-      },
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        creation: [1000, 1000, 1000],
-      },
-    ],
+    itemsUser: defaultItemsUser,
     fieldsTable: ['email', 'firstName', 'lastName', 'creation'],
     creation: [1000, 1000, 1000],
   }
 
   const propsDataPageCreationConfirm = {
     type: 'PageCreationConfirm',
-    itemsUser: [
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        amount: 10,
-        memo: 'Test 1',
-        date: '11-09-2001',
-        moderator: 1,
-      },
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        amount: 10,
-        memo: 'Test 2',
-        date: '21-09-2001',
-        moderator: 1,
-      },
-      {
-        email: 'bibi@bloxberg.de',
-        firstName: 'Bibi',
-        lastName: 'Bloxberg',
-        amount: 10,
-        memo: 'Test 3',
-        date: '30-09-2001',
-        moderator: 1,
-      },
-    ],
+    itemsUser: confirmationItemsUser,
     fieldsTable: ['email', 'firstName', 'lastName', 'amount', 'memo', 'date', 'moderator'],
   }
 

From b37481af743e162017ca1fc338de2a71803e00d4 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Fri, 7 Jan 2022 10:13:04 +0100
Subject: [PATCH 11/11] Test the UserTable component.

---
 admin/src/components/UserTable.spec.js | 126 +++++++++++++++++++++----
 1 file changed, 107 insertions(+), 19 deletions(-)

diff --git a/admin/src/components/UserTable.spec.js b/admin/src/components/UserTable.spec.js
index 7d330ae42..80bdf6047 100644
--- a/admin/src/components/UserTable.spec.js
+++ b/admin/src/components/UserTable.spec.js
@@ -60,31 +60,60 @@ describe('UserTable', () => {
   const propsDataPageUserSearch = {
     type: 'PageUserSearch',
     itemsUser: defaultItemsUser,
-    fieldsTable: ['email', 'firstName', 'lastName', 'creation'],
+    fieldsTable: [
+      'email',
+      'firstName',
+      'lastName',
+      'creation',
+      'show_details',
+      'confirm_mail',
+      'transactions_list',
+    ],
   }
 
   const propsDataUserListSearch = {
     type: 'UserListSearch',
     itemsUser: defaultItemsUser,
-    fieldsTable: ['email', 'firstName', 'lastName', 'creation'],
+    fieldsTable: ['bookmark', 'email', 'firstName', 'lastName', 'creation'],
     creation: [1000, 1000, 1000],
   }
 
   const propsDataUserListMassCreation = {
     type: 'UserListMassCreation',
     itemsUser: defaultItemsUser,
-    fieldsTable: ['email', 'firstName', 'lastName', 'creation'],
+    fieldsTable: ['email', 'firstName', 'lastName', 'creation', 'bookmark'],
     creation: [1000, 1000, 1000],
   }
 
   const propsDataPageCreationConfirm = {
     type: 'PageCreationConfirm',
     itemsUser: confirmationItemsUser,
-    fieldsTable: ['email', 'firstName', 'lastName', 'amount', 'memo', 'date', 'moderator'],
+    fieldsTable: [
+      'bookmark',
+      'email',
+      'firstName',
+      'lastName',
+      'amount',
+      'memo',
+      'date',
+      'moderator',
+      'edit_creation',
+      'confirm',
+    ],
   }
 
   const mocks = {
     $t: jest.fn((t) => t),
+    $moment: jest.fn(() => {
+      return {
+        format: jest.fn((m) => m),
+        subtract: jest.fn(() => {
+          return {
+            format: jest.fn((m) => m),
+          }
+        }),
+      }
+    }),
   }
 
   const Wrapper = (propsData) => {
@@ -101,10 +130,69 @@ describe('UserTable', () => {
         expect(wrapper.find('.component-user-table').exists()).toBeTruthy()
       })
 
-      it('expect(wrapper.html()).', () => {
-        // eslint-disable-next-line no-console
-        console.log(wrapper.html())
+      it('has a DIV element with the id overlay that is not displayed', () => {
+        expect(wrapper.find('#overlay').exists()).toBeTruthy()
+        expect(wrapper.find('#overlay').attributes('style')).toBe('display: none;')
       })
+
+      describe('table', () => {
+        it('has a table', () => {
+          expect(wrapper.find('table').exists()).toBeTruthy()
+        })
+
+        describe('header definition', () => {
+          it('has 4 column', () => {
+            expect(wrapper.findAll('th').length).toBe(7)
+          })
+
+          it('has Email as first column', () => {
+            expect(wrapper.find('th[aria-colindex="1"] div').text()).toBe('Email')
+          })
+
+          it('has First Name as second column', () => {
+            expect(wrapper.find('th[aria-colindex="2"] div').text()).toBe('First Name')
+          })
+
+          it('has Last Name as third column', () => {
+            expect(wrapper.find('th[aria-colindex="3"] div').text()).toBe('Last Name')
+          })
+
+          it('has Creation as fourth column', () => {
+            expect(wrapper.find('th[aria-colindex="4"] div').text()).toBe('Creation')
+          })
+
+          it('has Creation as fifth column', () => {
+            expect(wrapper.find('th[aria-colindex="5"] div').text()).toBe('Show Details')
+          })
+
+          it('has Creation as sixth column', () => {
+            expect(wrapper.find('th[aria-colindex="6"] div').text()).toBe('Confirm Mail')
+          })
+
+          it('has Creation as seventh column', () => {
+            expect(wrapper.find('th[aria-colindex="7"] div').text()).toBe('Transactions List')
+          })
+        })
+
+        describe('content', () => {
+          it('has 3 rows', () => {
+            expect(wrapper.findAll('tbody tr').length).toBe(3)
+          })
+
+          it('has 7 columns', () => {
+            expect(wrapper.findAll('tr:nth-child(1) > td').length).toBe(7)
+          })
+
+          it('click button on fifth column', () => {
+            wrapper.find('tbody tr td[aria-colindex="5"] button').trigger('click')
+          })
+        })
+      })
+
+      // it('expect(wrapper.html()).', () => {
+      //   // eslint-disable-next-line no-console
+      //   console.log(wrapper.html())
+      // })
     })
 
     describe('type UserListSearch', () => {
@@ -116,10 +204,10 @@ describe('UserTable', () => {
         expect(wrapper.find('.component-user-table').exists()).toBeTruthy()
       })
 
-      it('expect(wrapper.html()).', () => {
-        // eslint-disable-next-line no-console
-        console.log(wrapper.html())
-      })
+      // it('expect(wrapper.html()).', () => {
+      //   // eslint-disable-next-line no-console
+      //   console.log(wrapper.html())
+      // })
     })
 
     describe('type UserListMassCreation', () => {
@@ -131,10 +219,10 @@ describe('UserTable', () => {
         expect(wrapper.find('.component-user-table').exists()).toBeTruthy()
       })
 
-      it('expect(wrapper.html()).', () => {
-        // eslint-disable-next-line no-console
-        console.log(wrapper.html())
-      })
+      // it('expect(wrapper.html()).', () => {
+      //   // eslint-disable-next-line no-console
+      //   console.log(wrapper.html())
+      // })
     })
 
     describe('type PageCreationConfirm', () => {
@@ -146,10 +234,10 @@ describe('UserTable', () => {
         expect(wrapper.find('.component-user-table').exists()).toBeTruthy()
       })
 
-      it('expect(wrapper.html()).', () => {
-        // eslint-disable-next-line no-console
-        console.log(wrapper.html())
-      })
+      // it('expect(wrapper.html()).', () => {
+      //   // eslint-disable-next-line no-console
+      //   console.log(wrapper.html())
+      // })
     })
     /** 
     <user-table