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

[Improvement] Field: support clearable (#1309)

Browse Source
This commit is contained in:
neverland
2018-06-20 20:09:04 +08:00
committed by GitHub
parent c368e36aea
commit 0a99da352e
19 changed files with 312 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/field/test/__snapshots__/demo.spec.js.snap
+55 -27
View File
@@ -8,9 +8,12 @@ exports[`renders demo correctly 1`] = `
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<input type="text" placeholder="请输入用户名" value="" class="van-field__control">
<!---->
<!---->
<div class="van-field__body">
<input type="text" placeholder="请输入用户名" value="" class="van-field__control">
<!---->
<!---->
<!---->
</div>
<!---->
</div>
<!---->
@@ -25,9 +28,16 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
<div class="van-cell__value">
<input type="text" placeholder="请输入用户名" value="" class="van-field__control">
<!---->
<!---->
<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" style="color:undefined;">
<!---->
</i>
</div>
<!---->
</div>
<!---->
</div>
<!---->
@@ -38,9 +48,12 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
<div class="van-cell__value">
<input type="password" placeholder="请输入密码" value="" class="van-field__control">
<!---->
<!---->
<div class="van-field__body">
<input type="password" placeholder="请输入密码" value="" class="van-field__control">
<!---->
<!---->
<!---->
</div>
<!---->
</div>
<!---->
@@ -57,9 +70,12 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
<div class="van-cell__value">
<input type="text" disabled="disabled" value="输入框已禁用" class="van-field__control">
<!---->
<!---->
<div class="van-field__body">
<input type="text" disabled="disabled" value="输入框已禁用" class="van-field__control">
<!---->
<!---->
<!---->
</div>
<!---->
</div>
<!---->
@@ -74,9 +90,12 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
<div class="van-cell__value">
<input type="text" placeholder="请输入用户名" value="" class="van-field__control">
<!---->
<!---->
<div class="van-field__body">
<input type="text" placeholder="请输入用户名" value="" class="van-field__control">
<!---->
<!---->
<!---->
</div>
<!---->
</div>
<!---->
@@ -87,10 +106,13 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
<div class="van-cell__value">
<input type="text" placeholder="请输入手机号" value="1365577" class="van-field__control">
<div class="van-field__body">
<input type="text" placeholder="请输入手机号" value="1365577" class="van-field__control">
<!---->
<!---->
<!---->
</div>
<div class="van-field__error-message">手机号格式错误</div>
<!---->
<!---->
</div>
<!---->
</div>
@@ -104,9 +126,12 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
<div class="van-cell__value">
<textarea placeholder="请输入留言" rows="1" class="van-field__control"></textarea>
<!---->
<!---->
<div class="van-field__body">
<textarea placeholder="请输入留言" rows="1" class="van-field__control"></textarea>
<!---->
<!---->
<!---->
</div>
<!---->
</div>
<!---->
@@ -121,15 +146,18 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
<div class="van-cell__value">
<input type="text" placeholder="请输入短信验证码" value="" class="van-field__control">
<!---->
<div class="van-field__body">
<input type="text" placeholder="请输入短信验证码" value="" class="van-field__control">
<!---->
<!---->
<div class="van-field__button">
<button class="van-button van-button--primary van-button--small">
<!----><span class="van-button__text">发送验证码</span></button>
</div>
</div>
<!---->
</div>
<!---->
<div class="van-field__button">
<button class="van-button van-button--primary van-button--small">
<!----><span class="van-button__text">发送验证码</span></button>
</div>
</div>
</div>
</div>
packages/field/test/__snapshots__/index.spec.js.snap
+6 -3
View File
@@ -5,9 +5,12 @@ exports[`render textarea 1`] = `
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<textarea class="van-field__control" style="height: auto;"></textarea>
<!---->
<!---->
<div class="van-field__body">
<textarea class="van-field__control" style="height: auto;"></textarea>
<!---->
<!---->
<!---->
</div>
<!---->
</div>
<!---->
packages/field/test/index.spec.js
+4 -6
View File
@@ -21,7 +21,7 @@ test('click icon event', () => {
}
});
wrapper.find('.van-field__icon').trigger('touchstart');
wrapper.find('.van-field__icon').trigger('click');
expect(wrapper.emitted('click-icon')).toBeTruthy();
expect(onIconClick.mock.calls.length).toBe(1);
});
@@ -102,11 +102,9 @@ test('autosize object', async() => {
test('blur method', () => {
const fn = jest.fn();
const wrapper = mount(Field, {
listeners: {
blur: fn
}
});
const wrapper = mount(Field);
wrapper.vm.$on('blur', fn);
wrapper.find('input').element.focus();
wrapper.vm.blur();