From 178a41a8b032ef5aa4ac43a5b84b0e633ec4f6d7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 20 Nov 2020 11:55:56 +0800
Subject: [PATCH] test(Popover): add className test case

---
 src/popover/test/__snapshots__/index.spec.js.snap | 12 +++++++++---
 src/popover/test/index.spec.js                    | 11 +++++++++++
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/popover/test/__snapshots__/index.spec.js.snap b/src/popover/test/__snapshots__/index.spec.js.snap
index 08e911b9a..5cb3f0706 100644
--- a/src/popover/test/__snapshots__/index.spec.js.snap
+++ b/src/popover/test/__snapshots__/index.spec.js.snap
@@ -1,23 +1,29 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`should allow to custom the className of action 1`] = `
+<div class="van-popover__action foo">
+  <div class="van-popover__action-text van-hairline--bottom">Option</div>
+</div>
+`;
+
 exports[`should locate to reference element when showed 1`] = `<!---->`;
 
 exports[`should locate to reference element when showed 2`] = `
-<div class="van-popup van-popover van-popover--light" name="van-popover-zoom" style="position: absolute; left: 0px; top: 8px; margin: 0px; z-index: 2005;" data-popper-placement="bottom">
+<div class="van-popup van-popover van-popover--light" name="van-popover-zoom" style="position: absolute; left: 0px; top: 8px; margin: 0px; z-index: 2006;" data-popper-placement="bottom">
   <div class="van-popover__arrow"></div>
   <div class="van-popover__content"></div>
 </div>
 `;
 
 exports[`should locate to reference element when showed 3`] = `
-<div class="van-popup van-popover van-popover--light" name="van-popover-zoom" style="position: absolute; left: 0px; top: 8px; margin: 0px; z-index: 2005; display: none;" data-popper-placement="bottom">
+<div class="van-popup van-popover van-popover--light" name="van-popover-zoom" style="position: absolute; left: 0px; top: 8px; margin: 0px; z-index: 2006; display: none;" data-popper-placement="bottom">
   <div class="van-popover__arrow"></div>
   <div class="van-popover__content"></div>
 </div>
 `;
 
 exports[`should watch placement prop and update location 1`] = `
-<div class="van-popup van-popover van-popover--light" name="van-popover-zoom" style="z-index: 2006; position: absolute; left: 0px; top: -8px; margin: 0px;" data-popper-placement="top">
+<div class="van-popup van-popover van-popover--light" name="van-popover-zoom" style="z-index: 2007; position: absolute; left: 0px; top: -8px; margin: 0px;" data-popper-placement="top">
   <div class="van-popover__arrow"></div>
   <div class="van-popover__content"></div>
 </div>
diff --git a/src/popover/test/index.spec.js b/src/popover/test/index.spec.js
index cca008089..3a64d5e6d 100644
--- a/src/popover/test/index.spec.js
+++ b/src/popover/test/index.spec.js
@@ -47,6 +47,17 @@ test('should close popover when clicking the action', () => {
   expect(wrapper.emitted('input').length).toEqual(1);
 });
 
+test('should allow to custom the className of action', () => {
+  const wrapper = mount(Popover, {
+    propsData: {
+      value: true,
+      actions: [{ text: 'Option', className: 'foo' }],
+    },
+  });
+
+  expect(wrapper.find('.van-popover__action').html()).toMatchSnapshot();
+});
+
 test('should not init popper.js instance before showed', async () => {
   const wrapper = mount(Popover);
   expect(wrapper.vm.popper).toBeFalsy();