Fixed test typings

Author: nandi95

src/createDomEvent.ts

@@ -1,4 +1,4 @@
-// @ts-expect-error No DefinitelyTyped package exists
+// @ts-ignore No DefinitelyTyped package exists
 import eventTypes from 'dom-event-types'
 
 interface TriggerOptions {

src/vueWrapper.ts

@@ -61,20 +61,20 @@ export class VueWrapper<T extends ComponentPublicInstance> {
   classes(): string[]
   classes(className: string): boolean
   classes(className?: string): string[] | boolean {
-    return new DOMWrapper(this.element).classes(className)
+    return new DOMWrapper(this.element).classes(className!)
   }
 
   attributes(): { [key: string]: string }
   attributes(key: string): string
   attributes(key?: string): { [key: string]: string } | string {
-    return new DOMWrapper(this.element).attributes(key)
+    return new DOMWrapper(this.element).attributes(key!)
   }
 
   exists() {
     return true
   }
 
-  emitted<T = unknown>(): undefined | Record<string, T[]>
+  emitted<T = unknown>(): Record<string, T[]>
   emitted<T = unknown>(eventName?: string): undefined | T[]
   emitted<T = unknown>(
     eventName?: string

tests/config.spec.ts

@@ -1,4 +1,4 @@
-import { h, inject } from 'vue'
+import { ComponentPublicInstance, h, inject } from 'vue'
 import { config, mount } from '../src'
 import Hello from './components/Hello.vue'
 
@@ -114,7 +114,7 @@ describe('config', () => {
   describe('provide', () => {
     const Comp = {
       setup() {
-        const theme = inject('theme')
+        const theme = inject<string>('theme')
         return () => h('div', theme)
       }
     }
@@ -163,14 +163,14 @@ describe('config', () => {
       expect(createdHook).toHaveBeenCalledTimes(2)
     })
 
-    it('concats with locally defined mixins', () => {
+    it('concat with locally defined mixins', () => {
       config.global.mixins = [mixin]
       const localHook = jest.fn()
       const localMixin = {
         created() {
-          localHook(this.$options.name)
+          localHook(this.$options!.name)
         }
-      }
+      } as Partial<ComponentPublicInstance>
 
       mount(Component, {
         global: {

tests/emit.spec.ts

@@ -93,7 +93,7 @@ describe('emitted', () => {
       name: 'Parent',
       setup(props, { emit }) {
         return () =>
-          h(Child, { onHello: (...events) => emit('parent', ...events) })
+          h(Child, { onHello: (...events: any[]) => emit('parent', ...events) })
       }
     })
     const wrapper = mount(Parent)
@@ -130,10 +130,10 @@ describe('emitted', () => {
     expect(wrapper.emitted('hello')).toEqual(undefined)
 
     wrapper.find('button').trigger('click')
-    expect(wrapper.emitted('hello')[0]).toEqual(['foo', 'bar'])
+    expect((wrapper.emitted('hello') as unknown[])[0]).toEqual(['foo', 'bar'])
 
     wrapper.find('button').trigger('click')
-    expect(wrapper.emitted('hello')[1]).toEqual(['foo', 'bar'])
+    expect((wrapper.emitted('hello') as unknown[])[1]).toEqual(['foo', 'bar'])
 
     expect(wrapper.emitted('hello')).toHaveLength(2)
   })
@@ -157,7 +157,7 @@ describe('emitted', () => {
 
     wrapper.find('h1').trigger('click')
     expect(wrapper.emitted('hello')).toHaveLength(1)
-    expect(wrapper.emitted('hello')[0]).toEqual(['foo', 'bar'])
+    expect((wrapper.emitted('hello') as unknown[])[0]).toEqual(['foo', 'bar'])
   })
 
   it('captures events emitted by class-style components', () => {
@@ -175,12 +175,12 @@ describe('emitted', () => {
 
     wrapper.find('h1').trigger('click')
     expect(wrapper.emitted('hello')).toHaveLength(1)
-    expect(wrapper.emitted('hello')[0]).toEqual(['foo', 'bar'])
+    expect((wrapper.emitted('hello') as unknown[])[0]).toEqual(['foo', 'bar'])
   })
 
   it('captures an event emitted in setup', () => {
     const Comp = {
-      setup(_, { emit }) {
+      setup(_: Record<string, any>, { emit }: { emit: SetupContext['emit'] }) {
         emit('foo')
       }
     }

tests/features/async-components.spec.ts

@@ -1,17 +1,17 @@
 import { defineAsyncComponent, defineComponent, h, AppConfig } from 'vue'
 
 import { mount, flushPromises } from '../../src'
+import { ComponentPublicInstance } from '@vue/runtime-core'
 
 const config: AppConfig = {
   optionMergeStrategies: {},
   globalProperties: {},
   isCustomElement: (tag: string) => false,
   performance: false,
-  errorHandler: (error: Error) => {
-    if (error.message.match(/Async component failed to load./)) {
+  errorHandler: (error: unknown) => {
+    if ((error as Error).message.match(/Async component failed to load./)) {
       return
     }
-    throw error
   }
 }
 

tests/functionalComponents.spec.ts

@@ -1,5 +1,5 @@
 import { mount } from '../src'
-import { h } from 'vue'
+import { h, Slots } from 'vue'
 import Hello from './components/Hello.vue'
 
 describe('functionalComponents', () => {
@@ -17,7 +17,8 @@ describe('functionalComponents', () => {
   })
 
   it('renders the slots of a functional component', () => {
-    const Foo = (props, { slots }) => h('div', { class: 'foo' }, slots)
+    const Foo = (props: Record<string, any>, { slots }: { slots: Slots }) =>
+      h('div', { class: 'foo' }, slots)
 
     const wrapper = mount(Foo, {
       slots: {
@@ -29,7 +30,7 @@ describe('functionalComponents', () => {
   })
 
   it('asserts classes', () => {
-    const Foo = (props, { slots }) => h('div', { class: 'foo' }, slots)
+    const Foo = () => h('div', { class: 'foo' })
 
     const wrapper = mount(Foo, {
       attrs: {

tests/isVisible.spec.ts

@@ -93,9 +93,11 @@ describe('isVisible', () => {
       `,
       methods: {
         add() {
+          // @ts-expect-error
           this.items.push(2)
         },
         remove() {
+          // @ts-expect-error
           this.items.splice(1) // back to [1]
         }
       },

tests/lifecycle.spec.ts

@@ -55,7 +55,7 @@ describe('lifecycles', () => {
     expect(onUnmountFn).not.toHaveBeenCalled()
 
     const removeChildSpy = jest.spyOn(
-      wrapper.element.parentElement,
+      wrapper.element.parentElement!,
       'removeChild'
     )
 

tests/mountingOptions/attachTo.spec.ts

@@ -17,7 +17,7 @@ describe('options.attachTo', () => {
     })
 
     const root = document.getElementById('root')
-    const rendered = document.getElementById('attach-to')
+    const rendered = document.getElementById('attach-to')!
     expect(wrapper.vm.$el.parentNode).not.toBeNull()
     expect(root).not.toBeNull()
     expect(rendered).not.toBeNull()
@@ -36,7 +36,7 @@ describe('options.attachTo', () => {
     })
 
     const root = document.getElementById('root')
-    const rendered = document.getElementById('attach-to')
+    const rendered = document.getElementById('attach-to')!
     expect(wrapper.vm.$el.parentNode).not.toBeNull()
     expect(root).not.toBeNull()
     expect(rendered).not.toBeNull()

tests/mountingOptions/data.spec.ts

@@ -11,7 +11,8 @@ describe('mounting options: data', () => {
           bar: 'bar'
         }
       },
-      render() {
+      render(): Function {
+        // @ts-expect-error
         return h('div', `Foo is ${this.foo} bar is ${this.bar}`)
       }
     }