vueuse · 9romise · Oct 23, 2025 · Nov 3, 2025 · Nov 3, 2025 · Nov 4, 2025
diff --git a/package.json b/package.json
@@ -53,7 +53,7 @@
     "@types/semver": "catalog:types",
     "@vite-pwa/vitepress": "catalog:docs",
     "@vitejs/plugin-vue": "catalog:dev",
-    "@vitest/browser": "catalog:test",
+    "@vitest/browser-playwright": "catalog:test",
     "@vitest/coverage-v8": "catalog:test",
     "@vitest/ui": "catalog:test",
     "@vue/compiler-sfc": "catalog:dev",
@@ -79,7 +79,7 @@
     "fuse.js": "catalog:integrations",
     "google-font-installer": "catalog:docs",
     "gray-matter": "catalog:docs",
-    "jsdom": "catalog:dev",
+    "jsdom": "catalog:test",
     "lint-staged": "catalog:dev",
     "markdown-table": "catalog:docs",
     "md5": "catalog:docs",

diff --git a/packages/.test/index.ts b/packages/.test/index.ts
@@ -1,7 +1,3 @@
-import process from 'node:process'
-
-export const isBelowNode18 = Number(process.version.slice(1).split('.')[0]) < 18
-
 export * from './mount'
 export * from './nextTick'
 export * from './keyboardEvent'
diff --git a/packages/.test/setup.ts b/packages/.test/setup.ts
@@ -1,2 +1,16 @@
+import { vi } from 'vitest'
 import './polyfillPointerEvents'
 import './mockServer'
+
+const matchMedia = vi.fn(query => ({
+  matches: false,
+  media: query,
+  onchange: null,
+  addListener: vi.fn(),
+  removeListener: vi.fn(),
+  addEventListener: vi.fn(),
+  removeEventListener: vi.fn(),
+  dispatchEvent: vi.fn(),
+}))
+
+vi.stubGlobal('matchMedia', matchMedia)
diff --git a/packages/core/onClickOutside/index.browser.test.ts b/packages/core/onClickOutside/index.browser.test.ts
@@ -1,5 +1,5 @@
-import { page, userEvent } from '@vitest/browser/context'
 import { describe, expect, it, vi } from 'vitest'
+import { page, userEvent } from 'vitest/browser'
 import { defineComponent, useTemplateRef } from 'vue'
 import { onClickOutside } from './index'
 

diff --git a/packages/core/useElementBounding/index.browser.test.ts b/packages/core/useElementBounding/index.browser.test.ts
@@ -1,5 +1,5 @@
-import { page } from '@vitest/browser/context'
 import { describe, expect, it } from 'vitest'
+import { page } from 'vitest/browser'
 import { computed, defineComponent, shallowRef } from 'vue'
 import { useElementBounding } from './index'
 

diff --git a/packages/core/useFetch/index.test.ts b/packages/core/useFetch/index.test.ts
@@ -2,7 +2,6 @@ import type { AfterFetchContext, OnFetchErrorContext } from './index'
 import { until } from '@vueuse/shared'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { ref as deepRef, nextTick, shallowRef } from 'vue'
-import { isBelowNode18 } from '../../.test'
 import { baseUrl } from '../../.test/mockServer'
 import { createFetch as _createFetch_, useFetch } from './index'
 
@@ -26,7 +25,7 @@ function createFetch(options: Parameters<typeof _createFetch_>[0] = {}) {
 }
 
 // The tests does not run properly below node 18
