test: migrate tests for real browser tests using vitest browsermode +MSW

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

.github/workflows/node-test.yml

@@ -51,6 +51,7 @@ jobs:
           CYPRESS_INSTALL_BINARY: 0
         run: |
           npm ci
+          npx playwright install chromium
           npm run build --if-present
 
       - name: Test

.gitignore

@@ -17,6 +17,8 @@ pids
 lib-cov
 
 # Coverage directory used by tools like istanbul
+.vitest*
+__screenshots__/
 coverage
 
 # nyc test coverage

REUSE.toml

@@ -6,13 +6,7 @@ SPDX-PackageSupplier = "Nextcloud <info@nextcloud.com>"
 SPDX-PackageDownloadLocation = "https://github.com/nextcloud-libraries/nextcloud-axios"
 
 [[annotations]]
-path = ["package-lock.json", "package.json", "tsconfig.json"]
+path = ["package-lock.json", "package.json", "tsconfig.json", "test/tsconfig.json"]
 precedence = "aggregate"
 SPDX-FileCopyrightText = "2018-2024 Nextcloud GmbH and Nextcloud contributors"
 SPDX-License-Identifier = "GPL-3.0-or-later"
-
-[[annotations]]
-path = ".eslintrc.json"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2023 Nextcloud GmbH and Nextcloud contributors"
-SPDX-License-Identifier = "GPL-3.0-or-later"

lib/client.ts

@@ -9,22 +9,30 @@ import { getRequestToken, onRequestTokenUpdate } from '@nextcloud/auth'
 import Axios from 'axios'
 
 export interface CancelableAxiosInstance extends AxiosInstance {
+	/**
+	 * @deprecated - use the AbortController API instead
+	 */
 	CancelToken: CancelTokenStatic
 	isCancel: typeof Axios.isCancel
 }
 
-const client = Axios.create({
-	headers: {
-		requesttoken: getRequestToken() ?? '',
-		'X-Requested-With': 'XMLHttpRequest',
-	},
-})
+/**
+ * Get an Axios instance with default Nextcloud headers and CSRF token handling.
+ */
+export function getCancelableClient(): CancelableAxiosInstance {
+	const client = Axios.create({
+		headers: {
+			requesttoken: getRequestToken() ?? '',
+			'X-Requested-With': 'XMLHttpRequest',
+		},
+	})
 
-onRequestTokenUpdate((token: string) => {
-	client.defaults.headers.requesttoken = token
-})
+	onRequestTokenUpdate((token: string) => {
+		client.defaults.headers.requesttoken = token
+	})
 
-export const cancelableClient: CancelableAxiosInstance = Object.assign(client, {
-	CancelToken: Axios.CancelToken,
-	isCancel: Axios.isCancel,
-})
+	return Object.assign(client, {
+		CancelToken: Axios.CancelToken,
+		isCancel: Axios.isCancel,
+	})
+}

lib/index.ts

@@ -3,11 +3,12 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
-import { cancelableClient } from './client.ts'
+import { getCancelableClient } from './client.ts'
 import { onCsrfTokenError } from './interceptors/csrf-token.ts'
 import { onMaintenanceModeError } from './interceptors/maintenance-mode.ts'
 import { onNotLoggedInError } from './interceptors/not-logged-in.ts'
 
+const cancelableClient = getCancelableClient()
 cancelableClient.interceptors.response.use((r) => r, onCsrfTokenError(cancelableClient))
 cancelableClient.interceptors.response.use((r) => r, onMaintenanceModeError(cancelableClient))
 cancelableClient.interceptors.response.use((r) => r, onNotLoggedInError)

lib/interceptors/not-logged-in.ts

@@ -21,10 +21,13 @@ export async function onNotLoggedInError(error: unknown) {
 		if (status === 401
 			&& response?.data?.message === 'Current user is not logged in'
 			&& config?.reloadExpiredSession
-			&& window?.location) {
+			&& globalThis.location?.reload) {
 			console.error(`Request to ${responseURL} failed because the user session expired. Reloading the page …`)
-
-			window.location.reload()
+			if (globalThis.OC?.reload) {
+				globalThis.OC.reload()
+			} else {
+				globalThis.location.reload()
+			}
 		}
 	}