diff --git a/packages/vue-compat/__tests__/compiler.spec.ts b/packages/vue-compat/__tests__/compiler.spec.ts
index a82e460b5..88de3d20f 100644
--- a/packages/vue-compat/__tests__/compiler.spec.ts
+++ b/packages/vue-compat/__tests__/compiler.spec.ts
@@ -32,6 +32,7 @@ test('COMPILER_IS_ON_ELEMENT', () => {
}
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.outerHTML).toBe(`
text
`)
expect(CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT).toHaveBeenWarned()
})
@@ -48,6 +49,7 @@ test('COMPILER_IS_ON_ELEMENT (dynamic)', () => {
}
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.outerHTML).toBe(`text
`)
expect(CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT).toHaveBeenWarned()
})
@@ -70,9 +72,10 @@ test('COMPILER_V_BIND_SYNC', async () => {
}
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLButtonElement)
expect(vm.$el.textContent).toBe(`0`)
- triggerEvent(vm.$el, 'click')
+ triggerEvent(vm.$el as Element, 'click')
await nextTick()
expect(vm.$el.textContent).toBe(`1`)
@@ -83,6 +86,8 @@ test('COMPILER_V_BIND_PROP', () => {
const vm = new Vue({
template: ``
}).$mount()
+
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.id).toBe('foo')
expect(CompilerDeprecationTypes.COMPILER_V_BIND_PROP).toHaveBeenWarned()
})
@@ -91,6 +96,7 @@ test('COMPILER_V_BIND_OBJECT_ORDER', () => {
const vm = new Vue({
template: ``
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.id).toBe('foo')
expect(vm.$el.className).toBe('baz')
expect(
@@ -112,7 +118,8 @@ test('COMPILER_V_ON_NATIVE', () => {
}
}).$mount()
- triggerEvent(vm.$el, 'click')
+ expect(vm.$el).toBeInstanceOf(HTMLButtonElement)
+ triggerEvent(vm.$el as HTMLButtonElement, 'click')
expect(spy).toHaveBeenCalledTimes(1)
expect(CompilerDeprecationTypes.COMPILER_V_ON_NATIVE).toHaveBeenWarned()
})
@@ -128,6 +135,8 @@ test('COMPILER_NATIVE_TEMPLATE', () => {
const vm = new Vue({
template: ``
}).$mount()
+
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.innerHTML).toBe(``)
expect(CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE).toHaveBeenWarned()
})
@@ -144,6 +153,7 @@ test('COMPILER_INLINE_TEMPLATE', () => {
}
}).$mount()
- expect(vm.$el.outerHTML).toBe(`123
`)
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
+ expect(vm.$el?.outerHTML).toBe(`123
`)
expect(CompilerDeprecationTypes.COMPILER_INLINE_TEMPLATE).toHaveBeenWarned()
})
diff --git a/packages/vue-compat/__tests__/componentAsync.spec.ts b/packages/vue-compat/__tests__/componentAsync.spec.ts
index 9e7316a6c..8fda196a0 100644
--- a/packages/vue-compat/__tests__/componentAsync.spec.ts
+++ b/packages/vue-compat/__tests__/componentAsync.spec.ts
@@ -30,6 +30,8 @@ describe('COMPONENT_ASYNC', () => {
template: `
`,
components: { comp }
}).$mount()
+
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.innerHTML).toBe(``)
resolve({ template: 'foo' })
@@ -49,6 +51,7 @@ describe('COMPONENT_ASYNC', () => {
template: `
`,
components: { comp }
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.innerHTML).toBe(``)
await timeout(0)
expect(vm.$el.innerHTML).toBe(`foo`)
@@ -69,6 +72,8 @@ describe('COMPONENT_ASYNC', () => {
template: `
`,
components: { comp }
}).$mount()
+
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.innerHTML).toBe(``)
await timeout(0)
expect(vm.$el.innerHTML).toBe(`foo`)
diff --git a/packages/vue-compat/__tests__/filters.spec.ts b/packages/vue-compat/__tests__/filters.spec.ts
index 819ccc5d3..22f1cac64 100644
--- a/packages/vue-compat/__tests__/filters.spec.ts
+++ b/packages/vue-compat/__tests__/filters.spec.ts
@@ -43,6 +43,7 @@ describe('FILTERS', () => {
msg: 'hi'
})
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.textContent).toBe('HI')
expect(deprecationData[DeprecationTypes.FILTERS].message).toHaveBeenWarned()
expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
diff --git a/packages/vue-compat/__tests__/global.spec.ts b/packages/vue-compat/__tests__/global.spec.ts
index 78753b9fa..d189d65f6 100644
--- a/packages/vue-compat/__tests__/global.spec.ts
+++ b/packages/vue-compat/__tests__/global.spec.ts
@@ -1,4 +1,4 @@
-import { vi } from 'vitest'
+import { expect, vi } from 'vitest'
import Vue from '@vue/compat'
import { effect, isReactive } from '@vue/reactivity'
import { h, nextTick } from '@vue/runtime-core'
@@ -122,6 +122,7 @@ describe('GLOBAL_EXTEND', () => {
template: '
',
components: { foo, bar }
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.innerHTML).toBe('foobar')
})
@@ -221,6 +222,7 @@ describe('GLOBAL_EXTEND', () => {
const b = new B({
template: ''
}).$mount()
+ expect(b.$el).toBeInstanceOf(HTMLDivElement)
expect(b.$el.innerHTML).toBe('A
B
')
})
@@ -388,6 +390,7 @@ describe('GLOBAL_PRIVATE_UTIL', () => {
},
template: `{{ foo }}
`
}).$mount() as any
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.textContent).toBe('1')
vm.foo = 2
await nextTick()
@@ -455,7 +458,7 @@ test('post-facto global asset registration should affect apps created via create
template: ''
})
Vue.component('foo', { template: 'foo' })
- const vm = app.mount(document.createElement('div')) as any
+ const vm = app.mount(document.createElement('div'))
expect(vm.$el.textContent).toBe('foo')
delete singletonApp._context.components.foo
})
diff --git a/packages/vue-compat/__tests__/instance.spec.ts b/packages/vue-compat/__tests__/instance.spec.ts
index 04066fb40..abcd3d1fa 100644
--- a/packages/vue-compat/__tests__/instance.spec.ts
+++ b/packages/vue-compat/__tests__/instance.spec.ts
@@ -319,6 +319,7 @@ test('INSTANCE_ATTR_CLASS_STYLE', () => {
}
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.outerHTML).toBe(
``
)
diff --git a/packages/vue-compat/__tests__/misc.spec.ts b/packages/vue-compat/__tests__/misc.spec.ts
index 4bb7e384e..5d16ae290 100644
--- a/packages/vue-compat/__tests__/misc.spec.ts
+++ b/packages/vue-compat/__tests__/misc.spec.ts
@@ -44,6 +44,7 @@ test('mode as function', () => {
template: `
`
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.innerHTML).toBe(`foo
bar
`)
})
@@ -120,6 +121,7 @@ test('V_ON_KEYCODE_MODIFIER', () => {
template: ``,
methods: { spy }
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLInputElement)
triggerEvent(vm.$el, 'keyup', e => {
e.key = '_'
e.keyCode = 1
@@ -192,6 +194,7 @@ test('ATTR_FALSE_VALUE', () => {
const vm = new Vue({
template: ``
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.hasAttribute('id')).toBe(false)
expect(vm.$el.hasAttribute('foo')).toBe(false)
expect(
@@ -210,6 +213,8 @@ test('ATTR_ENUMERATED_COERCION', () => {
const vm = new Vue({
template: ``
}).$mount()
+
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.getAttribute('draggable')).toBe('false')
expect(vm.$el.getAttribute('spellcheck')).toBe('true')
expect(vm.$el.getAttribute('contenteditable')).toBe('true')
diff --git a/packages/vue-compat/__tests__/renderFn.spec.ts b/packages/vue-compat/__tests__/renderFn.spec.ts
index 73876b4cf..9b3d14665 100644
--- a/packages/vue-compat/__tests__/renderFn.spec.ts
+++ b/packages/vue-compat/__tests__/renderFn.spec.ts
@@ -230,7 +230,7 @@ describe('compat: render function', () => {
)
}
}).$mount()
-
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.outerHTML).toBe(`hello
`)
expect(
deprecationData[DeprecationTypes.RENDER_FUNCTION].message
@@ -249,6 +249,7 @@ describe('compat: render function', () => {
return createVNode('div', null, c.a)
}
}).$mount()
+ expect(vm.$el).toBeInstanceOf(HTMLDivElement)
expect(vm.$el.outerHTML).toBe(`hello
`)
})
})