test: fix index.spec.ts typing (#8201)

src/action-sheet/test/index.spec.ts

@@ -1,5 +1,5 @@
 import { mount } from '../../../test';
-import ActionSheet from '..';
+import ActionSheet, { ActionSheetAction } from '..';
 
 test('should emit select event after clicking option', () => {
   const wrapper = mount(ActionSheet, {
@@ -11,7 +11,9 @@ test('should emit select event after clicking option', () => {
 
   wrapper.find('.van-action-sheet__item').trigger('click');
   expect(wrapper.emitted('select').length).toEqual(1);
-  expect(wrapper.emitted('select')[0][0]).toEqual({ name: 'Option' });
+  expect(wrapper.emitted<[ActionSheetAction]>('select')[0][0]).toEqual({
+    name: 'Option',
+  });
 });
 
 test('should call callback function after clicking option', () => {
@@ -200,7 +202,7 @@ test('should close after clicking option if close-on-click-action prop is true',
   option.trigger('click');
 
   expect(wrapper.emitted('update:show').length).toEqual(1);
-  expect(wrapper.emitted('update:show')[0][0]).toEqual(false);
+  expect(wrapper.emitted<[boolean]>('update:show')[0][0]).toEqual(false);
 });
 
 test('should emit click-overlay event and closed after clicking the overlay', () => {
@@ -213,7 +215,7 @@ test('should emit click-overlay event and closed after clicking the overlay', ()
   });
 
   wrapper.find('.van-overlay').trigger('click');
-  expect(wrapper.emitted('update:show')[0][0]).toEqual(false);
+  expect(wrapper.emitted<[boolean]>('update:show')[0][0]).toEqual(false);
   expect(onClickOverlay).toHaveBeenCalledTimes(1);
 });
 

src/checkbox/test/index.spec.ts

@@ -6,11 +6,11 @@ test('should emit "update:modelValue" event when checkbox icon is clicked', asyn
 
   const icon = wrapper.find('.van-checkbox__icon');
   icon.trigger('click');
-  expect(wrapper.emitted<boolean[]>('update:modelValue')[0][0]).toEqual(true);
+  expect(wrapper.emitted<[boolean]>('update:modelValue')[0][0]).toEqual(true);
 
   await wrapper.setProps({ modelValue: true });
   icon.trigger('click');
-  expect(wrapper.emitted<boolean[]>('update:modelValue')[1][0]).toEqual(false);
+  expect(wrapper.emitted<[boolean]>('update:modelValue')[1][0]).toEqual(false);
 });
 
 test('should emit change event when modelValue is changed', async () => {
@@ -19,11 +19,11 @@ test('should emit change event when modelValue is changed', async () => {
   const icon = wrapper.find('.van-checkbox__icon');
   icon.trigger('click');
   await wrapper.setProps({ modelValue: true });
-  expect(wrapper.emitted<boolean[]>('change')[0][0]).toEqual(true);
+  expect(wrapper.emitted<[boolean]>('change')[0][0]).toEqual(true);
 
   icon.trigger('click');
   await wrapper.setProps({ modelValue: false });
-  expect(wrapper.emitted<boolean[]>('change')[1][0]).toEqual(false);
+  expect(wrapper.emitted<[boolean]>('change')[1][0]).toEqual(false);
 });
 
 test('should not emit "update:modelValue" event when checkbox icon is disabled and clicked', () => {
@@ -59,7 +59,7 @@ test('should emit "update:modelValue" event when label is clicked', () => {
 
   const icon = wrapper.find('.van-checkbox__label');
   icon.trigger('click');
-  expect(wrapper.emitted<boolean[]>('update:modelValue')[0][0]).toEqual(true);
+  expect(wrapper.emitted<[boolean]>('update:modelValue')[0][0]).toEqual(true);
 });
 
 test('should not emit "update:modelValue" event when label is disabled and clicked', () => {

src/contact-edit/test/index.spec.ts

@@ -1,4 +1,5 @@
-import ContactEdit from '..';
+import { VueWrapper } from '@vue/test-utils';
+import ContactEdit, { ContactInfo } from '..';
 import { mount, later } from '../../../test';
 
 const contactInfo = {
@@ -6,7 +7,7 @@ const contactInfo = {
   tel: '13000000000',
 };
 
-async function submitForm(wrapper) {
+async function submitForm(wrapper: VueWrapper<any>) {
   const form = wrapper.find('form');
   await form.trigger('submit');
   return later();
@@ -48,14 +49,14 @@ test('should emit save event after submitting form', async () => {
   });
 
   await submitForm(wrapper);
-  expect(wrapper.emitted('save')[0][0]).toEqual(contactInfo);
+  expect(wrapper.emitted<[ContactInfo]>('save')[0][0]).toEqual(contactInfo);
 });
 
 test('should watch contact info', async () => {
   const wrapper = mount(ContactEdit);
   await wrapper.setProps({ contactInfo });
   await submitForm(wrapper);
-  expect(wrapper.emitted('save')[0][0]).toEqual(contactInfo);
+  expect(wrapper.emitted<[ContactInfo]>('save')[0][0]).toEqual(contactInfo);
 });
 
 test('should allow deleting contact', async () => {
@@ -69,7 +70,7 @@ test('should allow deleting contact', async () => {
   deleteButton.trigger('click');
 
   await later();
-  document.querySelector('.van-dialog__confirm').click();
+  document.querySelector<HTMLElement>('.van-dialog__confirm')?.click();
 
   await later();
   expect(wrapper.emitted('delete')).toBeTruthy();

src/image/test/index.spec.ts

@@ -13,7 +13,7 @@ test('should emit load event after image loaded', async () => {
 
   await wrapper.find('img').trigger('load');
 
-  expect(wrapper.emitted('load')[0][0]).toBeTruthy();
+  expect(wrapper.emitted<[Event]>('load')[0][0]).toBeTruthy();
   expect(wrapper.html()).toMatchSnapshot();
 });
 
@@ -37,7 +37,7 @@ test('should emit error event when load image failed', () => {
   });
 
   wrapper.find('img').trigger('error');
-  expect(wrapper.emitted('error')[0][0]).toBeTruthy();
+  expect(wrapper.emitted<[Event]>('error')[0][0]).toBeTruthy();
 });
 
 test('should render loading placeholder when using lazy-load prop', () => {

src/pull-refresh/test/index.spec.ts

@@ -111,7 +111,7 @@ test('should render success text correctly', async () => {
   await later();
 
   // loading
-  expect(wrapper.emitted('update:modelValue')[0][0]).toBeTruthy();
+  expect(wrapper.emitted<[boolean]>('update:modelValue')[0][0]).toBeTruthy();
   await wrapper.setProps({ modelValue: true });
 
   // success
@@ -133,7 +133,7 @@ test('should render success slot correctly', async () => {
   // loading
   const track = wrapper.find('.van-pull-refresh__track');
   triggerDrag(track, 0, 100);
-  expect(wrapper.emitted('update:modelValue')[0][0]).toBeTruthy();
+  expect(wrapper.emitted<[boolean]>('update:modelValue')[0][0]).toBeTruthy();
   await wrapper.setProps({ modelValue: true });
 
   // success

src/share-sheet/test/index.spec.ts

@@ -68,7 +68,7 @@ test('should emit cancel event when the cancel button is clicked', () => {
 
   wrapper.find('.van-share-sheet__cancel').trigger('click');
 
-  expect(wrapper.emitted('update:show')[0][0]).toEqual(false);
+  expect(wrapper.emitted<[boolean]>('update:show')[0][0]).toEqual(false);
   expect(wrapper.emitted('cancel')[0]).toBeTruthy();
 });
 
@@ -99,8 +99,8 @@ test('should emit click-overlay event when overlay is clicked', async () => {
 
   await later();
 
-  const overlay = root.querySelector('.van-overlay');
+  const overlay = root.querySelector('.van-overlay')!;
   trigger(overlay, 'click');
   expect(onClickOverlay).toHaveBeenCalledTimes(1);
-  expect(wrapper.emitted('update:show')[0][0]).toEqual(false);
+  expect(wrapper.emitted<[boolean]>('update:show')[0][0]).toEqual(false);
 });

src/slider/index.tsx

@@ -85,7 +85,7 @@ export default createComponent({
       if (isRange(modelValue)) {
         return `${((modelValue[0] - Number(min)) * 100) / scope.value}%`;
       }
-      return `0%`;
+      return '0%';
     };
 
     const barStyle = computed<CSSProperties>(() => {

src/slider/test/index.spec.ts

@@ -6,7 +6,7 @@ import {
   mockGetBoundingClientRect,
 } from '../../../test';
 
-function mockRect(vertical) {
+function mockRect(vertical?: boolean) {
   return mockGetBoundingClientRect({
     width: vertical ? 0 : 100,
     height: vertical ? 100 : 0,
@@ -169,18 +169,6 @@ test('should emit "update:modelValue" event after clicking vertical slider', ()
   expect(wrapper.emitted('update:modelValue').pop()).toEqual([100]);
 });
 
-test('should format initial value', (done) => {
-  mount(Slider, {
-    props: {
-      modelValue: null,
-      'onUpdate:modelValue': (value) => {
-        expect(value).toEqual(0);
-        done();
-      },
-    },
-  });
-});
-
 test('should not emit change event when value not changed', async () => {
   const wrapper = mount(Slider, {
     props: {

src/switch/index.tsx

@@ -14,11 +14,11 @@ export default createComponent({
     inactiveColor: String,
     activeValue: {
       type: UnknownProp,
-      default: true,
+      default: true as unknown,
     },
     inactiveValue: {
       type: UnknownProp,
-      default: false,
+      default: false as unknown,
     },
   },
 

src/switch/test/index.spec.ts

@@ -6,12 +6,12 @@ test('should emit update:modelValue event when click the switch button', async (
 
   wrapper.trigger('click');
   expect(wrapper.emitted('update:modelValue').length).toEqual(1);
-  expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(true);
+  expect(wrapper.emitted<[boolean]>('update:modelValue')[0][0]).toEqual(true);
 
   await wrapper.setProps({ modelValue: true });
   wrapper.trigger('click');
   expect(wrapper.emitted('update:modelValue').length).toEqual(2);
-  expect(wrapper.emitted('update:modelValue')[1][0]).toEqual(false);
+  expect(wrapper.emitted<[boolean]>('update:modelValue')[1][0]).toEqual(false);
 });
 
 test('should emit change event when click the switch button', async () => {
@@ -19,12 +19,12 @@ test('should emit change event when click the switch button', async () => {
 
   wrapper.trigger('click');
   expect(wrapper.emitted('change').length).toEqual(1);
-  expect(wrapper.emitted('change')[0][0]).toEqual(true);
+  expect(wrapper.emitted<[boolean]>('change')[0][0]).toEqual(true);
 
   await wrapper.setProps({ modelValue: true });
   wrapper.trigger('click');
   expect(wrapper.emitted('change').length).toEqual(2);
-  expect(wrapper.emitted('change')[1][0]).toEqual(false);
+  expect(wrapper.emitted<[boolean]>('change')[1][0]).toEqual(false);
 });
 
 test('should not emit change event or update:modelValue event if disabled', async () => {
@@ -107,5 +107,5 @@ test('should allow to custom active-value and inactive-value', () => {
   expect(wrapper.find('.van-switch--on').exists()).toBeTruthy();
 
   wrapper.trigger('click');
-  expect(wrapper.emitted('update:modelValue')[0][0]).toEqual('off');
+  expect(wrapper.emitted<[boolean]>('update:modelValue')[0][0]).toEqual('off');
 });

src/utils/test/index.spec.ts

@@ -17,7 +17,6 @@ test('deepClone', () => {
   expect(deepClone(b)).toEqual(b);
   expect(deepClone(noop)).toEqual(noop);
   expect(deepClone(arr)).toEqual(arr);
-  expect(deepClone(undefined)).toEqual(undefined);
 });
 
 test('deepAssign', () => {

tsconfig.json

@@ -13,6 +13,5 @@
       "@demo/*": ["docs/site/*"]
     }
   },
-  "include": ["types/**/*", "docs/**/*", "src/**/*"],
+  "include": ["types/**/*", "docs/**/*", "src/**/*"]
-  "exclude": ["**/index.spec.ts", "**/*.spec.js", "node_modules"]
 }