diff --git a/test/unit/specs/button.spec.js b/test/unit/specs/button.spec.js
new file mode 100644
index 000000000..d63a0260e
--- /dev/null
+++ b/test/unit/specs/button.spec.js
@@ -0,0 +1,55 @@
+import { createTest } from '../util';
+import Button from 'packages/button';
+
+describe('Button', () => {
+  it('create', () => {
+    const vm = createTest(Button, {
+      type: 'primary'
+    }, true);
+    let buttonElm = vm.$el;
+    expect(buttonElm.classList.contains('el-button-primary')).to.be.true;
+  });
+  it('icon', () => {
+    const vm = createTest(Button, {
+      icon: 'search'
+    }, true);
+    let buttonElm = vm.$el;
+    expect(buttonElm.querySelector('.el-icon-search')).to.be.ok;
+  });
+  it('nativeType', () => {
+    const vm = createTest(Button, {
+      nativeType: 'submit'
+    }, true);
+    let buttonElm = vm.$el;
+    expect(buttonElm.getAttribute('type')).to.be.equal('submit');
+  });
+  it('loading', () => {
+    const vm = createTest(Button, {
+      loading: true
+    }, true);
+    let buttonElm = vm.$el;
+    expect(buttonElm.classList.contains('is-loading')).to.be.true;
+    expect(buttonElm.querySelector('.el-icon-loading')).to.be.ok;
+  });
+  it('disabled', () => {
+    const vm = createTest(Button, {
+      disabled: true
+    }, true);
+    let buttonElm = vm.$el;
+    expect(buttonElm.classList.contains('is-disabled')).to.be.true;
+  });
+  it('size', () => {
+    const vm = createTest(Button, {
+      size: 'large'
+    }, true);
+    let buttonElm = vm.$el;
+    expect(buttonElm.classList.contains('el-button-large')).to.be.true;
+  });
+  it('plain', () => {
+    const vm = createTest(Button, {
+      plain: true
+    }, true);
+    let buttonElm = vm.$el;
+    expect(buttonElm.classList.contains('is-plain')).to.be.true;
+  });
+});