vant/test/utils.js

/**
 * 按照一定的规则进行匹配
 */
export function DOMChecker(wrapper, rules) {
  const { text, count, src, style, noStyle, value } = rules;

  if (text) {
    Object.keys(text).forEach(key => {
      expect(wrapper.find(key)[0].text().trim()).to.equal(text[key]);
    });
  }

  if (count) {
    Object.keys(count).forEach(key => {
      expect(wrapper.find(key).length).to.equal(count[key]);
    });
  }

  if (src) {
    Object.keys(src).forEach(key => {
      expect(wrapper.find(key)[0].element.src).to.equal(src[key]);
    });
  }

  if (value) {
    Object.keys(value).forEach(key => {
      expect(wrapper.find(key)[0].element.value).to.equal(value[key]);
    });
  }

  if (style) {
    Object.keys(style).forEach(key => {
      Object.keys(style[key]).forEach(prop => {
        expect(wrapper.find(key)[0].hasStyle(prop, style[key][prop])).to.equal(
          true
        );
      });
    });
  }

  if (noStyle) {
    Object.keys(noStyle).forEach(key => {
      Object.keys(noStyle[key]).forEach(prop => {
        expect(
          wrapper.find(key)[0].hasStyle(prop, noStyle[key][prop])
        ).to.equal(false);
      });
    });
  }
}

// 触发一个 touch 事件
export function triggerTouch(wrapper, eventName, x, y) {
  const el = wrapper.element ? wrapper.element : wrapper;
  const touch = {
    identifier: Date.now(),
    target: el,
    pageX: x,
    pageY: y,
    clientX: x,
    clientY: y,
    radiusX: 2.5,
    radiusY: 2.5,
    rotationAngle: 10,
    force: 0.5
  };

  const event = document.createEvent('CustomEvent');
  event.initCustomEvent(eventName, true, true, {});
  event.touches = [touch];
  event.targetTouches = [touch];
  event.changedTouches = [touch];

  el.dispatchEvent(event);
}

export function dragHelper(el, x = 0, y = 0) {
  triggerTouch(el, 'touchstart', 0, 0);
  triggerTouch(el, 'touchmove', x / 4, y / 4);
  triggerTouch(el, 'touchmove', x / 3, y / 3);
  triggerTouch(el, 'touchmove', x / 2, y / 2);
  triggerTouch(el, 'touchmove', x, y);
  triggerTouch(el, 'touchend', x, y);
}