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

[new feature] Field: add click-left-icon event (#2605)

Browse Source
This commit is contained in:
neverland
2019-01-24 22:32:47 +08:00
committed by GitHub
parent 3e27b93351
commit 368cb51dba
8 changed files with 71 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/field/test/__snapshots__/demo.spec.js.snap
+4 -3
View File
@@ -17,7 +17,7 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell__title"><span>用户名</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
<div class="van-field__icon"><i class="van-icon van-icon-question-o" style="color:undefined;font-size:undefined;">
<div class="van-field__right-icon"><i class="van-icon van-icon-question-o" style="color:undefined;font-size:undefined;">
<!----></i></div>
</div>
</div>
@@ -32,8 +32,9 @@ exports[`renders demo correctly 1`] = `
</div>
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div disabled="disabled" class="van-cell van-field"><i class="van-icon van-icon-contact van-cell__left-icon" style="color:undefined;font-size:undefined;">
<!----></i>
<div disabled="disabled" class="van-cell van-field">
<div class="van-field__left-icon"><i class="van-icon van-icon-contact" style="color:undefined;font-size:undefined;">
<!----></i></div>
<div class="van-cell__title"><span>用户名</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" disabled="disabled" value="输入框已禁用" class="van-field__control"></div>
packages/field/test/index.spec.js
+6 -2
View File
@@ -15,13 +15,17 @@ test('click icon event', () => {
const wrapper = mount(Field, {
propsData: {
value: 'a',
icon: 'search',
leftIcon: 'contact',
rightIcon: 'search',
onIconClick
}
});
wrapper.find('.van-field__icon').trigger('click');
wrapper.find('.van-field__left-icon').trigger('click');
wrapper.find('.van-field__right-icon').trigger('click');
expect(wrapper.emitted('click-icon')).toBeTruthy();
expect(wrapper.emitted('click-left-icon')).toBeTruthy();
expect(wrapper.emitted('click-right-icon')).toBeTruthy();
expect(onIconClick.mock.calls.length).toBe(1);
});