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
`) }) })