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

types(AddressEdit): SearchItem optional

Browse Source
This commit is contained in:
chenjiahan 2022-02-18 11:36:55 +08:00
parent 3979ddc40a
commit 27c46b01ae
3 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
packages/vant/src/address-edit/test/__snapshots__/index.spec.js.snap → packages/vant/src/address-edit/test/__snapshots__/index.spec.ts.snap
View File

29
packages/vant/src/address-edit/test/index.spec.js → packages/vant/src/address-edit/test/index.spec.ts
View File

@ -1,4 +1,4 @@
import { AddressEdit } from '..'; import { AddressEdit, AddressEditInstance } from '..';
import { areaList } from '../../area/demo/area-simple'; import { areaList } from '../../area/demo/area-simple';
import { mount, later, trigger } from '../../../test'; import { mount, later, trigger } from '../../../test';
import { submitForm } from '../../form/test/shared'; import { submitForm } from '../../form/test/shared';
@ -58,7 +58,7 @@ test('should allow to custom validator with validator prop', async () => {
const wrapper = mount(AddressEdit, { const wrapper = mount(AddressEdit, {
props: { props: {
areaList, areaList,
validator: (key, value) => `foo ${key}${value}`, validator: (key: string, value: string) => `foo ${key}${value}`,
}, },
}); });
@ -116,9 +116,9 @@ test('should emit changeDetail event after changing address detail', () => {
const wrapper = mount(AddressEdit); const wrapper = mount(AddressEdit);
const field = wrapper.findAll('.van-field__control')[3]; const field = wrapper.findAll('.van-field__control')[3];
field.element.value = '123'; (field.element as HTMLInputElement).value = '123';
field.trigger('input'); field.trigger('input');
expect(wrapper.emitted('changeDetail')[0][0]).toEqual('123'); expect(wrapper.emitted('changeDetail')).toEqual([['123']]);
}); });
test('should show search result after focusing to address detail', async () => { test('should show search result after focusing to address detail', async () => {
@ -134,25 +134,21 @@ test('should show search result after focusing to address detail', async () => {
}); });
const field = wrapper.findAll('.van-field__control')[3]; const field = wrapper.findAll('.van-field__control')[3];
const input = field.element; const input = field.element as HTMLInputElement;
await field.trigger('focus'); await field.trigger('focus');
const items = wrapper.findAll('.van-icon-location-o'); const items = wrapper.findAll('.van-icon-location-o');
items[0].element.parentNode.click(); (items[0].element.parentNode as HTMLElement).click();
await later(); await later();
expect(input.value).toEqual('address1 name1'); expect(input.value).toEqual('address1 name1');
items[1].element.parentNode.click(); (items[1].element.parentNode as HTMLElement).click();
await later(); await later();
expect(input.value).toEqual('name2'); expect(input.value).toEqual('name2');
items[2].element.parentNode.click(); (items[2].element.parentNode as HTMLElement).click();
await later(); await later();
expect(input.value).toEqual('address2'); expect(input.value).toEqual('address2');
await field.trigger('blur');
await later(150);
expect(wrapper.vm.detailFocused).toBeFalsy();
}); });
test('should emit delete event after clicking the delete button', async () => { test('should emit delete event after clicking the delete button', async () => {
@ -173,7 +169,7 @@ test('should update address detail after calling the setAddressDetail method', a
expect(textarea.element.value).toEqual('address detail'); expect(textarea.element.value).toEqual('address detail');
vm.setAddressDetail('test'); (vm as AddressEditInstance).setAddressDetail('test');
await later(); await later();
expect(textarea.element.value).toEqual('test'); expect(textarea.element.value).toEqual('test');
}); });
@ -187,7 +183,7 @@ test('should emit clickArea event after clicking the area field', () => {
const field = wrapper.findAll('.van-field')[2]; const field = wrapper.findAll('.van-field')[2];
field.trigger('click'); field.trigger('click');
expect(wrapper.emitted('clickArea')[0]).toBeTruthy(); expect(wrapper.emitted('clickArea')).toHaveLength(1);
}); });
test('should limit tel maxlength when using tel-maxlength prop', () => { test('should limit tel maxlength when using tel-maxlength prop', () => {
@ -198,8 +194,9 @@ test('should limit tel maxlength when using tel-maxlength prop', () => {
}); });
const telInput = wrapper.find('input[type="tel"]'); const telInput = wrapper.find('input[type="tel"]');
telInput.element.value = '123456'; const inputEl = telInput.element as HTMLInputElement;
inputEl.value = '123456';
trigger(telInput, 'input'); trigger(telInput, 'input');
expect(telInput.element.value).toEqual('1234'); expect(inputEl.value).toEqual('1234');
}); });

4
packages/vant/src/address-edit/types.ts
View File

@ -2,8 +2,8 @@ import type { ComponentPublicInstance } from 'vue';
import type { AddressEditProps } from './AddressEdit'; import type { AddressEditProps } from './AddressEdit';
export type AddressEditSearchItem = { export type AddressEditSearchItem = {
name: string; name?: string;
address: string; address?: string;
}; };
export type AddressEditInfo = { export type AddressEditInfo = {