52 lines
1.3 KiB
JavaScript
52 lines
1.3 KiB
JavaScript
import Vuex from 'vuex'
|
|
import { mount, createLocalVue, config } from '@vue/test-utils'
|
|
import Element from 'element-ui'
|
|
import Reports from '@/views/reports/index'
|
|
import storeConfig from './store.conf'
|
|
import { cloneDeep } from 'lodash'
|
|
import flushPromises from 'flush-promises'
|
|
|
|
config.mocks["$t"] = () => {}
|
|
config.stubs['reports-filter'] = '<div />'
|
|
config.stubs['timeline-item'] = '<div />'
|
|
|
|
const localVue = createLocalVue()
|
|
localVue.use(Vuex)
|
|
localVue.use(Element)
|
|
|
|
jest.mock('@/api/reports')
|
|
|
|
describe('Reports', () => {
|
|
let store
|
|
|
|
beforeEach(() => {
|
|
store = new Vuex.Store(cloneDeep(storeConfig))
|
|
})
|
|
|
|
it('initially fetches reports', async (done) => {
|
|
const wrapper = mount(Reports, {
|
|
store,
|
|
localVue
|
|
})
|
|
|
|
await flushPromises()
|
|
const initialReports = store.state.reports.fetchedReports.length
|
|
expect(initialReports).toEqual(5)
|
|
done()
|
|
})
|
|
|
|
it('loads more reports on scroll', async (done) => {
|
|
const wrapper = mount(Reports, {
|
|
store,
|
|
localVue
|
|
})
|
|
|
|
await flushPromises()
|
|
expect(store.state.reports.fetchedReports.length).toEqual(5)
|
|
|
|
window.dispatchEvent(new CustomEvent('scroll', { detail: 2000 }))
|
|
await flushPromises()
|
|
expect(store.state.reports.fetchedReports.length).toEqual(7)
|
|
done()
|
|
})
|
|
})
|