feat(PullRefresh): add success slot

This commit is contained in:
陈嘉涵
2019-12-27 15:06:37 +08:00
committed by neverland
parent f3857053d6
commit 56e450f29e
7 changed files with 142 additions and 37 deletions
@@ -2,11 +2,25 @@
exports[`renders demo correctly 1`] = `
<div>
<div class="van-pull-refresh">
<div class="van-pull-refresh__track" style="transition-duration: 0ms;">
<div class="van-pull-refresh__head"></div>
<div>
<p>刷新次数: 0</p>
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap van-hairline--top-bottom">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<div role="tab" aria-selected="true" class="van-tab van-tab--active van-ellipsis"><span class="van-tab__text">基础用法<!----></span></div>
<div role="tab" class="van-tab van-ellipsis"><span class="van-tab__text">刷新成功提示<!----></span></div>
<div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
</div>
</div>
<div class="van-tabs__content">
<div role="tabpanel" class="van-tab__pane" style="">
<div class="van-pull-refresh">
<div class="van-pull-refresh__track" style="transition-duration: 0ms;">
<div class="van-pull-refresh__head"></div>
<p>下拉试试</p>
</div>
</div>
</div>
<div role="tabpanel" class="van-tab__pane" style="display: none;">
<!---->
</div>
</div>
</div>
@@ -80,6 +80,14 @@ exports[`not in page top 1`] = `
</div>
`;
exports[`render success slot 1`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track" style="transition-duration: 300ms; transform: translate3d(0,50px, 0);">
<div class="van-pull-refresh__head">Custom Success</div>
</div>
</div>
`;
exports[`render success text 1`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track" style="transition-duration: 300ms; transform: translate3d(0,50px, 0);">
+23 -3
View File
@@ -119,9 +119,7 @@ test('render success text', async () => {
});
const track = wrapper.find('.van-pull-refresh__track');
trigger(track, 'touchstart', 0, 0);
trigger(track, 'touchmove', 0, 100);
trigger(track, 'touchend', 0, 100);
triggerDrag(track, 0, 100);
await later();
@@ -136,3 +134,25 @@ test('render success text', async () => {
await later();
expect(wrapper).toMatchSnapshot();
});
test('render success slot', async () => {
const wrapper = mount(PullRefresh, {
scopedSlots: {
success: () => 'Custom Success'
},
listeners: {
input(value) {
wrapper.setProps({ value });
}
}
});
const track = wrapper.find('.van-pull-refresh__track');
triggerDrag(track, 0, 100);
await later();
expect(wrapper.vm.value).toBeTruthy();
wrapper.setProps({ value: false });
expect(wrapper).toMatchSnapshot();
});