diff --git a/test/unit/components/tabs.vue b/test/unit/components/tabs.vue
new file mode 100644
index 000000000..78f9dbe2e
--- /dev/null
+++ b/test/unit/components/tabs.vue
@@ -0,0 +1,21 @@
+<template>
+  <zan-tabs>
+    <zan-tab title="选项一">内容一</zan-tab>
+    <zan-tab title="选项二" disabled>内容二</zan-tab>
+    <zan-tab title="选项三">内容三</zan-tab>
+    <zan-tab title="选项四">内容四</zan-tab>
+    <zan-tab title="选项五">内容五</zan-tab>
+  </zan-tabs>
+</template>
+
+<script>
+import Tab from 'packages/tab';
+import Tabs from 'packages/tabs';
+
+export default {
+  components: {
+    'zan-tab': Tab,
+    'zan-tabs': Tabs
+  }
+};
+</script>
diff --git a/test/unit/specs/tabs.spec.js b/test/unit/specs/tabs.spec.js
new file mode 100644
index 000000000..a8e6bf431
--- /dev/null
+++ b/test/unit/specs/tabs.spec.js
@@ -0,0 +1,41 @@
+import Tabs from 'packages/tabs';
+import { mount } from 'avoriaz';
+// import TabsTestComponent from '../components/tabs';
+
+describe('Tabs', () => {
+  let wrapper;
+
+  afterEach(() => {
+    wrapper && wrapper.destroy();
+  });
+
+  it('create a empty card tabs', () => {
+    wrapper = mount(Tabs, {
+      propsData: {
+        type: 'card'
+      }
+    });
+
+    expect(wrapper.hasClass('zan-tabs')).to.be.true;
+    expect(wrapper.hasClass('zan-tabs--card')).to.be.true;
+  });
+
+  it('create a tabs with four tab', () => {
+    // wrapper = mount(TabsTestComponent);
+
+    // expect(wrapper.hasClass('zan-tabs')).to.be.true;
+    // expect(wrapper.hasClass('zan-tabs--line')).to.be.true;
+
+    // const eventStub = sinon.stub(wrapper.vNode.child, '$emit');
+
+    // const tabTitle = wrapper.find('.zan-tab__pane')[2];
+    // tabTitle.simulate('click');
+
+    // wrapper.vm.$nextTick(() => {
+    //   // expect(.curActive).to.equal(2);
+    //   console.log(wrapper.vNode.child);
+    //   expect(eventStub.calledWith('click'));
+    //   done();
+    // });
+  });
+});