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

[Improvement] Rebuild test system (#1051)

Browse Source
This commit is contained in:
neverland
2018-05-12 14:04:32 +08:00
committed by GitHub
parent 360f2f40b1
commit a55eda8891
185 changed files with 4989 additions and 7950 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/submit-bar/index.vue
View File

@@ -12,7 +12,7 @@
<span :class="b('price-decimal')">{{ priceDecimal }}</span>
</template>
</div>
<van-button :type="buttonType" :disabled="disabled" :loading="loading" @click="onSubmit">
<van-button :type="buttonType" :disabled="disabled" :loading="loading" @click="$emit('submit')">
{{ loading ? '' : buttonText }}
</van-button>
</div>
@@ -59,14 +59,6 @@ export default create({
const decimal = Math.floor(this.price % 100);
return (decimal < 10 ? '0' : '') + decimal;
}
},
methods: {
onSubmit() {
if (!this.disabled && !this.loading) {
this.$emit('submit');
}
}
}
});
</script>

78
packages/submit-bar/test/__snapshots__/index.spec.js.snap Normal file
View File

@@ -0,0 +1,78 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders submit-bar correctly 1`] = `
<div>
<div>
<div class="van-submit-bar">
<div class="van-submit-bar__tip" style="display:none;">
</div>
<div class="van-submit-bar__bar">
<div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
<button class="van-button van-button--danger van-button--normal">
<!----><span class="van-button__text">
提交订单
</span></button>
</div>
</div>
</div>
<div>
<div class="van-submit-bar">
<div class="van-submit-bar__tip">
您的收货地址不支持同城送, 我们已为您推荐快递</div>
<div class="van-submit-bar__bar">
<div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
<button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--disabled van-button--unclickable">
<!----><span class="van-button__text">
提交订单
</span></button>
</div>
</div>
</div>
<div>
<div class="van-submit-bar">
<div class="van-submit-bar__tip" style="display:none;">
</div>
<div class="van-submit-bar__bar">
<div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
<button class="van-button van-button--danger van-button--normal van-button--loading van-button--unclickable">
<div class="van-loading van-loading--circular van-loading--white" style="width:20px;height:20px;"><span class="van-loading__spinner van-loading__spinner--circular"> <svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div> <span class="van-button__text">
</span></button>
</div>
</div>
</div>
<div>
<div class="van-submit-bar">
<div class="van-submit-bar__tip">
<span>
您的收货地址不支持同城送, <span class="van-edit-address">修改地址</span></span>
</div>
<div class="van-submit-bar__bar">
<div class="van-checkbox">
<i class="van-icon van-icon-success van-checkbox__icon van-checkbox--round van-checkbox--checked" style="color:undefined;">
<!---->
</i> <span class="van-checkbox__label">全选</span></div>
<div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
<button class="van-button van-button--danger van-button--normal">
<!----><span class="van-button__text">
提交订单
</span></button>
</div>
</div>
</div>
</div>
`;
exports[`submit 1`] = `
<div class="van-submit-bar">
<div class="van-submit-bar__tip" style="display: none;">
</div>
<div class="van-submit-bar__bar">
<div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥0.</span> <span class="van-submit-bar__price-decimal">00</span></div>
<button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--disabled van-button--unclickable">
<!----><span class="van-button__text">
</span></button>
</div>
</div>
`;

26
packages/submit-bar/test/index.spec.js Normal file
View File

@@ -0,0 +1,26 @@
import SubmitBar from '../';
import demoTest from '../../../test/demo-test';
import { mount } from '@vue/test-utils';
demoTest(SubmitBar);
test('submit', () => {
const wrapper = mount(SubmitBar, {
propsData: {
price: 0.01,
disabled: true
}
});
expect(wrapper.html()).toMatchSnapshot();
// disabled
const button = wrapper.find('.van-button');
button.trigger('click');
expect(wrapper.emitted('submit')).toBeFalsy();
// submit
wrapper.vm.disabled = false;
button.trigger('click');
expect(wrapper.emitted('submit')).toBeTruthy();
});