diff --git a/packages/steps/src/step.vue b/packages/steps/src/step.vue
index 5f2cac23f..c33ecd56c 100644
--- a/packages/steps/src/step.vue
+++ b/packages/steps/src/step.vue
@@ -24,9 +24,7 @@ export default {
const index = this.$parent.steps.indexOf(this);
const active = this.$parent.active;
- if (index === -1) {
- return '';
- } else if (index < active) {
+ if (index < active) {
return 'finish';
} else if (index === active) {
return 'process';
diff --git a/test/unit/components/steps.vue b/test/unit/components/steps.vue
new file mode 100644
index 000000000..5b0ae519d
--- /dev/null
+++ b/test/unit/components/steps.vue
@@ -0,0 +1,26 @@
+
+
+ 买家下单
+ 商家接单
+ 买家提货
+ 交易完成
+
+
+
+
diff --git a/test/unit/specs/steps.spec.js b/test/unit/specs/steps.spec.js
new file mode 100644
index 000000000..da0172432
--- /dev/null
+++ b/test/unit/specs/steps.spec.js
@@ -0,0 +1,28 @@
+import Steps from 'packages/steps';
+import { mount } from 'avoriaz';
+import StepsTestComponent from '../components/steps';
+
+describe('Steps', () => {
+ let wrapper;
+
+ afterEach(() => {
+ wrapper && wrapper.destroy();
+ });
+
+ it('create a steps', () => {
+ wrapper = mount(Steps);
+
+ expect(wrapper.hasClass('zan-steps')).to.be.true;
+ expect(wrapper.data().steps.length).to.equal(0);
+ });
+
+ it('create a steps with step', () => {
+ wrapper = mount(StepsTestComponent);
+
+ const finishStep = wrapper.find('.zan-step')[0];
+ expect(finishStep.hasClass('zan-step--finish')).to.be.true;
+
+ const proccessStep = wrapper.find('.zan-step')[1];
+ expect(proccessStep.hasClass('zan-step--process')).to.be.true;
+ });
+});