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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
|
import { shallowMount, createLocalVue, Wrapper } from '@vue/test-utils'
import FeedItemRow from '../../../../../src/components/feed-display/FeedItemRow.vue'
import { ACTIONS } from '../../../../../src/store'
describe('FeedItemRow.vue', () => {
'use strict'
const localVue = createLocalVue()
let wrapper: Wrapper<FeedItemRow>
const mockItem = {
feedId: 1,
title: 'feed item',
pubDate: Date.now() / 1000,
}
const mockFeed = {
id: 1,
}
const dispatchStub = jest.fn()
beforeAll(() => {
wrapper = shallowMount(FeedItemRow, {
propsData: {
item: mockItem,
},
localVue,
mocks: {
$store: {
getters: {
feeds: [mockFeed],
},
state: {
feeds: [],
folders: [],
},
dispatch: dispatchStub,
commit: jest.fn(),
},
},
})
})
beforeEach(() => {
dispatchStub.mockReset()
})
it('should initialize without expanded and without keepUnread', () => {
expect(wrapper.vm.$data.keepUnread).toBeFalsy()
})
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 calculate relative timestamp correctly', () => {
const currentTimestamp = Date.now()
let pastTimestamp = currentTimestamp - 1000 * 10 // 10 seconds ago
let relativeTimestamp = (wrapper.vm as any).getRelativeTimestamp(pastTimestamp)
expect(relativeTimestamp).toEqual('{num} seconds')
pastTimestamp = currentTimestamp - 1000 * 60 * 10 // 10 minutes ago
relativeTimestamp = (wrapper.vm as any).getRelativeTimestamp(pastTimestamp)
expect(relativeTimestamp).toEqual('{num} minutes ago')
})
it('should retrieve feed by ID', () => {
const feed = (wrapper.vm as any).getFeed(mockFeed.id)
expect(feed).toEqual(mockFeed)
})
describe('markRead', () => {
it('should mark item as read when keepUnread is false', () => {
wrapper.vm.$data.keepUnread = false;
(wrapper.vm as any).markRead(wrapper.vm.$props.item)
expect(dispatchStub).toHaveBeenCalledWith(ACTIONS.MARK_READ, {
item: wrapper.vm.$props.item,
})
})
it('should not mark item as read when keepUnread is true', () => {
wrapper.vm.$data.keepUnread = true;
(wrapper.vm as any).markRead(wrapper.vm.$data.item)
expect(dispatchStub).not.toHaveBeenCalled()
})
})
it('toggles keepUnread state', () => {
const initialKeepUnread = wrapper.vm.$data.keepUnread;
(wrapper.vm as any).toggleKeepUnread(wrapper.vm.$data.item)
const updatedKeepUnread = wrapper.vm.$data.keepUnread
expect(updatedKeepUnread).toBe(!initialKeepUnread)
})
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,
})
})
})
|
