Merge branch '2.x' into dev
This commit is contained in:
@@ -17,7 +17,7 @@ exports[`should locate to reference element when showed 1`] = `
|
||||
|
||||
exports[`should locate to reference element when showed 2`] = `
|
||||
<transition-stub>
|
||||
<div style="z-index: 2005; position: absolute; left: 0px; top: 8px; margin: 0px;"
|
||||
<div style="z-index: 2006; position: absolute; left: 0px; top: 8px; margin: 0px;"
|
||||
class="van-popup van-popover van-popover--light"
|
||||
data-popper-placement="bottom"
|
||||
>
|
||||
@@ -31,7 +31,7 @@ exports[`should locate to reference element when showed 2`] = `
|
||||
|
||||
exports[`should locate to reference element when showed 3`] = `
|
||||
<transition-stub>
|
||||
<div style="z-index: 2005; display: none;"
|
||||
<div style="z-index: 2006; display: none;"
|
||||
class="van-popup van-popover van-popover--light"
|
||||
>
|
||||
<div class="van-popover__arrow">
|
||||
@@ -44,7 +44,7 @@ exports[`should locate to reference element when showed 3`] = `
|
||||
|
||||
exports[`should watch placement prop and update location 1`] = `
|
||||
<transition-stub>
|
||||
<div style="z-index: 2006; position: absolute; left: 0px; top: -8px; margin: 0px;"
|
||||
<div style="z-index: 2007; position: absolute; left: 0px; top: -8px; margin: 0px;"
|
||||
class="van-popup van-popover van-popover--light"
|
||||
data-popper-placement="top"
|
||||
>
|
||||
|
||||
@@ -7,9 +7,27 @@ const baseActions = [
|
||||
{ text: 'Option 3' },
|
||||
];
|
||||
|
||||
test('should toggle popover when trigger is "click" and the reference element is clicked', async () => {
|
||||
const wrapper = mount(Popover, {
|
||||
props: {
|
||||
show: true,
|
||||
},
|
||||
slots: {
|
||||
reference: () => <div class="reference"></div>,
|
||||
},
|
||||
});
|
||||
|
||||
wrapper.find('.reference').trigger('click');
|
||||
expect(wrapper.emitted('update:show')).toBeFalsy();
|
||||
|
||||
await wrapper.setProps({ trigger: 'click' });
|
||||
wrapper.find('.reference').trigger('click');
|
||||
expect(wrapper.emitted('update:show')[0][0]).toEqual(false);
|
||||
});
|
||||
|
||||
test('should emit select event when clicking the action', async () => {
|
||||
const wrapper = mount(Popover, {
|
||||
propsData: {
|
||||
props: {
|
||||
show: true,
|
||||
teleport: null,
|
||||
actions: baseActions,
|
||||
@@ -23,7 +41,7 @@ test('should emit select event when clicking the action', async () => {
|
||||
|
||||
test('should not emit select event when the action is disabled', () => {
|
||||
const wrapper = mount(Popover, {
|
||||
propsData: {
|
||||
props: {
|
||||
show: true,
|
||||
teleport: null,
|
||||
actions: [{ text: 'Option', disabled: true }],
|
||||
@@ -36,7 +54,7 @@ test('should not emit select event when the action is disabled', () => {
|
||||
|
||||
test('should close popover when clicking the action', async () => {
|
||||
const wrapper = mount(Popover, {
|
||||
propsData: {
|
||||
props: {
|
||||
show: true,
|
||||
teleport: null,
|
||||
actions: baseActions,
|
||||
@@ -53,7 +71,7 @@ test('should close popover when clicking the action', async () => {
|
||||
|
||||
test('should allow to custom the className of action', () => {
|
||||
const wrapper = mount(Popover, {
|
||||
propsData: {
|
||||
props: {
|
||||
show: true,
|
||||
teleport: null,
|
||||
actions: [{ text: 'Option', className: 'foo' }],
|
||||
@@ -66,7 +84,7 @@ test('should allow to custom the className of action', () => {
|
||||
test('should locate to reference element when showed', async () => {
|
||||
const root = document.createElement('div');
|
||||
const wrapper = mount(Popover, {
|
||||
propsData: {
|
||||
props: {
|
||||
teleport: root,
|
||||
},
|
||||
});
|
||||
@@ -84,7 +102,7 @@ test('should locate to reference element when showed', async () => {
|
||||
test('should watch placement prop and update location', async () => {
|
||||
const root = document.createElement('div');
|
||||
const wrapper = mount(Popover, {
|
||||
propsData: {
|
||||
props: {
|
||||
show: true,
|
||||
teleport: root,
|
||||
},
|
||||
@@ -101,7 +119,7 @@ test('should watch placement prop and update location', async () => {
|
||||
test('should close popover when touch outside content', async () => {
|
||||
const root = document.createElement('div');
|
||||
const wrapper = mount(Popover, {
|
||||
propsData: {
|
||||
props: {
|
||||
show: true,
|
||||
teleport: root,
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user