From 2d6eb10e297028cc8dde06c193c3acb21b08c668 Mon Sep 17 00:00:00 2001
From: "sagargurung1001@gmail.com" <sagargurung1001@gmail.com>
Date: Wed, 26 Jun 2024 15:41:37 +0545
Subject: [PATCH] Fix build issues and run unit tests

Signed-off-by: sagargurung1001@gmail.com <sagargurung1001@gmail.com>
---
 src/components/AdminSettings.vue              | 41 +++++++++----------
 src/components/OAuthConnectButton.vue         |  3 +-
 src/components/PersonalSettings.vue           |  2 +-
 src/components/admin/TextInput.vue            |  1 -
 src/components/tab/SearchInput.vue            |  1 -
 src/components/tab/WorkPackage.vue            |  2 +-
 src/utils.js                                  |  4 +-
 src/utils/workpackageHelper.js                |  2 +-
 src/views/CreateWorkPackageModal.vue          |  2 +-
 src/views/Dashboard.vue                       |  6 +--
 src/views/LinkMultipleFilesModal.vue          |  4 +-
 src/views/ProjectsTab.vue                     |  7 ++--
 tests/jest/components/AdminSettings.spec.js   | 34 +++++++--------
 .../components/OAuthConnectButton.spec.js     | 29 ++++---------
 .../jest/components/PersonalSettings.spec.js  |  4 +-
 tests/jest/components/tab/SearchInput.spec.js | 22 +++++-----
 tests/jest/views/Dashboard.spec.js            |  8 ++--
 .../jest/views/LinkMultipleFilesModal.spec.js |  2 +-
 tests/jest/views/ProjectsTab.spec.js          | 24 +++++------
 19 files changed, 91 insertions(+), 107 deletions(-)

diff --git a/src/components/AdminSettings.vue b/src/components/AdminSettings.vue
index a2ded4e26..636f6330a 100644
--- a/src/components/AdminSettings.vue
+++ b/src/components/AdminSettings.vue
@@ -356,7 +356,6 @@ import axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
 import { generateUrl } from '@nextcloud/router'
 import { showSuccess, showError } from '@nextcloud/dialogs'
-import '@nextcloud/dialogs/styles/toast.scss'
 import CheckBoldIcon from 'vue-material-design-icons/CheckBold.vue'
 import PencilIcon from 'vue-material-design-icons/Pencil.vue'
 import { NcLoadingIcon, NcCheckboxRadioSwitch, NcButton } from '@nextcloud/vue'
@@ -764,7 +763,7 @@ export default {
 						await this.clearOPOAuthClientValues()
 					}
 				},
-				true
+				true,
 			)
 		},
 		async clearOPOAuthClientValues() {
@@ -794,7 +793,7 @@ export default {
 						await this.resetAllAppValues()
 					}
 				},
