add NavBar component

test/unit/specs/nav-bar.spec.js

@@ -0,0 +1,43 @@
+import NavBar from 'packages/nav-bar';
+import { mount } from 'avoriaz';
+import { DOMChecker } from '../utils';
+
+describe('NavBar', () => {
+  let wrapper;
+  afterEach(() => {
+    wrapper && wrapper.destroy();
+  });
+
+  it('create a NavBar', () => {
+    wrapper = mount(NavBar, {
+      propsData: {
+        title: '标题',
+        leftText: '返回',
+        rightText: '按钮',
+        leftArrow: true
+      }
+    });
+
+    DOMChecker(wrapper, {
+      text: {
+        '.van-nav-bar__title': '标题',
+        '.van-nav-bar__left .van-nav-bar__text': '返回',
+        '.van-nav-bar__right .van-nav-bar__text': '按钮'
+      },
+      count: {
+        '.van-nav-bar__arrow': 1
+      }
+    });
+    expect(wrapper.hasClass('van-nav-bar')).to.be.true;
+  });
+
+  it('NavBar fixed', () => {
+    wrapper = mount(NavBar, {
+      propsData: {
+        fixed: true
+      }
+    });
+
+    expect(wrapper.hasClass('van-nav-bar')).to.be.true;
+  });
+});