[new feature] sku组件增加步进器相关自定义配置 (#600)

test/unit/specs/sku.spec.js

@@ -1,4 +1,5 @@
 import Sku from 'packages/sku';
+import Toast from 'packages/toast';
 import { mount } from 'avoriaz';
 import { DOMChecker } from '../utils';
 import data from '../mock/sku';
@@ -155,6 +156,60 @@ describe('Sku', (done) => {
     });
   });
 
+  it('should toast custom error when change step value', (done) => {
+    wrapper = mount(Sku, {
+      attachToDocument: true,
+      propsData: {
+        value: true,
+        sku: data.sku,
+        goodsId: data.goods_id,
+        goods: goods,
+        quota: data.quota,
+        quotaUsed: data.quota_used,
+        customStepperConfig: {
+          quotaText: '单次限购100件',
+          handleOverLimit: (data) => {
+            const { action, limitType, quota } = data;
+
+            if (action === 'minus') {
+              Toast('至少选择一件商品');
+            } else if (action === 'plus') {
+              if (limitType === 0) {
+                Toast(`限购${quota}件`);
+              } else {
+                Toast('库存不够了~~');
+              }
+            }
+          }
+        }
+      }
+    });
+
+    // 点击减号
+    const minusBtn = wrapper.find('.van-stepper__minus')[0];
+    minusBtn.trigger('click');
+    wrapper.vm.$nextTick(() => {
+      const toastText = document.querySelector('.van-toast div');
+      expect(toastText.textContent).to.equal('至少选择一件商品');
+
+      // 手动修改购买数量
+      const stepperInput = wrapper.find('.van-stepper__input')[0];
+      stepperInput.element.value = 20;
+      stepperInput.trigger('input');
+      wrapper.vm.$nextTick(() => {
+        expect(+stepperInput.element.value).to.equal(data.quota - data.quota_used);
+
+        // 达到购买上限时，点击加号
+        const plusBtn = wrapper.find('.van-stepper__plus')[0];
+        plusBtn.trigger('click');
+        wrapper.vm.$nextTick(() => {
+          expect(toastText.textContent).to.equal(`限购${data.quota}件`);
+          done();
+        });
+      });
+    });
+  });
+
   it('should not render sku group when none_sku is true', (done) => {
     const newData = Object.assign({}, data);
     newData.sku.none_sku = true; // eslint-disable-line