ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-17 08:37:23 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[bugfix] Search: incomplete text display in iOS (#974)

Browse Source
This commit is contained in:
neverland
2018-05-02 20:22:12 +08:00
committed by GitHub
parent 8e088fd0f5
commit 593b09a026
3 changed files with 31 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
test/specs/search.spec.js
View File

@@ -12,17 +12,6 @@ describe('Search', () => {
wrapper = mount(Search);
expect(wrapper.hasClass('van-search')).to.be.true;
expect(wrapper.data().focusStatus).to.be.false;
expect(wrapper.data().isFocus).to.be.false;
});
it('focus on input', () => {
wrapper = mount(Search);
const input = wrapper.find('.van-search__input')[0];
input.trigger('focus');
expect(wrapper.data().isFocus).to.be.true;
});
it('create a search with searchText', (done) => {
@@ -33,7 +22,7 @@ describe('Search', () => {
});
wrapper.vm.$nextTick(() => {
const input = wrapper.find('.van-search__input')[0];
const input = wrapper.find('input')[0];
expect(input.element.value === 'search text').to.be.true;
done();
});
@@ -42,7 +31,7 @@ describe('Search', () => {
it('emit input event', () => {
wrapper = mount(Search);
const input = wrapper.find('.van-search__input')[0];
const input = wrapper.find('input')[0];
const eventStub = sinon.stub(wrapper.vm, '$emit');
input.trigger('input', { target: { value: 'search' }});
@@ -65,14 +54,13 @@ describe('Search', () => {
inputSpy();
});
const input = wrapper.find('.van-search__input')[0];
const input = wrapper.find('input')[0];
input.trigger('focus');
const cleanBtn = wrapper.find('.van-icon-clear')[0];
cleanBtn.trigger('click');
const cleanBtn = wrapper.find('.van-field__icon')[0];
cleanBtn.trigger('touchstart');
wrapper.vm.$nextTick(() => {
expect(focusSpy.calledOnce).to.be.true;
expect(inputSpy.calledOnce).to.be.true;
expect(value).to.equal('');
done();
@@ -91,8 +79,6 @@ describe('Search', () => {
cancelBtn.trigger('click');
wrapper.vm.$nextTick(() => {
expect(wrapper.vm.focusStatus).to.be.false;
expect(wrapper.vm.isFocus).to.be.false;
expect(eventStub.calledTwice).to.be.true;
expect(eventStub.calledWith('input'));
expect(eventStub.calledWith('change'));
@@ -106,7 +92,7 @@ describe('Search', () => {
const searchSpy = sinon.spy();
wrapper.vm.$on('search', searchSpy);
const input = wrapper.find('.van-search__input')[0];
const input = wrapper.find('input')[0];
input.trigger('keypress.enter');
expect(searchSpy.calledOnce).to.be.true;
@@ -115,18 +101,4 @@ describe('Search', () => {
input.trigger('keypress.a');
expect(keypressSpy.calledOnce).to.be.true;
});
it('blur after click outside', () => {
wrapper = mount(Search);
const input = wrapper.find('.van-search__input')[0];
input.trigger('focus');
expect(wrapper.vm.isFocus).to.be.true;
const body = document.body;
body.click();
expect(wrapper.vm.isFocus).to.be.false;
expect(wrapper.vm.focusStatus).to.be.false;
});
});