vant/test/unit/specs/image-preview.spec.js

import ImagePreview from 'packages/image-preview';
import Wrapper from 'avoriaz/dist/Wrapper';

describe('ImagePreview', () => {
  beforeEach(() => {
    document.body.style.overflow = '';
  });

  afterEach(() => {
    const el = document.querySelector('.van-image-preview');
    if (!el) return;
    if (el.parentNode) {
      el.parentNode.removeChild(el);
    }
  });

  it('create a image preview', (done) => {
    ImagePreview([
      'https://img.yzcdn.cn/upload_files/2017/03/15/FkubrzN7AgGwLlTeb1E89-T_ZjBg.png',
      'https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg',
      'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg'
    ]);

    expect(document.querySelector('.van-image-preview')).to.exist;

    setTimeout(() => {
      const image = document.querySelector('.van-image-preview');
      const avImage = new Wrapper({ elm: image }, () => {}, false);
      avImage.trigger('click');
      avImage.trigger('touchstart');
      avImage.trigger('touchend');
      setTimeout(() => {
        expect(document.querySelector('.van-image-preview').__vue__.$parent.value).to.be.false;
        expect(document.body.style.overflow).to.equal('');
        done();
      }, 500);
    }, 500);
  });

  it('create a body hidden image preview', (done) => {
    document.body.style.overflow = 'hidden';

    ImagePreview([
      'https://img.yzcdn.cn/upload_files/2017/03/15/FkubrzN7AgGwLlTeb1E89-T_ZjBg.png',
      'https://img.yzcdn.cn/upload_files/2017/03/14/FmTPs0SeyQaAOSK1rRe1sL8RcwSY.jpeg',
      'https://img.yzcdn.cn/upload_files/2017/03/15/FvexrWlG_WxtCE9Omo5l27n_mAG_.jpeg'
    ]);

    expect(document.querySelector('.van-image-preview')).to.exist;

    setTimeout(() => {
      const image = document.querySelector('.van-image-preview');
      const avImage = new Wrapper({ elm: image }, () => {}, false);
      avImage.trigger('click');
      avImage.trigger('touchstart');
      avImage.trigger('touchend');

      setTimeout(() => {
        expect(document.querySelector('.van-image-preview').__vue__.$parent.value).to.be.false;
        expect(document.body.style.overflow).to.equal('hidden');
        done();
      }, 500);
    }, 500);
  });
});