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

perf(ContactEdit): using Form (#8015)

Browse Source
This commit is contained in:
neverland
2021-01-26 21:10:54 +08:00
committed by GitHub
parent 4f1521010a
commit 8c7a265082
3 changed files with 49 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/contact-edit/test/__snapshots__/demo.spec.js.snap
+3 -3
View File
@@ -2,7 +2,7 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-contact-edit">
<form class="van-form van-contact-edit">
<div class="van-contact-edit__fields">
<div class="van-cell van-field">
<div class="van-cell__title van-field__label">
@@ -51,7 +51,7 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</div>
<div class="van-contact-edit__buttons">
<button type="button"
<button type="submit"
class="van-button van-button--danger van-button--normal van-button--block van-button--round"
>
<div class="van-button__content">
@@ -70,6 +70,6 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</button>
</div>
</div>
</form>
</div>
`;
src/contact-edit/test/index.spec.js
+11 -26
View File
@@ -6,6 +6,12 @@ const contactInfo = {
tel: '13000000000',
};
async function submitForm(wrapper) {
const form = wrapper.find('form');
await form.trigger('submit');
return later();
}
test('should validate contact name before submitting form', async () => {
const wrapper = mount(ContactEdit, {
props: {
@@ -16,16 +22,8 @@ test('should validate contact name before submitting form', async () => {
},
});
const button = wrapper.find('.van-button');
button.trigger('click');
await later();
await submitForm(wrapper);
expect(wrapper.find('.van-field__error-message').html()).toMatchSnapshot();
const fields = wrapper.findAll('.van-field__control');
fields[0].trigger('focus');
await later();
expect(wrapper.find('.van-field__error-message').exists()).toBeFalsy();
});
test('should validate contact tel before submitting form', async () => {
@@ -38,16 +36,8 @@ test('should validate contact tel before submitting form', async () => {
},
});
const button = wrapper.find('.van-button');
button.trigger('click');
await later();
await submitForm(wrapper);
expect(wrapper.find('.van-field__error-message').html()).toMatchSnapshot();
const fields = wrapper.findAll('.van-field__control');
fields[1].trigger('focus');
await later();
expect(wrapper.find('.van-field__error-message').exists()).toBeFalsy();
});
test('should emit save event after submitting form', async () => {
@@ -57,19 +47,14 @@ test('should emit save event after submitting form', async () => {
},
});
const button = wrapper.find('.van-button');
button.trigger('click');
await later();
await submitForm(wrapper);
expect(wrapper.emitted('save')[0][0]).toEqual(contactInfo);
});
test('should watch contact info', async () => {
const wrapper = mount(ContactEdit);
const button = wrapper.find('.van-button');
wrapper.setProps({ contactInfo });
await later();
button.trigger('click');
await wrapper.setProps({ contactInfo });
await submitForm(wrapper);
expect(wrapper.emitted('save')[0][0]).toEqual(contactInfo);
});