From b68740a39b2a4c6a010bb2fed5f4b53259d84c6d Mon Sep 17 00:00:00 2001
From: cookfront <cookfront@gmail.com>
Date: Tue, 18 Apr 2017 16:43:55 +0800
Subject: [PATCH] steps test

---
 packages/steps/src/step.vue    |  4 +---
 test/unit/components/steps.vue | 26 ++++++++++++++++++++++++++
 test/unit/specs/steps.spec.js  | 28 ++++++++++++++++++++++++++++
 3 files changed, 55 insertions(+), 3 deletions(-)
 create mode 100644 test/unit/components/steps.vue
 create mode 100644 test/unit/specs/steps.spec.js

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