diff --git a/packages/vue-compat/__tests__/compiler.spec.ts b/packages/vue-compat/__tests__/compiler.spec.ts
index a82e460b5..cddd0453c 100644
--- a/packages/vue-compat/__tests__/compiler.spec.ts
+++ b/packages/vue-compat/__tests__/compiler.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import { vi } from 'vitest'
import Vue from '@vue/compat'
import { nextTick } from '@vue/runtime-core'
diff --git a/packages/vue-compat/__tests__/componentAsync.spec.ts b/packages/vue-compat/__tests__/componentAsync.spec.ts
index 9e7316a6c..b94ee6701 100644
--- a/packages/vue-compat/__tests__/componentAsync.spec.ts
+++ b/packages/vue-compat/__tests__/componentAsync.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import Vue from '@vue/compat'
import {
DeprecationTypes,
diff --git a/packages/vue-compat/__tests__/componentFunctional.spec.ts b/packages/vue-compat/__tests__/componentFunctional.spec.ts
index 993259569..aa4b9ae15 100644
--- a/packages/vue-compat/__tests__/componentFunctional.spec.ts
+++ b/packages/vue-compat/__tests__/componentFunctional.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import Vue from '@vue/compat'
import {
DeprecationTypes,
@@ -52,7 +55,7 @@ describe('COMPONENT_FUNCTIONAL', () => {
expect(vm.$el.querySelector('.inject').textContent).toBe('123')
expect(vm.$el.querySelector('.slot').textContent).toBe('hello')
expect(vm.$el.outerHTML).toMatchInlineSnapshot(
- `"
"`
+ '""'
)
expect(
diff --git a/packages/vue-compat/__tests__/componentVModel.spec.ts b/packages/vue-compat/__tests__/componentVModel.spec.ts
index 05043b018..a314048c8 100644
--- a/packages/vue-compat/__tests__/componentVModel.spec.ts
+++ b/packages/vue-compat/__tests__/componentVModel.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import Vue from '@vue/compat'
import { ComponentOptions } from '../../runtime-core/src/component'
import { nextTick } from '../../runtime-core/src/scheduler'
diff --git a/packages/vue-compat/__tests__/filters.spec.ts b/packages/vue-compat/__tests__/filters.spec.ts
index 819ccc5d3..9c137be99 100644
--- a/packages/vue-compat/__tests__/filters.spec.ts
+++ b/packages/vue-compat/__tests__/filters.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import Vue from '@vue/compat'
import { CompilerDeprecationTypes } from '../../compiler-core/src'
import {
diff --git a/packages/vue-compat/__tests__/global.spec.ts b/packages/vue-compat/__tests__/global.spec.ts
index 78753b9fa..c9d50a718 100644
--- a/packages/vue-compat/__tests__/global.spec.ts
+++ b/packages/vue-compat/__tests__/global.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import { vi } from 'vitest'
import Vue from '@vue/compat'
import { effect, isReactive } from '@vue/reactivity'
diff --git a/packages/vue-compat/__tests__/globalConfig.spec.ts b/packages/vue-compat/__tests__/globalConfig.spec.ts
index 2a3adddba..0cb6e0e50 100644
--- a/packages/vue-compat/__tests__/globalConfig.spec.ts
+++ b/packages/vue-compat/__tests__/globalConfig.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import { vi } from 'vitest'
import Vue from '@vue/compat'
import {
diff --git a/packages/vue-compat/__tests__/instance.spec.ts b/packages/vue-compat/__tests__/instance.spec.ts
index 3516c0531..4db848b3f 100644
--- a/packages/vue-compat/__tests__/instance.spec.ts
+++ b/packages/vue-compat/__tests__/instance.spec.ts
@@ -1,4 +1,7 @@
-import { vi } from 'vitest'
+/**
+ * @vitest-environment jsdom
+ */
+import { vi, Mock } from 'vitest'
import Vue from '@vue/compat'
import { Slots } from '../../runtime-core/src/componentSlots'
import { Text } from '../../runtime-core/src/vnode'
@@ -50,7 +53,7 @@ test('INSTANCE_DESTROY', () => {
// https://github.com/vuejs/vue/blob/dev/test/unit/features/instance/methods-events.spec.js
describe('INSTANCE_EVENT_EMITTER', () => {
let vm: LegacyPublicInstance
- let spy: vi.Mock
+ let spy: Mock
beforeEach(() => {
vm = new Vue()
@@ -61,7 +64,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
vm.$on('test', function (this: any) {
// expect correct context
expect(this).toBe(vm)
- spy.apply(this, arguments)
+ spy.apply(this, arguments as unknown as any[])
})
vm.$emit('test', 1, 2, 3, 4)
expect(spy).toHaveBeenCalledTimes(1)
@@ -74,7 +77,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
it('$on multi event', () => {
vm.$on(['test1', 'test2'], function (this: any) {
expect(this).toBe(vm)
- spy.apply(this, arguments)
+ spy.apply(this, arguments as unknown as any[])
})
vm.$emit('test1', 1, 2, 3, 4)
expect(spy).toHaveBeenCalledTimes(1)
diff --git a/packages/vue-compat/__tests__/misc.spec.ts b/packages/vue-compat/__tests__/misc.spec.ts
index 4bb7e384e..9dcd8fa4f 100644
--- a/packages/vue-compat/__tests__/misc.spec.ts
+++ b/packages/vue-compat/__tests__/misc.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import { vi } from 'vitest'
import Vue from '@vue/compat'
import { nextTick } from '../../runtime-core/src/scheduler'
diff --git a/packages/vue-compat/__tests__/options.spec.ts b/packages/vue-compat/__tests__/options.spec.ts
index 75b5a440d..65162b7a0 100644
--- a/packages/vue-compat/__tests__/options.spec.ts
+++ b/packages/vue-compat/__tests__/options.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import { vi } from 'vitest'
import Vue from '@vue/compat'
import { nextTick } from '../../runtime-core/src/scheduler'
diff --git a/packages/vue-compat/__tests__/renderFn.spec.ts b/packages/vue-compat/__tests__/renderFn.spec.ts
index 73876b4cf..ef5caeaf5 100644
--- a/packages/vue-compat/__tests__/renderFn.spec.ts
+++ b/packages/vue-compat/__tests__/renderFn.spec.ts
@@ -1,3 +1,6 @@
+/**
+ * @vitest-environment jsdom
+ */
import { ShapeFlags } from '@vue/shared'
import Vue from '@vue/compat'
import { createComponentInstance } from '../../runtime-core/src/component'