refs #209 Add integration tests for Notifications
This commit is contained in:
AkiraFukushima
parent
1aa8936a84
commit
21220c578f
|
|
@ -139,8 +139,8 @@ describe('Home', () => {
|
||||||
it('should be updated', async () => {
|
it('should be updated', async () => {
|
||||||
const mockClient = {
|
const mockClient = {
|
||||||
get: (_path: string, _params: object) => {
|
get: (_path: string, _params: object) => {
|
||||||
return new Promise<Response<Status[]>>(resolve => {
|
return new Promise<Response<Array<Status>>>(resolve => {
|
||||||
const res: Response<Status[]> = {
|
const res: Response<Array<Status>> = {
|
||||||
data: [status1],
|
data: [status1],
|
||||||
status: 200,
|
status: 200,
|
||||||
statusText: 'OK',
|
statusText: 'OK',
|
||||||
|
|
@ -176,8 +176,8 @@ describe('Home', () => {
|
||||||
it('should be updated', async () => {
|
it('should be updated', async () => {
|
||||||
const mockClient = {
|
const mockClient = {
|
||||||
get: (_path: string, _params: object) => {
|
get: (_path: string, _params: object) => {
|
||||||
return new Promise<Response<[Status]>>(resolve => {
|
return new Promise<Response<Array<Status>>>(resolve => {
|
||||||
const res: Response<[Status]> = {
|
const res: Response<Array<Status>> = {
|
||||||
data: [status2],
|
data: [status2],
|
||||||
status: 200,
|
status: 200,
|
||||||
statusText: 'OK',
|
statusText: 'OK',
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,262 @@
|
||||||
|
import { Response, Status, Account, Application, Notification } from 'megalodon'
|
||||||
|
import mockedMegalodon from '~/spec/mock/megalodon.ts'
|
||||||
|
import { createLocalVue } from '@vue/test-utils'
|
||||||
|
import Vuex from 'vuex'
|
||||||
|
import Notifications, { NotificationsState } from '@/store/TimelineSpace/Contents/Notifications'
|
||||||
|
|
||||||
|
jest.mock('megalodon')
|
||||||
|
|
||||||
|
const account1: Account = {
|
||||||
|
id: '1',
|
||||||
|
username: 'h3poteto',
|
||||||
|
acct: 'h3poteto@pleroma.io',
|
||||||
|
display_name: 'h3poteto',
|
||||||
|
locked: false,
|
||||||
|
created_at: '2019-03-26T21:30:32',
|
||||||
|
followers_count: 10,
|
||||||
|
following_count: 10,
|
||||||
|
statuses_count: 100,
|
||||||
|
note: 'engineer',
|
||||||
|
url: 'https://pleroma.io',
|
||||||
|
avatar: '',
|
||||||
|
avatar_static: '',
|
||||||
|
header: '',
|
||||||
|
header_static: '',
|
||||||
|
emojis: [],
|
||||||
|
moved: null,
|
||||||
|
fields: null,
|
||||||
|
bot: false
|
||||||
|
}
|
||||||
|
|
||||||
|
const account2: Account = {
|
||||||
|
id: '2',
|
||||||
|
username: 'h3poteto',
|
||||||
|
acct: 'h3poteto@mstdn.io',
|
||||||
|
display_name: 'h3poteto',
|
||||||
|
locked: false,
|
||||||
|
created_at: '2019-03-26T21:30:32',
|
||||||
|
followers_count: 10,
|
||||||
|
following_count: 10,
|
||||||
|
statuses_count: 100,
|
||||||
|
note: 'engineer',
|
||||||
|
url: 'https://mstdn.io',
|
||||||
|
avatar: '',
|
||||||
|
avatar_static: '',
|
||||||
|
header: '',
|
||||||
|
header_static: '',
|
||||||
|
emojis: [],
|
||||||
|
moved: null,
|
||||||
|
fields: null,
|
||||||
|
bot: false
|
||||||
|
}
|
||||||
|
|
||||||
|
const status1: Status = {
|
||||||
|
id: '1',
|
||||||
|
uri: 'http://example.com',
|
||||||
|
url: 'http://example.com',
|
||||||
|
account: account1,
|
||||||
|
in_reply_to_id: null,
|
||||||
|
in_reply_to_account_id: null,
|
||||||
|
reblog: null,
|
||||||
|
content: 'hoge',
|
||||||
|
created_at: '2019-03-26T21:40:32',
|
||||||
|
emojis: [],
|
||||||
|
replies_count: 0,
|
||||||
|
reblogs_count: 0,
|
||||||
|
favourites_count: 0,
|
||||||
|
reblogged: null,
|
||||||
|
favourited: null,
|
||||||
|
muted: null,
|
||||||
|
sensitive: false,
|
||||||
|
spoiler_text: '',
|
||||||
|
visibility: 'public',
|
||||||
|
media_attachments: [],
|
||||||
|
mentions: [],
|
||||||
|
tags: [],
|
||||||
|
card: null,
|
||||||
|
application: {
|
||||||
|
name: 'Web'
|
||||||
|
} as Application,
|
||||||
|
language: null,
|
||||||
|
pinned: null
|
||||||
|
}
|
||||||
|
|
||||||
|
const status2: Status = {
|
||||||
|
id: '2',
|
||||||
|
uri: 'http://example.com',
|
||||||
|
url: 'http://example.com',
|
||||||
|
account: account1,
|
||||||
|
in_reply_to_id: null,
|
||||||
|
in_reply_to_account_id: null,
|
||||||
|
reblog: null,
|
||||||
|
content: 'hoge',
|
||||||
|
created_at: '2019-03-26T21:40:32',
|
||||||
|
emojis: [],
|
||||||
|
replies_count: 0,
|
||||||
|
reblogs_count: 0,
|
||||||
|
favourites_count: 0,
|
||||||
|
reblogged: null,
|
||||||
|
favourited: null,
|
||||||
|
muted: null,
|
||||||
|
sensitive: false,
|
||||||
|
spoiler_text: '',
|
||||||
|
visibility: 'public',
|
||||||
|
media_attachments: [],
|
||||||
|
mentions: [],
|
||||||
|
tags: [],
|
||||||
|
card: null,
|
||||||
|
application: {
|
||||||
|
name: 'Web'
|
||||||
|
} as Application,
|
||||||
|
language: null,
|
||||||
|
pinned: null
|
||||||
|
}
|
||||||
|
|
||||||
|
const rebloggedStatus: Status = {
|
||||||
|
id: '3',
|
||||||
|
uri: 'http://example.com',
|
||||||
|
url: 'http://example.com',
|
||||||
|
account: account1,
|
||||||
|
in_reply_to_id: null,
|
||||||
|
in_reply_to_account_id: null,
|
||||||
|
reblog: status2,
|
||||||
|
content: 'hoge',
|
||||||
|
created_at: '2019-03-26T21:40:32',
|
||||||
|
emojis: [],
|
||||||
|
replies_count: 0,
|
||||||
|
reblogs_count: 0,
|
||||||
|
favourites_count: 0,
|
||||||
|
reblogged: null,
|
||||||
|
favourited: null,
|
||||||
|
muted: null,
|
||||||
|
sensitive: false,
|
||||||
|
spoiler_text: '',
|
||||||
|
visibility: 'public',
|
||||||
|
media_attachments: [],
|
||||||
|
mentions: [],
|
||||||
|
tags: [],
|
||||||
|
card: null,
|
||||||
|
application: {
|
||||||
|
name: 'Web'
|
||||||
|
} as Application,
|
||||||
|
language: null,
|
||||||
|
pinned: null
|
||||||
|
}
|
||||||
|
|
||||||
|
const notification1: Notification = {
|
||||||
|
id: '1',
|
||||||
|
account: account2,
|
||||||
|
status: status1,
|
||||||
|
type: 'favourite',
|
||||||
|
created_at: '2019-04-01T17:01:32'
|
||||||
|
}
|
||||||
|
|
||||||
|
const notification2: Notification = {
|
||||||
|
id: '2',
|
||||||
|
account: account2,
|
||||||
|
status: rebloggedStatus,
|
||||||
|
type: 'mention',
|
||||||
|
created_at: '2019-04-01T17:01:32'
|
||||||
|
}
|
||||||
|
|
||||||
|
let state = (): NotificationsState => {
|
||||||
|
return {
|
||||||
|
lazyLoading: false,
|
||||||
|
heading: true,
|
||||||
|
notifications: [],
|
||||||
|
unreadNotifications: [],
|
||||||
|
filter: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const initStore = () => {
|
||||||
|
return {
|
||||||
|
namespaced: true,
|
||||||
|
state: state(),
|
||||||
|
actions: Notifications.actions,
|
||||||
|
mutations: Notifications.mutations
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const timelineState = {
|
||||||
|
namespaced: true,
|
||||||
|
state: {
|
||||||
|
account: {
|
||||||
|
accessToken: 'token',
|
||||||
|
baseURL: 'http://localhost'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
describe('Notifications', () => {
|
||||||
|
let store
|
||||||
|
let localVue
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
localVue = createLocalVue()
|
||||||
|
localVue.use(Vuex)
|
||||||
|
store = new Vuex.Store({
|
||||||
|
modules: {
|
||||||
|
Notifications: initStore(),
|
||||||
|
TimelineSpace: timelineState
|
||||||
|
}
|
||||||
|
})
|
||||||
|
mockedMegalodon.mockClear()
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('fetchNotifications', () => {
|
||||||
|
it('should be updated', async () => {
|
||||||
|
const mockClient = {
|
||||||
|
get: (_path: string, _params: object) => {
|
||||||
|
return new Promise<Response<Array<Notification>>>(resolve => {
|
||||||
|
const res: Response<Array<Notification>> = {
|
||||||
|
data: [notification1],
|
||||||
|
status: 200,
|
||||||
|
statusText: 'OK',
|
||||||
|
headers: {}
|
||||||
|
}
|
||||||
|
resolve(res)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
mockedMegalodon.mockImplementation(() => mockClient)
|
||||||
|
const response = await store.dispatch('Notifications/fetchNotifications')
|
||||||
|
expect(response).toEqual([notification1])
|
||||||
|
expect(store.state.Notifications.notifications).toEqual([notification1])
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('lazyFetchNotifications', () => {
|
||||||
|
beforeAll(() => {
|
||||||
|
state = () => {
|
||||||
|
return {
|
||||||
|
lazyLoading: false,
|
||||||
|
heading: true,
|
||||||
|
notifications: [notification1],
|
||||||
|
unreadNotifications: [],
|
||||||
|
filter: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
it('should be updated', async () => {
|
||||||
|
const mockClient = {
|
||||||
|
get: (_path: string, _params: object) => {
|
||||||
|
return new Promise<Response<Array<Notification>>>(resolve => {
|
||||||
|
const res: Response<Array<Notification>> = {
|
||||||
|
data: [notification2],
|
||||||
|
status: 200,
|
||||||
|
statusText: '200',
|
||||||
|
headers: {}
|
||||||
|
}
|
||||||
|
resolve(res)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
mockedMegalodon.mockImplementation(() => mockClient)
|
||||||
|
await store.dispatch('Notifications/lazyFetchNotifications', notification1)
|
||||||
|
expect(store.state.Notifications.lazyLoading).toEqual(false)
|
||||||
|
expect(store.state.Notifications.notifications).toEqual([notification1, notification2])
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue