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

fix(Field): should limit number input in iOS (#5520)

Browse Source
This commit is contained in:
neverland
2020-01-09 13:58:49 +08:00
committed by GitHub
parent ccdedecee7
commit 3bfcf671b9
6 changed files with 181 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/field/test/__snapshots__/demo.spec.js.snap
+30 -23
View File
@@ -6,26 +6,7 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone">
<div class="van-field__body"><input type="text" placeholder="请输入用户名" class="van-field__control"></div>
</div>
</div>
</div>
</div>
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--required van-field">
<div class="van-cell__title van-field__label"><span>用户名</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入用户名" class="van-field__control">
<div class="van-field__right-icon"><i class="van-icon van-icon-question-o">
<!----></i></div>
</div>
</div>
</div>
<div class="van-cell van-cell--required van-field">
<div class="van-cell__title van-field__label"><span>密码</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="password" placeholder="请输入密码" class="van-field__control"></div>
<div class="van-field__body"><input type="text" placeholder="请输入文本" class="van-field__control"></div>
</div>
</div>
</div>
@@ -33,9 +14,35 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-field">
<div class="van-field__left-icon"><i class="van-icon van-icon-contact">
<!----></i></div>
<div class="van-cell__title van-field__label"><span>用户名</span></div>
<div class="van-cell__title van-field__label"><span>文本</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入文本" class="van-field__control"></div>
</div>
</div>
<div class="van-cell van-field">
<div class="van-cell__title van-field__label"><span>密码</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="password" placeholder="请输入密码" class="van-field__control"></div>
</div>
</div>
<div class="van-cell van-field">
<div class="van-cell__title van-field__label"><span>数字</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入数字" class="van-field__control"></div>
</div>
</div>
<div class="van-cell van-field">
<div class="van-cell__title van-field__label"><span>手机号</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="tel" placeholder="请输入手机号" class="van-field__control"></div>
</div>
</div>
</div>
</div>
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-field">
<div class="van-cell__title van-field__label"><span>文本</span></div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" disabled="disabled" class="van-field__control"></div>
</div>
src/field/test/index.spec.js
+11 -18
View File
@@ -33,7 +33,7 @@ test('click icon event', () => {
expect(wrapper.emitted('click-right-icon')[0][0]).toBeTruthy();
});
test('keypress event', () => {
test('number type', () => {
const wrapper = mount(Field, {
propsData: {
value: '',
@@ -41,26 +41,19 @@ test('keypress event', () => {
}
});
const fn = jest.fn();
const { calls } = fn.mock;
const press = keyCode => wrapper.vm.onKeypress({
keyCode,
preventDefault: fn
});
const input = wrapper.find('input');
press(0);
expect(calls.length).toBe(1);
input.element.value = '1';
input.trigger('input');
expect(wrapper.emitted('input')[0][0]).toEqual('1');
press(50);
expect(calls.length).toBe(1);
input.element.value = '1.2.';
input.trigger('input');
expect(wrapper.emitted('input')[1][0]).toEqual('1.2');
wrapper.setProps({ value: '0.1' });
press(46);
expect(calls.length).toBe(2);
wrapper.setProps({ type: 'text' });
press(0);
expect(calls.length).toBe(2);
input.element.value = '123abc';
input.trigger('input');
expect(wrapper.emitted('input')[2][0]).toEqual('123');
});
test('render textarea', async () => {