mand-mobile/components/scroll-view/test/index.spec.js

A Vue.js 2.0 Mobile UI Toolkit

import {ScrollView} from 'mand-mobile'
import ScrollViewRefresh from 'mand-mobile/components/scroll-view/refresh'
import ScrollViewMore from 'mand-mobile/components/scroll-view/more'
import ScrollViewContent from './scroll-view-content'
import sinon from 'sinon'
import {mount} from '@vue/test-utils'
import triggerTouch from '../../popup/test/touch-trigger'

describe('ScrollView', () => {
  let wrapper

  afterEach(() => {
    wrapper && wrapper.destroy()
  })

  it('create scroll-view', () => {
    wrapper = mount(ScrollView, {
      propsData: {
        autoReflow: true,
      },
      slots: {
        default: ScrollViewContent,
      },
    })
    // const eventStub = sinon.stub(wrapper.vm, '$emit')

    wrapper.vm.init()

    const scrollView = wrapper.find('.md-scroll-view')
    triggerTouch(scrollView.element, 'touchstart', 0, 0)
    triggerTouch(scrollView.element, 'touchmove', 0, -50)
    triggerTouch(scrollView.element, 'touchend', 0, -50)

    wrapper.vm.scrollTo(0, 0, true)

    triggerTouch(scrollView.element, 'mousedown', 0, 0)
    triggerTouch(scrollView.element, 'mousemove', 0, -50)
    triggerTouch(scrollView.element, 'mouseup', 0, -50)
  })

  it('scroll-view pull refresh', done => {
    wrapper = mount(ScrollView, {
      slots: {
        default: ScrollViewContent,
        refresh: ScrollViewRefresh,
      },
    })

    const eventStub = sinon.stub(wrapper.vm, '$emit')
    expect(wrapper.findAll('.scroll-view-refresh').length > 0).toBe(true)

    wrapper.vm.triggerRefresh()
    setTimeout(() => {
      expect(eventStub.calledWith('refreshing')).toBe(true)
      wrapper.vm.finishRefresh()
      done()
    }, 500)
  })

  it('scroll-view load more', () => {
    wrapper = mount(ScrollView, {
      slots: {
        default: ScrollViewContent,
        more: ScrollViewMore,
      },
    })

    const eventStub = sinon.stub(wrapper.vm, '$emit')
    expect(wrapper.findAll('.scroll-view-more').length > 0).toBe(true)
    wrapper.vm.finishLoadMore()
  })

  it('get offsets', () => {
    wrapper = mount(ScrollView, {
      propsData: {
        autoReflow: true,
      },
      slots: {
        default: ScrollViewContent,
      },
    })
    // const eventStub = sinon.stub(wrapper.vm, '$emit')

    wrapper.vm.init()
    expect(wrapper.vm.getOffsets().top).toBe(0)
  })
})