-describe.skipIf(isBelowNode18)('useFetch', () => {
+describe('useFetch', () => {
   beforeEach(() => {
     fetchSpy = vi.spyOn(window, 'fetch')
   })

diff --git a/packages/core/useMouse/demo.browser.test.ts b/packages/core/useMouse/demo.browser.test.ts
@@ -1,5 +1,5 @@
-import { page } from '@vitest/browser/context'
 import { describe, expect, it } from 'vitest'
+import { page } from 'vitest/browser'
 import Demo from './demo.vue'
 
 describe('useMouse Demo', () => {

diff --git a/packages/core/useOffsetPagination/index.test.ts b/packages/core/useOffsetPagination/index.test.ts
@@ -343,51 +343,51 @@ describe('useOffsetPagination', () => {
 
       page.value = 2
       await nextTick()
-      expect(onPageChange).toBeCalledWith(expect.objectContaining({
+      expect(onPageChange).toBeCalledWith({
         currentPage: 2,
         currentPageSize: 10,
         isFirstPage: false,
         isLastPage: false,
         next: expect.any(Function),
         pageCount: 4,
         prev: expect.any(Function),
-      }))
+      })
 
       page.value = 3
       await nextTick()
-      expect(onPageChange).toBeCalledWith(expect.objectContaining({
+      expect(onPageChange).toBeCalledWith({
         currentPage: 3,
         currentPageSize: 10,
         isFirstPage: false,
         isLastPage: false,
         next: expect.any(Function),
         pageCount: 4,
         prev: expect.any(Function),
-      }))
+      })
 
       page.value = 4
       await nextTick()
-      expect(onPageChange).toBeCalledWith(expect.objectContaining({
+      expect(onPageChange).toBeCalledWith({
         currentPage: 4,
         currentPageSize: 10,
         isFirstPage: false,
         isLastPage: true,
         next: expect.any(Function),
         pageCount: 4,
         prev: expect.any(Function),
-      }))
+      })
 
       page.value = 1
       await nextTick()
-      expect(onPageChange).toBeCalledWith(expect.objectContaining({
+      expect(onPageChange).toBeCalledWith({
         currentPage: 1,
         currentPageSize: 10,
         isFirstPage: true,
         isLastPage: false,
         next: expect.any(Function),
         pageCount: 4,
         prev: expect.any(Function),
-      }))
+      })
     })
   })
 
@@ -423,27 +423,27 @@ describe('useOffsetPagination', () => {
 
       pageSize.value = 3
       await nextTick()
-      expect(onPageSizeChange).toBeCalledWith(expect.objectContaining({
+      expect(onPageSizeChange).toBeCalledWith({
         currentPage: 1,
         currentPageSize: 3,
         isFirstPage: true,
         isLastPage: false,
         next: expect.any(Function),
         pageCount: 12,
         prev: expect.any(Function),
-      }))
+      })
 
       pageSize.value = 30
       await nextTick()
-      expect(onPageSizeChange).toBeCalledWith(expect.objectContaining({
+      expect(onPageSizeChange).toBeCalledWith({
         currentPage: 1,
         currentPageSize: 30,
         isFirstPage: true,
         isLastPage: false,
         next: expect.any(Function),
         pageCount: 2,
         prev: expect.any(Function),
-      }))
+      })
     })
   })
 
@@ -479,27 +479,27 @@ describe('useOffsetPagination', () => {
 
       pageSize.value = 3
       await nextTick()
-      expect(onPageCountChange).toBeCalledWith(expect.objectContaining({
+      expect(onPageCountChange).toBeCalledWith({
         currentPage: 1,
         currentPageSize: 3,
         isFirstPage: true,
         isLastPage: false,
         next: expect.any(Function),
         pageCount: 12,
         prev: expect.any(Function),
-      }))
+      })
 
       pageSize.value = 30
       await nextTick()
-      expect(onPageCountChange).toBeCalledWith(expect.objectContaining({
+      expect(onPageCountChange).toBeCalledWith({
         currentPage: 1,
         currentPageSize: 30,
         isFirstPage: true,
         isLastPage: false,
         next: expect.any(Function),
         pageCount: 2,
         prev: expect.any(Function),
-      }))
+      })
     })
   })
 })
diff --git a/packages/core/usePointerLock/demo.browser.test.ts b/packages/core/usePointerLock/demo.browser.test.ts
@@ -1,5 +1,5 @@
-import { page, userEvent } from '@vitest/browser/context'
 import { describe, expect, it, vi } from 'vitest'
+import { page, userEvent } from 'vitest/browser'
 import Demo from './demo.vue'
 
 describe('usePointerLock Demo', () => {

diff --git a/packages/core/useScroll/index.browser.test.ts b/packages/core/useScroll/index.browser.test.ts
@@ -1,5 +1,5 @@
-import { page } from '@vitest/browser/context'
 import { describe, expect, it } from 'vitest'
+import { page } from 'vitest/browser'
 import { computed, defineComponent, shallowRef, useTemplateRef } from 'vue'
 import { useScroll } from '.'
 

diff --git a/packages/core/useWindowSize/index.test.ts b/packages/core/useWindowSize/index.test.ts
@@ -4,16 +4,7 @@ import { useWindowSize } from './index'
 
 describe('useWindowSize', () => {
   const addEventListenerSpy = vi.spyOn(window, 'addEventListener')
-  const matchMediaSpy = vi.spyOn(window, 'matchMedia').mockImplementation(query => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: vi.fn(),
-    removeListener: vi.fn(),
-    addEventListener: vi.fn(),
-    removeEventListener: vi.fn(),
-    dispatchEvent: vi.fn(),
-  }))
+  const matchMediaSpy = vi.spyOn(window, 'matchMedia')
 
   afterAll(() => {
     addEventListenerSpy.mockRestore()

diff --git a/packages/integrations/useAxios/index.test.ts b/packages/integrations/useAxios/index.test.ts
@@ -3,11 +3,9 @@ import type { UseAxiosOptions, UseAxiosOptionsBase, UseAxiosOptionsWithInitialDa
 import axios from 'axios'
 import { describe, expect, expectTypeOf, it, vi } from 'vitest'
 import { nextTick } from 'vue'
-import { isBelowNode18 } from '../../.test'
 import { useAxios } from './index'
 
-// The tests does not run properly below node 18
-describe.skipIf(isBelowNode18)('useAxios', () => {
+describe('useAxios', () => {
   const url = 'https://jsonplaceholder.typicode.com/todos/1'
   const config: RawAxiosRequestConfig = {
     method: 'GET',