-				true
+				true,
 			)
 		},
 		async resetAllAppValues() {
@@ -820,7 +819,7 @@ export default {
 			this.openProjectNotReachableErrorMessageDetails = null
 			this.openProjectNotReachableErrorMessage = t(
 				'integration_openproject',
-				'Please introduce a valid OpenProject hostname'
+				'Please introduce a valid OpenProject hostname',
 			)
 			if (response.data.result === true) {
 				this.isOpenProjectInstanceValid = true
@@ -834,30 +833,30 @@ export default {
 					)
 					this.openProjectNotReachableErrorMessageDetails = t(
 						'integration_openproject',
-						'The URL should have the form "https://openproject.org"'
+						'The URL should have the form "https://openproject.org"',
 					)
 					break
 				case 'not_valid_body':
 					this.openProjectNotReachableErrorMessage = t(
 						'integration_openproject',
-						'There is no valid OpenProject instance listening at that URL, please check the Nextcloud logs'
+						'There is no valid OpenProject instance listening at that URL, please check the Nextcloud logs',
 					)
 					break
 				case 'client_exception': {
 					this.openProjectNotReachableErrorMessage = t(
 						'integration_openproject',
-						'There is no valid OpenProject instance listening at that URL, please check the Nextcloud logs'
+						'There is no valid OpenProject instance listening at that URL, please check the Nextcloud logs',
 					)
 					this.openProjectNotReachableErrorMessageDetails = t(
 						'integration_openproject',
-						'Response:'
+						'Response:',
 					) + ' "' + response.data.details + '"'
 					break
 				}
 				case 'server_exception': {
 					this.openProjectNotReachableErrorMessage = t(
 						'integration_openproject',
-						'Server replied with an error message, please check the Nextcloud logs'
+						'Server replied with an error message, please check the Nextcloud logs',
 					)
 					this.openProjectNotReachableErrorMessageDetails = response.data.details
 					break
@@ -868,14 +867,14 @@ export default {
 
 					this.openProjectNotReachableErrorMessage = t(
 						'integration_openproject',
-						'Accessing OpenProject servers with local addresses is not allowed.'
+						'Accessing OpenProject servers with local addresses is not allowed.',
 					)
 					this.openProjectNotReachableErrorMessageDetails = t(
 						'integration_openproject',
 						'To be able to use an OpenProject server with a local address, enable the `allow_local_remote_servers` setting. {htmlLink}.',
 						{ htmlLink },
 						null,
-						{ escape: false, sanitize: false }
+						{ escape: false, sanitize: false },
 					)
 					break
 				}
@@ -885,7 +884,7 @@ export default {
 					this.openProjectNotReachableErrorMessage = t(
 						'integration_openproject',
 						'The given URL redirects to \'{location}\'. Please do not use a URL that leads to a redirect.',
-						{ location }
+						{ location },
 					)
 					break
 				}
@@ -895,7 +894,7 @@ export default {
 				default: {
 					this.openProjectNotReachableErrorMessage = t(
 						'integration_openproject',
-						'Could not connect to the given URL, please check the Nextcloud logs'
+						'Could not connect to the given URL, please check the Nextcloud logs',
 					)
 					this.openProjectNotReachableErrorMessageDetails = response.data.details
 					break
@@ -965,7 +964,7 @@ export default {
 					this.projectFolderSetupError = error.response.data.error
 				}
 				showError(
-					t('integration_openproject', 'Failed to save OpenProject admin options')
+					t('integration_openproject', 'Failed to save OpenProject admin options'),
 				)
 			}
 			this.notifyAboutOPOAuthTokenRevoke()
@@ -986,17 +985,17 @@ export default {
 			switch (this.oPOAuthTokenRevokeStatus) {
 			case 'connection_error':
 				showError(
-					t('integration_openproject', 'Failed to perform revoke request due to connection error with the OpenProject server')
+					t('integration_openproject', 'Failed to perform revoke request due to connection error with the OpenProject server'),
 				)
 				break
 			case 'other_error':
 				showError(
-					t('integration_openproject', 'Failed to revoke some users\' OpenProject OAuth access tokens')
+					t('integration_openproject', 'Failed to revoke some users\' OpenProject OAuth access tokens'),
 				)
 				break
 			case 'success':
 				showSuccess(
-					t('integration_openproject', 'Successfully revoked users\' OpenProject OAuth access tokens')
+					t('integration_openproject', 'Successfully revoked users\' OpenProject OAuth access tokens'),
 				)
 				break
 			default:
@@ -1019,7 +1018,7 @@ export default {
 						this.createNCOAuthClient()
 					}
 				},
-				true
+				true,
 			)
 		},
 		async completeIntegrationWithoutProjectFolderSetUp() {
@@ -1057,7 +1056,7 @@ export default {
 						await this.createNewAppPassword()
 					}
 				},
-				true
+				true,
 			)
 		},
 		async createNewAppPassword() {
@@ -1077,7 +1076,7 @@ export default {
 			}).catch((error) => {
 				showError(
 					t('integration_openproject', 'Failed to create Nextcloud OAuth client')
-					+ ': ' + error.response.request.responseText
+					+ ': ' + error.response.request.responseText,
 				)
 			})
 		},
@@ -1094,7 +1093,7 @@ export default {
 			}).catch(error => {
 				showError(
 					t('integration_openproject', 'Failed to save default user configuration')
-					+ ': ' + error.response.request.responseText
+					+ ': ' + error.response.request.responseText,
 				)
 			})
 		},
diff --git a/src/components/OAuthConnectButton.vue b/src/components/OAuthConnectButton.vue
index 0accef8f0..041d2aad6 100644
--- a/src/components/OAuthConnectButton.vue
+++ b/src/components/OAuthConnectButton.vue
@@ -15,7 +15,6 @@ import { generateUrl } from '@nextcloud/router'
 import { showError } from '@nextcloud/dialogs'
 import { getCurrentUser } from '@nextcloud/auth'
 import { translate as t } from '@nextcloud/l10n'
-import '@nextcloud/dialogs/styles/toast.scss'
 import { NcButton } from '@nextcloud/vue'
 import OpenInNewIcon from 'vue-material-design-icons/OpenInNew.vue'
 import dompurify from 'dompurify'
@@ -89,7 +88,7 @@ export default {
 				.catch((error) => {
 					showError(
 						t('integration_openproject', 'Failed to redirect to OpenProject')
-						+ ': ' + error.message
+						+ ': ' + error.message,
 					)
 				})
 		},
