ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 02:31:21 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[new feature] Dialog: add title slot (#3985)

Browse Source
This commit is contained in:
neverland
2019-07-28 10:36:25 +08:00
committed by GitHub
parent 15046888d9
commit 3299fb6d39
5 changed files with 61 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/dialog/test/__snapshots__/index.spec.js.snap
View File

@@ -11,3 +11,17 @@ exports[`button text 1`] = `
<div class="van-hairline--top van-dialog__footer van-dialog__footer--buttons"><button class="van-button van-button--default van-button--large van-dialog__cancel"><span class="van-button__text">Custom cancel</span></button><button class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left"><span class="van-button__text">Custom confirm</span></button></div>
</div>
`;
exports[`default slot 1`] = `
<div role="dialog" class="van-dialog" name="van-dialog-bounce">
<div class="van-dialog__content">Custom Message</div>
<div class="van-hairline--top van-dialog__footer"><button class="van-button van-button--default van-button--large van-dialog__confirm"><span class="van-button__text">确认</span></button></div>
</div>
`;
exports[`title slot 1`] = `
<div role="dialog" class="van-dialog" name="van-dialog-bounce">
<div class="van-dialog__header van-dialog__header--isolated">Custom Title</div>
<div class="van-hairline--top van-dialog__footer"><button class="van-button van-button--default van-button--large van-dialog__confirm"><span class="van-button__text">确认</span></button></div>
</div>
`;

24
src/dialog/test/index.spec.js
View File

@@ -102,3 +102,27 @@ test('button text', () => {
test('dialog component', () => {
expect(Dialog.Component).toEqual(DialogVue);
});
test('default slot', () => {
const wrapper = mount(DialogVue, {
propsData: {
value: true
},
scopedSlots: {
default: () => 'Custom Message'
}
});
expect(wrapper).toMatchSnapshot();
});
test('title slot', () => {
const wrapper = mount(DialogVue, {
propsData: {
value: true
},
scopedSlots: {
title: () => 'Custom Title'
}
});
expect(wrapper).toMatchSnapshot();
});