chore: test refactoring

test/createApp.spec.js → test/createApp.spec.ts

@@ -1,19 +1,18 @@
-const Vue = require('vue/dist/vue.common.js')
-const { createApp, defineComponent, ref, h } = require('../src')
+import { createApp, defineComponent, ref, nextTick } from '../src'
 
 describe('createApp', () => {
   it('should work', async () => {
-    const vm = new Vue({
+    const app = createApp({
       setup() {
         return {
           a: ref(1),
         }
       },
       template: '<p>{{a}}</p>',
-    }).$mount()
+    })
+    const vm = app.mount()
 
-    await Vue.nextTick()
-    expect(vm.a).toBe(1)
+    await nextTick()
     expect(vm.$el.textContent).toBe('1')
   })
 
@@ -31,7 +30,7 @@ describe('createApp', () => {
     )
     const vm = app.mount()
 
-    await Vue.nextTick()
+    await nextTick()
     expect(vm.$el.textContent).toBe('foobar')
   })
 
@@ -60,7 +59,7 @@ describe('createApp', () => {
     app.component('Foo', Foo)
     const vm = app.mount()
 
-    await Vue.nextTick()
+    await nextTick()
     expect(vm.$el.textContent).toBe('foobar')
   })
 })

test/helpers/index.ts

@@ -0,0 +1,2 @@
+export * from './mockWarn'
+export * from './utils'

test/misc.spec.js → test/misc.spec.ts

@@ -1,9 +1,9 @@
-const Vue = require('vue/dist/vue.common.js')
-const { ref, nextTick } = require('../src')
+import Vue from './vue'
+import { ref, nextTick } from '../src'
 
 describe('nextTick', () => {
-  it('should works', () => {
-    const vm = new Vue({
+  it('should works with callbacks', () => {
+    const vm = new Vue<{ a: number }>({
       template: `<div>{{a}}</div>`,
       setup() {
         return {
@@ -28,7 +28,7 @@ describe('nextTick', () => {
   })
 
   it('should works with await', async () => {
-    const vm = new Vue({
+    const vm = new Vue<{ a: number }>({
       template: `<div>{{a}}</div>`,
       setup() {
         return {

test/v3/reactivity/computed.spec.ts

@@ -4,9 +4,9 @@ import {
   ref,
   watchEffect,
   WritableComputedRef,
+  nextTick,
 } from '../../../src'
-import { mockWarn } from '../../helpers/mockWarn'
-import { nextTick } from '../../helpers/utils'
+import { mockWarn } from '../../helpers'
 
 describe('reactivity/computed', () => {
   mockWarn(true)

test/v3/runtime-core/apiLifecycle.spec.ts

@@ -9,8 +9,8 @@ import {
   onUpdated,
   onBeforeUnmount,
   onUnmounted,
+  nextTick,
 } from '../../../src'
-import { nextTick } from '../../helpers/utils'
 
 // reference: https://vue-composition-api-rfc.netlify.com/api.html#lifecycle-hooks
 

test/v3/runtime-core/apiWatch.spec.ts

@@ -6,8 +6,8 @@ import {
   ref,
   set,
   shallowReactive,
+  nextTick,
 } from '../../../src'
-import { nextTick } from '../../helpers/utils'
 import Vue from 'vue'
 
 // reference: https://vue-composition-api-rfc.netlify.com/api.html#watch
@@ -515,7 +515,6 @@ describe('api: watch', () => {
   //   expect(warnSpy).toHaveBeenCalledWith(`"deep" option is only respected`);
   // });
 
-
   // #388
   it('should not call the callback multiple times', () => {
     const data = ref([1, 1, 1, 1, 1])

test/vue.ts

@@ -0,0 +1,8 @@
+// `vue.common.js` is required for shallow mounts.
+// Typescript can not infer it properly, this file is a workround to set the type
+
+// @ts-ignore
+import _vue from 'vue/dist/vue.common'
+import { VueConstructor } from 'vue'
+
+export default (_vue as any) as VueConstructor