diff --git a/src/components/PersonalSettings.vue b/src/components/PersonalSettings.vue
index cde003ab3..1e9495a14 100644
--- a/src/components/PersonalSettings.vue
+++ b/src/components/PersonalSettings.vue
@@ -123,7 +123,7 @@ export default {
 							: error.response?.request?.responseText
 					showError(
 						t('integration_openproject', 'Failed to save OpenProject options')
-						+ ': ' + msg
+						+ ': ' + msg,
 					)
 				})
 				.finally(() => {
diff --git a/src/components/admin/TextInput.vue b/src/components/admin/TextInput.vue
index 2e8f12417..ee834fce3 100644
--- a/src/components/admin/TextInput.vue
+++ b/src/components/admin/TextInput.vue
@@ -50,7 +50,6 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 import { showSuccess } from '@nextcloud/dialogs'
-import '@nextcloud/dialogs/styles/toast.scss'
 import { NcButton, NcPopover } from '@nextcloud/vue'
 import ClippyIcon from '../icons/ClippyIcon.vue'
 import dompurify from 'dompurify'
diff --git a/src/components/tab/SearchInput.vue b/src/components/tab/SearchInput.vue
index 8da1a8c2b..8d7f789cb 100644
--- a/src/components/tab/SearchInput.vue
+++ b/src/components/tab/SearchInput.vue
@@ -59,7 +59,6 @@ import { generateUrl } from '@nextcloud/router'
 import { NcSelect, NcButton } from '@nextcloud/vue'
 import WorkPackage from './WorkPackage.vue'
 import { showError, showSuccess } from '@nextcloud/dialogs'
-import '@nextcloud/dialogs/styles/toast.scss'
 import { workpackageHelper } from '../../utils/workpackageHelper.js'
 import { NO_OPTION_TEXT_STATE, STATE, WORKPACKAGES_SEARCH_ORIGIN } from '../../utils.js'
 import { translate as t } from '@nextcloud/l10n'
diff --git a/src/components/tab/WorkPackage.vue b/src/components/tab/WorkPackage.vue
index 47f4a899a..a782cbcf6 100644
--- a/src/components/tab/WorkPackage.vue
+++ b/src/components/tab/WorkPackage.vue
@@ -87,7 +87,7 @@ export default {
 			try {
 				const contrast = this.contrastRatio(
 					this.wpStatusFontColor,
-					this.getWPStatusColor()
+					this.getWPStatusColor(),
 				)
 				if (contrast <= 2) {
 					this.wpStatusFontColor = '#000000'
diff --git a/src/utils.js b/src/utils.js
index 8b4911670..f873d61d7 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -20,8 +20,8 @@ export function checkOauthConnectionResult(oauthConnectionResult, oauthConnectio
 		showError(
 			t(
 				'integration_openproject',
-				'OAuth access token could not be obtained:'
-			) + ' ' + oauthConnectionErrorMessage
+				'OAuth access token could not be obtained:',
+			) + ' ' + oauthConnectionErrorMessage,
 		)
 	}
 }
diff --git a/src/utils/workpackageHelper.js b/src/utils/workpackageHelper.js
index 72b9b9c8b..207c9cf83 100644
--- a/src/utils/workpackageHelper.js
+++ b/src/utils/workpackageHelper.js
@@ -181,7 +181,7 @@ export const workpackageHelper = {
 			showSuccess(successMessage)
 		} catch (e) {
 			showError(
-				t('integration_openproject', 'Failed to link file to work package')
+				t('integration_openproject', 'Failed to link file to work package'),
 			)
 		}
 	},
diff --git a/src/views/CreateWorkPackageModal.vue b/src/views/CreateWorkPackageModal.vue
index 62311d7ec..e2135fdc2 100644
--- a/src/views/CreateWorkPackageModal.vue
+++ b/src/views/CreateWorkPackageModal.vue
@@ -289,7 +289,7 @@ export default {
 				'This type has mandatory fields which cannot be filled here. Please, create work packages of this type directly in {htmlLink}.',
 				{ htmlLink },
 				null,
-				{ escape: false, sanitize: false }
+				{ escape: false, sanitize: false },
 			)
 			return dompurify.sanitize(message, { ADD_ATTR: ['target'] })
 		},
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 863831c89..0f71b5b3f 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -257,16 +257,16 @@ export default {
 		},
 		onMarkAsRead(item) {
 			const url = generateUrl(
-				'/apps/integration_openproject/work-packages/' + item.id + '/notifications'
+				'/apps/integration_openproject/work-packages/' + item.id + '/notifications',
 			)
 			axios.delete(url).then((response) => {
 				showSuccess(
-					t('integration_openproject', 'Notifications associated with Work package marked as read')
+					t('integration_openproject', 'Notifications associated with Work package marked as read'),
 				)
 				this.fetchNotifications()
 			}).catch((error) => {
 				showError(
-					t('integration_openproject', 'Failed to mark notifications as read')
+					t('integration_openproject', 'Failed to mark notifications as read'),
 				)
 				console.debug(error)
 			})
diff --git a/src/views/LinkMultipleFilesModal.vue b/src/views/LinkMultipleFilesModal.vue
index 7eb20c307..3f5ebe4c4 100644
--- a/src/views/LinkMultipleFilesModal.vue
+++ b/src/views/LinkMultipleFilesModal.vue
@@ -134,7 +134,7 @@ export default {
 			if (progressPercentage === 100) {
 				this.closeRequestModal()
 				showSuccess(
-					t('integration_openproject', 'Links to work package created successfully for selected files!')
+					t('integration_openproject', 'Links to work package created successfully for selected files!'),
 				)
 			}
 			return progressPercentage
@@ -158,7 +158,7 @@ export default {
 			await workpackageHelper.linkMultipleFilesToWorkPackageWithChunking(remainingFilesToChunk, selectedWorkPackage, true, this)
 			if (this.getTotalNoOfFilesAlreadyLinkedInChunking !== remainingFilesToChunk.length) {
 				showError(
-					t('integration_openproject', 'Failed to link selected files to work package')
+					t('integration_openproject', 'Failed to link selected files to work package'),
 				)
 			}
 		},
diff --git a/src/views/ProjectsTab.vue b/src/views/ProjectsTab.vue
index 8b10e6221..696e91ae3 100644
--- a/src/views/ProjectsTab.vue
+++ b/src/views/ProjectsTab.vue
@@ -73,7 +73,6 @@ import axios from '@nextcloud/axios'
 
 import { generateUrl } from '@nextcloud/router'
 import { showSuccess, showError } from '@nextcloud/dialogs'
-import '@nextcloud/dialogs/styles/toast.scss'
 import { translate as t } from '@nextcloud/l10n'
 import { loadState } from '@nextcloud/initial-state'
 import { workpackageHelper } from '../utils/workpackageHelper.js'
@@ -176,7 +175,7 @@ export default {
 		unlink(workpackageId, fileId) {
 			OC.dialogs.confirmDestructive(
 				t('integration_openproject',
-					'Are you sure you want to unlink the work package?'
+					'Are you sure you want to unlink the work package?',
 				),
 				t('integration_openproject', 'Confirm unlink'),
 				{
@@ -192,13 +191,13 @@ export default {
 							showSuccess(t('integration_openproject', 'Work package unlinked'))
 						}).catch((error) => {
 							showError(
-								t('integration_openproject', 'Failed to unlink work package')
+								t('integration_openproject', 'Failed to unlink work package'),
 							)
 							this.checkForErrorCode(error.response.status)
 						})
 					}
 				},
-				true
+				true,
 			)
 		},
 		async unlinkWorkPackage(workpackageId, fileId) {
diff --git a/tests/jest/components/AdminSettings.spec.js b/tests/jest/components/AdminSettings.spec.js
index d7e04d649..387c144a6 100644
--- a/tests/jest/components/AdminSettings.spec.js
+++ b/tests/jest/components/AdminSettings.spec.js
@@ -568,7 +568,7 @@ describe('AdminSettings.vue', () => {
 						expectedDialogTitle,
 						expectedDialogOpts,
 						expect.any(Function),
-						true
+						true,
 					)
 					jest.clearAllMocks()
 					wrapper.destroy()
@@ -692,7 +692,7 @@ describe('AdminSettings.vue', () => {
 										openproject_client_id: 'qwerty',
 										openproject_client_secret: 'qwerty',
 									},
-								}
+								},
 							)
 							expect(wrapper.vm.oPUserAppPassword).toBe('opUserPassword')
 						})
