From 2f5001fa6fecf12e13ebbf94aa6fc927fcdf2e28 Mon Sep 17 00:00:00 2001
From: Dominik Schmidt <dev@dominik-schmidt.de>
Date: Tue, 20 Dec 2022 18:40:21 +0100
Subject: [PATCH] Fix tests ...

---
 .../src/components/OcPageSize/OcPageSize.spec.ts          | 3 +--
 .../src/components/OcPageSize/OcPageSize.vue              | 2 +-
 .../src/components/FilesList/KeyboardActions.vue          | 2 +-
 .../unit/components/FilesList/KeyboardActions.spec.ts     | 8 ++++----
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/design-system/src/components/OcPageSize/OcPageSize.spec.ts b/packages/design-system/src/components/OcPageSize/OcPageSize.spec.ts
index c9d9df9daf5..09e1f7a63dc 100644
--- a/packages/design-system/src/components/OcPageSize/OcPageSize.spec.ts
+++ b/packages/design-system/src/components/OcPageSize/OcPageSize.spec.ts
@@ -12,10 +12,9 @@ describe('OcPageSize', () => {
   it('emits change event when value is selected', () => {
     const wrapper = shallowMount(PageSize, { props: defaultProps })
     ;(wrapper.findComponent<any>('[data-testid="oc-page-size-select"]').vm as any).$emit(
-      'input',
+      'update:modelValue',
       500
     )
-
     expect(wrapper.emitted().change[0][0]).toEqual(500)
   })
 
diff --git a/packages/design-system/src/components/OcPageSize/OcPageSize.vue b/packages/design-system/src/components/OcPageSize/OcPageSize.vue
index 7e220d5c59a..4fdb1de98d4 100644
--- a/packages/design-system/src/components/OcPageSize/OcPageSize.vue
+++ b/packages/design-system/src/components/OcPageSize/OcPageSize.vue
@@ -32,7 +32,6 @@ export default {
   release: '8.0.0',
 
   components: { OcSelect },
-
   props: {
     /**
      * All possible sizes that the user can pick from
@@ -69,6 +68,7 @@ export default {
       default: () => uniqueId('oc-page-size-')
     }
   },
+  emits: ['change'],
 
   methods: {
     emitChange(value) {
diff --git a/packages/web-app-files/src/components/FilesList/KeyboardActions.vue b/packages/web-app-files/src/components/FilesList/KeyboardActions.vue
index 9ed19259093..d25ebdb2c70 100644
--- a/packages/web-app-files/src/components/FilesList/KeyboardActions.vue
+++ b/packages/web-app-files/src/components/FilesList/KeyboardActions.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import keycode from 'keycode'
+import * as keycode from 'keycode'
 import { eventBus } from 'web-pkg/src/services/eventBus'
 import { mapActions, mapState, mapMutations, mapGetters } from 'vuex'
 import { defineComponent, PropType } from 'vue'
diff --git a/packages/web-app-files/tests/unit/components/FilesList/KeyboardActions.spec.ts b/packages/web-app-files/tests/unit/components/FilesList/KeyboardActions.spec.ts
index ed51d47a751..b44dda39e58 100644
--- a/packages/web-app-files/tests/unit/components/FilesList/KeyboardActions.spec.ts
+++ b/packages/web-app-files/tests/unit/components/FilesList/KeyboardActions.spec.ts
@@ -1,5 +1,5 @@
 import KeyboardActions from '../../../../src/components/FilesList/KeyboardActions.vue'
-import { mockDeep } from 'jest-mock-extended'
+import { mock } from 'jest-mock-extended'
 import { Resource, SpaceResource } from 'web-client/src/helpers'
 import { eventBus } from 'web-pkg'
 import keycode from 'keycode'
@@ -146,7 +146,7 @@ describe('KeyboardActions', () => {
 
     it('adds the clicked file to the current selection', () => {
       const { wrapper, storeOptions } = getWrapper()
-      wrapper.vm.handleShiftClickAction(mockDeep<Resource>({ id: resourceId }))
+      wrapper.vm.handleShiftClickAction(mock<Resource>({ id: resourceId }))
       expect(storeOptions.modules.Files.mutations.ADD_FILE_SELECTION).toHaveBeenCalled()
       expect(storeOptions.modules.Files.mutations.SET_LATEST_SELECTED_FILE_ID).toHaveBeenCalled()
     })
@@ -154,7 +154,7 @@ describe('KeyboardActions', () => {
   describe('ctrl + click action', () => {
     it('toggles the file selection', () => {
       const { wrapper, storeOptions } = getWrapper()
-      wrapper.vm.handleCtrlClickAction(mockDeep<Resource>())
+      wrapper.vm.handleCtrlClickAction(mock<Resource>())
       expect(storeOptions.modules.Files.actions.toggleFileSelection).toHaveBeenCalled()
     })
   })
@@ -177,7 +177,7 @@ const getWrapper = ({ props = {}, latestSelectedId = undefined } = {}) => {
   return {
     storeOptions,
     wrapper: mount(KeyboardActions, {
-      props: { paginatedResources: [], space: mockDeep<SpaceResource>(), ...props },
+      props: { paginatedResources: [], space: mock<SpaceResource>(), ...props },
       global: {
         plugins: [...defaultPlugins(), store]
       }