steps test

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) {
+      if (index < active) {
-        return '';
-      } else if (index < active) {
         return 'finish';
       } else if (index === active) {
         return 'process';

test/unit/components/steps.vue

@@ -0,0 +1,26 @@
+<template>
+  <zan-steps :active="active">
+    <zan-step>买家下单</zan-step>
+    <zan-step>商家接单</zan-step>
+    <zan-step>买家提货</zan-step>
+    <zan-step>交易完成</zan-step>
+  </zan-steps>
+</template>
+
+<script>
+import Steps from 'packages/steps';
+import Step from 'packages/step';
+
+export default {
+  components: {
+    'zan-step': Step,
+    'zan-steps': Steps
+  },
+
+  data() {
+    return {
+      active: 1
+    };
+  }
+};
+</script>

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;
+  });
+});