@@ -755,7 +755,7 @@ describe('AdminSettings.vue', () => {
 						expectedConfirmTitle,
 						expectedConfirmOpts,
 						expect.any(Function),
-						true
+						true,
 					)
 					wrapper.destroy()
 				})
@@ -1007,7 +1007,7 @@ describe('AdminSettings.vue', () => {
 									setup_app_password: false,
 									setup_project_folder: false,
 								},
-							}
+							},
 						)
 					})
 
@@ -1107,7 +1107,7 @@ describe('AdminSettings.vue', () => {
 								.mockImplementationOnce(() => Promise.reject(err))
 							if (expectedErrorDetails.error !== 'The "Group folders" app is not installed') {
 								jest.spyOn(wrapper.vm, 'projectFolderSetUpErrorMessageDescription').mockReturnValue(
-									'Setting up the OpenProject user, group and group folder was not possible. Please check this troubleshooting guide on how to resolve this situation.'
+									'Setting up the OpenProject user, group and group folder was not possible. Please check this troubleshooting guide on how to resolve this situation.',
 								)
 							}
 							const completeProjectFolderSetupWithGroupFolderButton = wrapper.find(selectors.completeProjectFolderSetupWithGroupFolderButton)
@@ -1121,7 +1121,7 @@ describe('AdminSettings.vue', () => {
 										setup_app_password: true,
 										setup_project_folder: true,
 									},
-								}
+								},
 							)
 							await wrapper.vm.$nextTick()
 							const projectFolderErrorMessage = wrapper.find(selectors.projectFolderErrorMessage)
