Add more unit tests and all passing

Signed-off-by: Devlin Junker <devlin.junker@gmail.com>

3 files changed, 160 insertions, 8 deletions

diff --git a/tests/javascript/unit/components/FeedItemDisplay.spec.ts b/tests/javascript/unit/components/FeedItemDisplay.spec.ts
new file mode 100644
index 000000000..594ccf9c1
--- /dev/null
+++ b/tests/javascript/unit/components/FeedItemDisplay.spec.ts
@@ -0,0 +1,92 @@
+import { shallowMount, createLocalVue, Wrapper } from '@vue/test-utils'
+
+import FeedItemDisplay from '../../../../src/components/FeedItemDisplay.vue'
+import { ACTIONS, MUTATIONS } from '../../../../src/store'
+
+describe('FeedItemDisplay.vue', () => {
+	'use strict'
+	const localVue = createLocalVue()
+	let wrapper: Wrapper<FeedItemDisplay>
+
+	const mockItem = {
+		feedId: 1,
+		title: 'feed item',
+		pubDate: Date.now() / 1000,
+	}
+	const mockFeed = {
+		id: 1,
+	}
+
+	const dispatchStub = jest.fn()
+	const commitStub = jest.fn()
+	beforeAll(() => {
+		wrapper = shallowMount(FeedItemDisplay, {
+			propsData: {
+				item: mockItem,
+			},
+			localVue,
+			mocks: {
+				$store: {
+					getters: {
+						feeds: [mockFeed],
+					},
+					state: {
+						feeds: [],
+						folders: [],
+					},
+					dispatch: dispatchStub,
+					commit: commitStub,
+				},
+			},
+		})
+	})
+
+	beforeEach(() => {
+		dispatchStub.mockReset()
+		commitStub.mockReset()
+	})
+
+	it('should send SET_SELECTED_ITEM with undefined id', () => {
+		(wrapper.vm as any).clearSelected()
+
+		expect(commitStub).toBeCalledWith(MUTATIONS.SET_SELECTED_ITEM, { id: undefined })
+	})
+
+	it('should format date to match locale', () => {
+		const epoch = Date.now() // Provide an epoch timestamp
+		const formattedDate = (wrapper.vm as any).formatDate(epoch)
+
+		expect(formattedDate).toEqual(new Date(epoch).toLocaleString())
+	})
+
+	it('should format datetime to match international standard', () => {
+		const epoch = Date.now() // Provide an epoch timestamp
+		const formattedDate = (wrapper.vm as any).formatDatetime(epoch)
+
+		expect(formattedDate).toEqual(new Date(epoch).toISOString())
+	})
+
+	it('should retrieve feed by ID', () => {
+		const feed = (wrapper.vm as any).getFeed(mockFeed.id)
+
+		expect(feed).toEqual(mockFeed)
+	})
+
+	it('toggles starred state', () => {
+		wrapper.vm.$props.item.starred = true;
+
+		(wrapper.vm as any).toggleStarred(wrapper.vm.$props.item)
+		expect(dispatchStub).toHaveBeenCalledWith(ACTIONS.UNSTAR_ITEM, {
+			item: wrapper.vm.$props.item,
+		})
+
+		wrapper.vm.$props.item.starred = false;
+
+		(wrapper.vm as any).toggleStarred(wrapper.vm.$props.item)
+		expect(dispatchStub).toHaveBeenCalledWith(ACTIONS.STAR_ITEM, {
+			item: wrapper.vm.$props.item,
+		})
+	})
+
+	// TODO: Audio/Video tests
+})
diff --git a/tests/javascript/unit/components/FeedItemDisplayList.spec.ts b/tests/javascript/unit/components/FeedItemDisplayList.spec.ts
new file mode 100644
index 000000000..2b1d7e455
--- /dev/null
+++ b/tests/javascript/unit/components/FeedItemDisplayList.spec.ts
@@ -0,0 +1,66 @@
+import Vuex, { Store } from 'vuex'
+import { shallowMount, createLocalVue, Wrapper } from '@vue/test-utils'
+
+import FeedItemDisplayList from '../../../../src/components/FeedItemDisplayList.vue'
+import VirtualScroll from '../../../../src/components/VirtualScroll.vue'
+import FeedItemRow from '../../../../src/components/FeedItemRow.vue'
+
+jest.mock('@nextcloud/axios')
+
+describe('FeedItemDisplayList.vue', () => {
+	'use strict'
+	const localVue = createLocalVue()
+	localVue.use(Vuex)
+	let wrapper: Wrapper<FeedItemDisplayList>
+
+	const mockItem = {
+		feedId: 1,
+		title: 'feed item',
+		pubDate: Date.now() / 1000,
+	}
+
+	let store: Store<any>
+	beforeAll(() => {
+		store = new Vuex.Store({
+			state: {
+				items: {
+					allItemsLoaded: {
+						unread: false,
+					},
+				},
+			},
+			actions: {
+			},
+			getters: {
+				unread: () => [mockItem, mockItem],
+			},
+		})
+
+		store.dispatch = jest.fn()
+		store.commit = jest.fn()
+
+		wrapper = shallowMount(FeedItemDisplayList, {
+			propsData: {
+				items: [mockItem],
+				fetchKey: 'unread',
+			},
+			localVue,
+			store,
+		})
+	})
+
+	it('should create FeedItemRow items from input', () => {
+		expect((wrapper.findComponent(VirtualScroll)).findAllComponents(FeedItemRow).length).toEqual(1)
+
+		wrapper = shallowMount(FeedItemDisplayList, {
+			propsData: {
+				items: [mockItem, mockItem],
+				fetchKey: 'unread',
+			},
+			localVue,
+			store,
+		})
+		expect((wrapper.findComponent(VirtualScroll)).findAllComponents(FeedItemRow).length).toEqual(2)
+	})
+
+})
diff --git a/tests/javascript/unit/components/FeedItemRow.spec.ts b/tests/javascript/unit/components/FeedItemRow.spec.ts
index 14c2d6cca..dde0106a9 100644
--- a/tests/javascript/unit/components/FeedItemRow.spec.ts
+++ b/tests/javascript/unit/components/FeedItemRow.spec.ts
@@ -48,20 +48,14 @@ describe('FeedItemRow.vue', () => {
 		expect(wrapper.vm.$data.keepUnread).toBeFalsy()
 	})
 
-	it('should expand when clicked', async () => {
-		await wrapper.find('.feed-item-row').trigger('click')
-
-		// expect(wrapper.vm.$data.expanded).toBe(true)
-	})
-
-	it('should format date correctly', () => {
+	it('should format date to match locale', () => {
 		const epoch = Date.now() // Provide an epoch timestamp
 		const formattedDate = (wrapper.vm as any).formatDate(epoch)
 
 		expect(formattedDate).toEqual(new Date(epoch).toLocaleString())
 	})
 
-	it('should format datetime correctly', () => {
+	it('should format datetime to match international standard', () => {
 		const epoch = Date.now() // Provide an epoch timestamp
 		const formattedDate = (wrapper.vm as any).formatDatetime(epoch)