summaryrefslogtreecommitdiffstats
path: root/tests/javascript/unit/components/routes/Unread.spec.ts
blob: 78f741199dbb743d7dfa38452904a2f440952b9c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
import Vuex, { Store } from 'vuex'
import { shallowMount, createLocalVue, Wrapper } from '@vue/test-utils'

import Unread from '../../../../../src/components/routes/Unread.vue'
import FeedItemDisplayList from '../../../../../src/components/feed-display/FeedItemDisplayList.vue'

jest.mock('@nextcloud/axios')

describe('Unread.vue', () => {
	'use strict'
	const localVue = createLocalVue()
	localVue.use(Vuex)
	let wrapper: Wrapper<Unread>

	const mockItem = {
		feedId: 1,
		title: 'feed item',
		pubDate: Date.now() / 1000,
	}

	let store: Store<any>
	beforeAll(() => {
		store = new Vuex.Store({
			state: {
				items: {
					fetchingItems: {
						unread: false,
					},
				},
			},
			actions: {
			},
			getters: {
				unread: () => [mockItem, mockItem],
			},
		})

		store.dispatch = jest.fn()
		store.commit = jest.fn()

		wrapper = shallowMount(Unread, {
			propsData: {
				item: mockItem,
			},
			localVue,
			store,
		})
	})

	it('should get unread items from state', () => {
		expect((wrapper.findComponent(FeedItemDisplayList)).props().items.length).toEqual(2)
	})

	it('should dispatch FETCH_UNREAD action if not fetchingItems.unread', () => {
		(wrapper.vm as any).$store.state.items.fetchingItems.unread = true;

		(wrapper.vm as any).fetchMore()
		expect(store.dispatch).not.toBeCalled();

		(wrapper.vm as any).$store.state.items.fetchingItems.unread = false;

		(wrapper.vm as any).fetchMore()
		expect(store.dispatch).toBeCalled()
	})
})