blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 05:42:44 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
neverland 2021-02-23 19:43:29 +08:00 committed by GitHub
parent f0f89f1c4c
commit 1170262d72
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 34 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/action-sheet/test/index.spec.ts
View File

@ -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);
});

10
src/checkbox/test/index.spec.ts
View File

@ -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', () => {

11
src/contact-edit/test/index.spec.ts
View File

@ -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();

4
src/image/test/index.spec.ts
View File

@ -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', () => {

4
src/pull-refresh/test/index.spec.ts
View File

@ -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

6
src/share-sheet/test/index.spec.ts
View File

@ -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);
});

2
src/slider/index.tsx
View File

@ -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>(() => {

14
src/slider/test/index.spec.ts
View File

@ -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: {

4
src/switch/index.tsx
View File

@ -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,
},
},

10
src/switch/test/index.spec.ts
View File

@ -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');
});

1
src/utils/test/index.spec.ts
View File

@ -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', () => {

3
tsconfig.json
View File

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