@@ -1180,7 +1180,7 @@ describe('AdminSettings.vue', () => {
 										setup_app_password: true,
 										setup_project_folder: true,
 									},
-								}
+								},
 							)
 							await wrapper.vm.$nextTick()
 						})
@@ -1257,7 +1257,7 @@ describe('AdminSettings.vue', () => {
 									setup_app_password: false,
 									setup_project_folder: false,
 								},
-							}
+							},
 						)
 						expect(wrapper.vm.state.app_password_set).toBe(false)
 						expect(wrapper.vm.state.oPUserAppPassword).not.toBe('userAppPassword')
@@ -1272,7 +1272,7 @@ describe('AdminSettings.vue', () => {
 									setup_app_password: false,
 									setup_project_folder: false,
 								},
-							}
+							},
 						)
 						const projectFolderStatus = wrapper.find(selectors.projectFolderStatus)
 						const actualProjectFolderStatusValue = projectFolderStatus.text()
@@ -1455,7 +1455,7 @@ describe('AdminSettings.vue', () => {
 				expectedConfirmTitle,
 				expectedConfirmOpts,
 				expect.any(Function),
-				true
+				true,
 			)
 			wrapper.destroy()
 		})
@@ -1474,7 +1474,7 @@ describe('AdminSettings.vue', () => {
 					values: {
 						setup_app_password: true,
 					},
-				}
+				},
 			)
 			expect(wrapper.vm.oPUserAppPassword).toBe('newUserAppPassword')
 			expect(wrapper.vm.oPUserAppPassword).not.toBe('oldUserAppPassword')
@@ -1581,7 +1581,7 @@ describe('AdminSettings.vue', () => {
 					expectedConfirmTitle,
 					expectedConfirmOpts,
 					expect.any(Function),
-					true
+					true,
 				)
 			})
 
@@ -1602,7 +1602,7 @@ describe('AdminSettings.vue', () => {
 							setup_app_password: false,
 							setup_project_folder: false,
 						},
-					}
+					},
 				)
 				axios.put.mockReset()
 			})
@@ -1638,7 +1638,7 @@ describe('AdminSettings.vue', () => {
 							setup_project_folder: false,
 							setup_app_password: false,
 						},
-					}
+					},
 				)
 				// no new app password is received on response
 				expect(wrapper.vm.oPUserAppPassword).toBe(null)
@@ -1746,7 +1746,7 @@ describe('AdminSettings.vue', () => {
 						default_enable_navigation: true,
 						default_enable_unified_search: false,
 					},
-				}
+				},
 			)
 			expect(dialogs.showSuccess).toBeCalledTimes(1)
 			expect(dialogs.showSuccess).toBeCalledWith('Default user configuration saved')
