alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

test: improve test cases typing (#8202)

Browse Source
This commit is contained in:
neverland
2021-02-23 20:54:28 +08:00
committed by GitHub
parent 1170262d72
commit 2168382917
9 changed files with 50 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/stepper/test/__snapshots__/index.spec.js.snap → src/stepper/test/__snapshots__/index.spec.ts.snap
View File
src/stepper/test/index.spec.js → src/stepper/test/index.spec.ts
+25 -24
View File
@@ -31,7 +31,7 @@ test('should emit minus event when clicking the minus button', async () => {
expect(wrapper.emitted('overlimit')).toBeFalsy();
expect(wrapper.emitted('minus')).toBeTruthy();
expect(wrapper.emitted('change')[0]).toEqual([1, { name: '' }]);
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(1);
expect(wrapper.emitted('update:modelValue')[0]).toEqual([1]);
});
test('should emit plus event when clicking the plus button', async () => {
@@ -46,7 +46,7 @@ test('should emit plus event when clicking the plus button', async () => {
expect(wrapper.emitted('overlimit')).toBeFalsy();
expect(wrapper.emitted('plus')).toBeTruthy();
expect(wrapper.emitted('change')[0]).toEqual([3, { name: '' }]);
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(3);
expect(wrapper.emitted('update:modelValue')[0]).toEqual([3]);
});
test('should emit overlimit event when clicking disabled buttons', async () => {
@@ -59,11 +59,11 @@ test('should emit overlimit event when clicking disabled buttons', async () => {
const minus = wrapper.find('.van-stepper__minus');
await minus.trigger('click');
expect(wrapper.emitted('overlimit')[0][0]).toEqual('minus');
expect(wrapper.emitted('overlimit')[0]).toEqual(['minus']);
const plus = wrapper.find('.van-stepper__plus');
await plus.trigger('click');
expect(wrapper.emitted('overlimit')[1][0]).toEqual('plus');
expect(wrapper.emitted('overlimit')[1]).toEqual(['plus']);
});
test('should disable plus button when disable-plus prop is true', async () => {
@@ -122,7 +122,7 @@ test('should update value after long pressing', async () => {
await plus.trigger('touchstart');
await plus.trigger('touchend');
await plus.trigger('click');
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(2);
expect(wrapper.emitted('update:modelValue')[0]).toEqual([2]);
await plus.trigger('touchstart');
await later(1000);
@@ -154,19 +154,20 @@ test('should filter invalid value during user input', async () => {
});
const input = wrapper.find('.van-stepper__input');
input.element.value = '';
const inputEl = input.element as HTMLInputElement;
inputEl.value = '';
await input.trigger('input');
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual('');
expect(wrapper.emitted('update:modelValue')[0]).toEqual(['']);
input.element.value = 'a';
inputEl.value = 'a';
await input.trigger('input');
expect(input.element.value).toEqual('');
expect(inputEl.value).toEqual('');
expect(wrapper.emitted('update:modelValue')[1]).toBeFalsy();
input.element.value = '2';
inputEl.value = '2';
await input.trigger('input');
expect(input.element.value).toEqual('2');
expect(wrapper.emitted('update:modelValue')[1][0]).toEqual(2);
expect(inputEl.value).toEqual('2');
expect(wrapper.emitted('update:modelValue')[1]).toEqual([2]);
});
test('shoud watch modelValue and format it', async () => {
@@ -178,7 +179,7 @@ test('shoud watch modelValue and format it', async () => {
});
await wrapper.setProps({ modelValue: 10 });
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(5);
expect(wrapper.emitted('update:modelValue')[0]).toEqual([5]);
});
test('should format value to integer when using integer prop', async () => {
@@ -194,7 +195,7 @@ test('should format value to integer when using integer prop', async () => {
await input.trigger('input');
await input.trigger('blur');
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(2);
expect(wrapper.emitted('update:modelValue')[0]).toEqual([2]);
});
test('should format value to default value when input is invalid', async () => {
@@ -239,10 +240,10 @@ test('should format input value when stepper blured', async () => {
const input = wrapper.find('input');
input.element.value = '';
await input.trigger('input');
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual('');
expect(wrapper.emitted('update:modelValue')[0]).toEqual(['']);
await input.trigger('blur');
expect(wrapper.emitted('update:modelValue')[1][0]).toEqual(3);
expect(wrapper.emitted('update:modelValue')[1]).toEqual([3]);
expect(wrapper.emitted('blur')).toBeTruthy();
});
@@ -332,7 +333,7 @@ test('should limit dicimal length when using decimal-length prop', async () => {
});
const plus = wrapper.find('.van-stepper__plus');
await plus.trigger('click');
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual('1.20');
expect(wrapper.emitted('update:modelValue')[0]).toEqual(['1.20']);
});
test('should limit decimal-length when inputing', async () => {
@@ -356,11 +357,11 @@ test('should emit change event with name when using name prop', async () => {
const plus = wrapper.find('.van-stepper__plus');
await plus.trigger('click');
expect(wrapper.emitted('change')[0][1]).toEqual({ name: '' });
expect(wrapper.emitted('change')[0]).toEqual([2, { name: '' }]);
await wrapper.setProps({ name: 'name' });
await plus.trigger('click');
expect(wrapper.emitted('change')[1][1]).toEqual({ name: 'name' });
expect(wrapper.emitted('change')[1]).toEqual([3, { name: 'name' }]);
});
test('should watch min and max props and format modelValue', async () => {
@@ -371,13 +372,13 @@ test('should watch min and max props and format modelValue', async () => {
});
await wrapper.setProps({ min: 10 });
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(10);
expect(wrapper.emitted('update:modelValue')[0]).toEqual([10]);
await wrapper.setProps({
min: 3,
max: 8,
});
expect(wrapper.emitted('update:modelValue')[1][0]).toEqual(8);
expect(wrapper.emitted('update:modelValue')[1]).toEqual([8]);
});
test('should watch decimal-length prop and format modelValue', async () => {
@@ -387,7 +388,7 @@ test('should watch decimal-length prop and format modelValue', async () => {
},
});
await wrapper.setProps({ decimalLength: 1 });
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual('1.3');
expect(wrapper.emitted('update:modelValue')[0]).toEqual(['1.3']);
});
test('should watch integer prop and format modelValue', async () => {
@@ -397,7 +398,7 @@ test('should watch integer prop and format modelValue', async () => {
},
});
await wrapper.setProps({ integer: true });
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(1);
expect(wrapper.emitted('update:modelValue')[0]).toEqual([1]);
});
test('should render placeholder correctly', () => {
@@ -424,5 +425,5 @@ test('should allow input be to empty when using allow-empty prop', async () => {
await wrapper.setProps({ allowEmpty: false });
await input.trigger('blur');
expect(wrapper.emitted('update:modelValue')[0][0]).toEqual(1);
expect(wrapper.emitted('update:modelValue')[0]).toEqual([1]);
});