diff --git a/test/unit/specs/actionsheet.spec.js b/test/unit/specs/actionsheet.spec.js
new file mode 100644
index 000000000..0df388561
--- /dev/null
+++ b/test/unit/specs/actionsheet.spec.js
@@ -0,0 +1,16 @@
+import { createVue } from '../creater';
+import ActionSheet from 'packages/actionsheet';
+
+describe('ActionSheet', () => {
+  let vm;
+  afterEach(() => {
+    vm && vm.destroy();
+  });
+
+  it('create', () => {
+    vm = createVue(ActionSheet);
+    vm.mount();
+
+    expect(vm.el.classList.contains('zan-actionsheet')).to.true;
+  });
+});
diff --git a/test/unit/specs/card.spec.js b/test/unit/specs/card.spec.js
new file mode 100644
index 000000000..3768f4e62
--- /dev/null
+++ b/test/unit/specs/card.spec.js
@@ -0,0 +1,20 @@
+import { createVue } from '../creater';
+import Card from 'packages/card';
+
+describe('Card', () => {
+  let vm;
+  afterEach(() => {
+    vm && vm.destroy();
+  });
+
+  it('create', () => {
+    vm = createVue(Card, {
+      title: 'card',
+      desc: 'card',
+      thumb: 'https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg'
+    });
+    vm.mount();
+
+    expect(vm.el.classList.contains('zan-card')).to.true;
+  });
+});
diff --git a/test/unit/specs/cell.spec.js b/test/unit/specs/cell.spec.js
new file mode 100644
index 000000000..e8e420517
--- /dev/null
+++ b/test/unit/specs/cell.spec.js
@@ -0,0 +1,16 @@
+import { createVue } from '../creater';
+import CellGroup from 'packages/cell-group';
+
+describe('Cell', () => {
+  let vm;
+  afterEach(() => {
+    vm && vm.destroy();
+  });
+
+  it('cell group create', () => {
+    vm = createVue(CellGroup);
+    vm.mount();
+
+    expect(vm.el.classList.contains('zan-cell-group')).to.true;
+  });
+});
diff --git a/test/unit/specs/checkbox.spec.js b/test/unit/specs/checkbox.spec.js
new file mode 100644
index 000000000..10c3d14e1
--- /dev/null
+++ b/test/unit/specs/checkbox.spec.js
@@ -0,0 +1,16 @@
+import { createVue } from '../creater';
+import Checkbox from 'packages/checkbox';
+
+describe('Checkbox', () => {
+  let vm;
+  afterEach(() => {
+    vm && vm.destroy();
+  });
+
+  it('create', () => {
+    vm = createVue(Checkbox);
+    vm.mount();
+
+    expect(vm.el.classList.contains('zan-checkbox')).to.true;
+  });
+});
diff --git a/test/unit/specs/field.spec.js b/test/unit/specs/field.spec.js
new file mode 100644
index 000000000..a3a59f879
--- /dev/null
+++ b/test/unit/specs/field.spec.js
@@ -0,0 +1,16 @@
+import { createVue } from '../creater';
+import Field from 'packages/field';
+
+describe('Field', () => {
+  let vm;
+  afterEach(() => {
+    vm && vm.destroy();
+  });
+
+  it('create', () => {
+    vm = createVue(Field);
+    vm.mount();
+
+    expect(vm.el.classList.contains('zan-field')).to.true;
+  });
+});