@@ -1790,7 +1790,7 @@ describe('AdminSettings.vue', () => {
 				.mockImplementationOnce()
 			const saveOPOptionsSpy = jest.spyOn(axios, 'put')
 				.mockImplementationOnce(
-					() => Promise.resolve({ data: { status: true, oPOAuthTokenRevokeStatus: 'success' } })
+					() => Promise.resolve({ data: { status: true, oPOAuthTokenRevokeStatus: 'success' } }),
 				)
 			const wrapper = getMountedWrapper({
 				state: completeIntegrationState,
@@ -1814,7 +1814,7 @@ describe('AdminSettings.vue', () => {
 				.mockImplementationOnce()
 			const saveOPOptionsSpy = jest.spyOn(axios, 'put')
 				.mockImplementationOnce(
-					() => Promise.resolve({ data: { status: true, oPOAuthTokenRevokeStatus: errorCode } })
+					() => Promise.resolve({ data: { status: true, oPOAuthTokenRevokeStatus: errorCode } }),
 				)
 			const wrapper = getMountedWrapper({
 				state: completeIntegrationState,
diff --git a/tests/jest/components/OAuthConnectButton.spec.js b/tests/jest/components/OAuthConnectButton.spec.js
index 94acc2185..250bd8ec2 100644
--- a/tests/jest/components/OAuthConnectButton.spec.js
+++ b/tests/jest/components/OAuthConnectButton.spec.js
@@ -2,6 +2,11 @@
 
 import { mount, createLocalVue } from '@vue/test-utils'
 
+import axios from '@nextcloud/axios'
+import * as dialogs from '@nextcloud/dialogs'
+import { getCurrentUser } from '@nextcloud/auth'
+import OAuthConnectButton from '../../../src/components/OAuthConnectButton.vue'
+
 // mocks
 jest.mock('@nextcloud/axios', () => {
 	const originalModule = jest.requireActual('@nextcloud/axios')
@@ -15,19 +20,6 @@ jest.mock('@nextcloud/axios', () => {
 		},
 	}
 })
-
-jest.mock('@nextcloud/dialogs', () => {
-	const originalModule = jest.requireActual('@nextcloud/dialogs')
-
-	return {
-		__esModule: true,
-		...originalModule,
-		default: {
-			showError: jest.fn()
-		},
-	}
-})
-
 jest.mock('@nextcloud/auth', () => {
 	const originalModule = jest.requireActual('@nextcloud/auth')
 
@@ -38,11 +30,7 @@ jest.mock('@nextcloud/auth', () => {
 		getCurrentUser: jest.fn().mockReturnValue({ uid: 1234 }),
 	}
 })
-
-import axios from '@nextcloud/axios'
-import * as dialogs from '@nextcloud/dialogs'
-import { getCurrentUser } from '@nextcloud/auth'
-import OAuthConnectButton from '../../../src/components/OAuthConnectButton.vue'
+jest.mock('@nextcloud/dialogs')
 
 const realLocation = global.window.location
 const localVue = createLocalVue()
@@ -80,7 +68,7 @@ describe('OAuthConnectButton.vue', () => {
 		describe('on successful retrieving of the OP OAuth URI', () => {
 			beforeEach(() => {
 				axios.get.mockImplementationOnce(() =>
-					Promise.resolve({ data: 'http://openproject/oauth' })
+					Promise.resolve({ data: 'http://openproject/oauth' }),
 				)
 				axios.put.mockImplementationOnce(() =>
 					Promise.resolve({}),
@@ -113,11 +101,12 @@ describe('OAuthConnectButton.vue', () => {
 				axios.get.mockRejectedValueOnce(err)
 			})
 			it('shows an error', async () => {
+				console.log(wrapper.html())
 				dialogs.showError.mockImplementationOnce()
 				wrapper.find('button').trigger('click')
 				await localVue.nextTick()
 				expect(dialogs.showError).toHaveBeenCalledWith(
-					'Failed to redirect to OpenProject: some issue'
+					'Failed to redirect to OpenProject: some issue',
 				)
 				expect(window.location.replace).not.toHaveBeenCalled()
 			})
diff --git a/tests/jest/components/PersonalSettings.spec.js b/tests/jest/components/PersonalSettings.spec.js
index a26bbcbbe..fcf2c1b88 100644
--- a/tests/jest/components/PersonalSettings.spec.js
+++ b/tests/jest/components/PersonalSettings.spec.js
@@ -166,7 +166,7 @@ describe('PersonalSettings.vue', () => {
 						values: {
 							navigation_enabled: '1',
 						},
-					}
+					},
 				)
 				expect(dialogs.showSuccess).toBeCalledTimes(1)
 				expect(dialogs.showSuccess).toBeCalledWith('OpenProject options saved')
@@ -198,7 +198,7 @@ describe('PersonalSettings.vue', () => {
 						values: {
 							search_enabled: '1',
 						},
-					}
+					},
 				)
 				expect(dialogs.showSuccess).toBeCalledTimes(1)
 				expect(dialogs.showSuccess).toBeCalledWith('OpenProject options saved')
diff --git a/tests/jest/components/tab/SearchInput.spec.js b/tests/jest/components/tab/SearchInput.spec.js
index b28e91efa..c44f9fa07 100644
--- a/tests/jest/components/tab/SearchInput.spec.js
+++ b/tests/jest/components/tab/SearchInput.spec.js
@@ -22,7 +22,7 @@ jest.mock('lodash/debounce', () =>
 	jest.fn(fn => {
 		fn.cancel = jest.fn()
 		return fn
-	})
+	}),
 )
 
 // eslint-disable-next-line no-import-assign,import/namespace
@@ -295,7 +295,7 @@ describe('SearchInput.vue', () => {
 					}))
 					// any other requests e.g. for types and statuses
 					.mockImplementation(() => Promise.resolve(
-						{ status: 200, data: [] })
+						{ status: 200, data: [] }),
 					)
 
 				const inputField = wrapper.find(inputSelector)
@@ -343,7 +343,7 @@ describe('SearchInput.vue', () => {
 						data: workPackageSearchReqResponse,
 					}))
 					.mockImplementation(() => Promise.resolve(
-						{ status: 200, data: [] })
+						{ status: 200, data: [] }),
 					)
 				await wrapper.setData({
 					fileInfo: { id: 111 },
@@ -395,7 +395,7 @@ describe('SearchInput.vue', () => {
 				axiosSpy.mockRestore()
 			})
 			it.each(
-				[STATE.NO_TOKEN, STATE.ERROR, STATE.OK]
+				[STATE.NO_TOKEN, STATE.ERROR, STATE.OK],
 			)(
 				'should only add work packages to the list in loading state',
 				async (state) => {
@@ -407,7 +407,7 @@ describe('SearchInput.vue', () => {
 						}))
 					// any other requests e.g. for types and statuses
 						.mockImplementation(() => Promise.resolve(
-							{ status: 200, data: [] })
+							{ status: 200, data: [] }),
 						)
 
 					const inputField = wrapper.find(inputSelector)
@@ -487,7 +487,7 @@ describe('SearchInput.vue', () => {
 				expect(postSpy).toBeCalledWith(
 					'http://localhost/apps/integration_openproject/work-packages',
 					body,
-					{ headers: { 'Content-Type': 'application/json' } }
+					{ headers: { 'Content-Type': 'application/json' } },
 				)
 				postSpy.mockRestore()
 			})
@@ -669,7 +669,7 @@ describe('SearchInput.vue', () => {
 					expect(postSpy).toBeCalledWith(
 						'http://localhost/apps/integration_openproject/work-packages',
 						body,
-						{ headers: { 'Content-Type': 'application/json' } }
+						{ headers: { 'Content-Type': 'application/json' } },
 					)
 					postSpy.mockRestore()
 				})
@@ -693,7 +693,7 @@ describe('SearchInput.vue', () => {
 							data: workPackageSearchReqResponse,
 						}))
 						.mockImplementation(() => Promise.resolve(
-							{ status: 200, data: [] })
+							{ status: 200, data: [] }),
 						)
 					await wrapper.setProps({
 						linkedWorkPackages: [{
@@ -781,7 +781,7 @@ describe('SearchInput.vue', () => {
 							expect(postSpy).toBeCalledWith(
 								'http://localhost/apps/integration_openproject/work-packages',
 								body,
-								{ headers: { 'Content-Type': 'application/json' } }
+								{ headers: { 'Content-Type': 'application/json' } },
 							)
 							postSpy.mockRestore()
 						})
@@ -805,7 +805,7 @@ describe('SearchInput.vue', () => {
 									data: workPackageSearchReqResponse,
 								}))
 								.mockImplementation(() => Promise.resolve(
-									{ status: 200, data: [] })
+									{ status: 200, data: [] }),
 								)
 							await wrapper.setProps({
 								// here already linked work package is empty when the selected files is more than 1
@@ -988,7 +988,7 @@ describe('SearchInput.vue', () => {
 									status: 200,
 								}))
 								.mockImplementation(() => Promise.reject(
-									new Error('Throw eror')
+									new Error('Throw eror'),
 								))
 							jest.spyOn(wrapper.vm, '$emit').mockImplementation((event, data) => {
 								emittedData = data
diff --git a/tests/jest/views/Dashboard.spec.js b/tests/jest/views/Dashboard.spec.js
index 0baae2c9c..c60a1b5c9 100644
--- a/tests/jest/views/Dashboard.spec.js
+++ b/tests/jest/views/Dashboard.spec.js
@@ -98,7 +98,7 @@ describe('Dashboard.vue', () => {
 		})
 		it('should mark notifications as read', async () => {
 			const axiosSpyDelete = jest.spyOn(axios, 'delete')
-				.mockImplementationOnce(() => Promise.resolve({})
+				.mockImplementationOnce(() => Promise.resolve({}),
 				)
 			dialogs.showSuccess.mockImplementationOnce()
 			await wrapper.vm.fetchNotifications()
@@ -108,10 +108,10 @@ describe('Dashboard.vue', () => {
 			await wrapper.find(markAsReadButtonSelector).trigger('click')
 			await localVue.nextTick()
 			expect(axiosSpyDelete).toHaveBeenCalledWith(
-				'http://localhost/apps/integration_openproject/work-packages/36/notifications'
+				'http://localhost/apps/integration_openproject/work-packages/36/notifications',
 			)
 			expect(dialogs.showSuccess).toHaveBeenCalledWith(
-				'Notifications associated with Work package marked as read'
+				'Notifications associated with Work package marked as read',
 			)
 			wrapper.destroy()
 			axiosSpyDelete.mockRestore()
@@ -127,7 +127,7 @@ describe('Dashboard.vue', () => {
 			await wrapper.find(markAsReadButtonSelector).trigger('click')
 			await localVue.nextTick()
 			expect(dialogs.showError).toHaveBeenCalledWith(
-				'Failed to mark notifications as read'
+				'Failed to mark notifications as read',
 			)
 			wrapper.destroy()
 			axiosSpyDelete.mockRestore()
diff --git a/tests/jest/views/LinkMultipleFilesModal.spec.js b/tests/jest/views/LinkMultipleFilesModal.spec.js
index 2745b124b..344f2340d 100644
--- a/tests/jest/views/LinkMultipleFilesModal.spec.js
+++ b/tests/jest/views/LinkMultipleFilesModal.spec.js
@@ -379,7 +379,7 @@ describe('LinkMultipleFilesModal.vue', () => {
 				await wrapper.vm.setFileInfos(singleFileInfo)
 				expect(axiosGetSpy).toBeCalledWith(
 					'http://localhost/apps/integration_openproject/work-packages?fileId=123',
-					{}
+					{},
 				)
 				expect(wrapper.vm.state).toBe(STATE.OK)
 				expect(wrapper.vm.alreadyLinkedWorkPackage.length).toBe(2)
diff --git a/tests/jest/views/ProjectsTab.spec.js b/tests/jest/views/ProjectsTab.spec.js
index 4e8fd7d17..600eab070 100644
--- a/tests/jest/views/ProjectsTab.spec.js
+++ b/tests/jest/views/ProjectsTab.spec.js
@@ -305,21 +305,21 @@ describe('ProjectsTab.vue', () => {
 				}))
 				// mock for color requests
 				.mockImplementationOnce(() => Promise.resolve(
-					{ status: 200, data: testCase.statusColor })
+					{ status: 200, data: testCase.statusColor }),
 				)
 				.mockImplementationOnce(() => Promise.resolve(
-					{ status: 200, data: testCase.typeColor })
+					{ status: 200, data: testCase.typeColor }),
 				)
 				.mockImplementationOnce(() => Promise.resolve(
-					{ status: 200, data: testCase.statusColor })
+					{ status: 200, data: testCase.statusColor }),
 				)
 				.mockImplementationOnce(() => Promise.resolve(
-					{ status: 200, data: testCase.typeColor })
+					{ status: 200, data: testCase.typeColor }),
 				)
 			await wrapper.vm.update({ id: 789 })
 			expect(axiosGetSpy).toBeCalledWith(
 				'http://localhost/apps/integration_openproject/work-packages?fileId=789',
-				{}
+				{},
 			)
 			expect(axiosGetSpy).toBeCalledWith(
 				'http://localhost/apps/integration_openproject/statuses/12',
@@ -386,7 +386,7 @@ describe('ProjectsTab.vue', () => {
 			await wrapper.vm.update({ id: 2222 })
 			expect(axiosGetSpy).toBeCalledWith(
 				'http://localhost/apps/integration_openproject/work-packages?fileId=2222',
-				{}
+				{},
 			)
 			expect(wrapper.vm.state).toBe(STATE.OK)
 			const workPackages = wrapper.find(workPackagesSelector)
@@ -447,11 +447,11 @@ describe('ProjectsTab.vue', () => {
 			expect(axiosGetSpy).toBeCalledTimes(3)
 			expect(axiosGetSpy).toHaveBeenNthCalledWith(
 				2,
-				'http://localhost/apps/integration_openproject/statuses/12'
+				'http://localhost/apps/integration_openproject/statuses/12',
 			)
 			expect(axiosGetSpy).toHaveBeenNthCalledWith(
 				3,
-				'http://localhost/apps/integration_openproject/types/6'
+				'http://localhost/apps/integration_openproject/types/6',
 			)
 		})
 	})
@@ -487,7 +487,7 @@ describe('ProjectsTab.vue', () => {
 			await localVue.nextTick()
 			expect(window.open).toHaveBeenCalledTimes(1)
 			expect(window.open).toHaveBeenCalledWith(
-				'http://openproject/projects/15/work_packages/1'
+				'http://openproject/projects/15/work_packages/1',
 			)
 		})
 	})
@@ -508,7 +508,7 @@ describe('ProjectsTab.vue', () => {
 				'Confirm unlink',
 				{ cancel: 'Cancel', confirm: 'Unlink', confirmClasses: 'error', type: 70 },
 				expect.any(Function),
-				true
+				true,
 			)
 		})
 	})
@@ -540,12 +540,12 @@ describe('ProjectsTab.vue', () => {
 					}],
 				}))
 			const axiosDeleteSpy = jest.spyOn(axios, 'delete').mockImplementationOnce(() => Promise.resolve(
-				{ status: 200 })
+				{ status: 200 }),
 			)
 			wrapper = mountWrapper()
 			await wrapper.vm.unlinkWorkPackage(15, 6)
 			expect(axiosGetSpy).toBeCalledWith(
-				'http://localhost/apps/integration_openproject/work-packages/15/file-links'
+				'http://localhost/apps/integration_openproject/work-packages/15/file-links',
 			)
 			expect(axiosDeleteSpy).toBeCalledWith('http://localhost/apps/integration_openproject/file-links/66')
 			axiosGetSpy.mockRestore()