[improvement] NavBar: add test cases

2019-05-31 10:03:25 +08:00
parent 84e71d59fa
commit 166afd1b04
3 changed files with 68 additions and 38 deletions
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`render left & right slot 1`] = `
+<div class="van-nav-bar van-hairline--bottom" style="z-index: 1;">
+  <div class="van-nav-bar__left">Custom Left</div>
+  <div class="van-nav-bar__title van-ellipsis"></div>
+  <div class="van-nav-bar__right">Custom Right</div>
+</div>
+`;
+
+exports[`render title slot 1`] = `
+<div class="van-nav-bar van-hairline--bottom" style="z-index: 1;">
+  <div class="van-nav-bar__left"></div>
+  <div class="van-nav-bar__title van-ellipsis">Custom Title</div>
+  <div class="van-nav-bar__right"></div>
+</div>
+`;
@@ -0,0 +1,23 @@
+import NavBar from '..';
+import { mount } from '../../../test/utils';
+
+test('render left & right slot', () => {
+  const wrapper = mount(NavBar, {
+    scopedSlots: {
+      left: () => 'Custom Left',
+      right: () => 'Custom Right'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render title slot', () => {
+  const wrapper = mount(NavBar, {
+    scopedSlots: {
+      title: () => 'Custom Title'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});