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 () => {
|
||||
const mockClient = {
|
||||
get: (_path: string, _params: object) => {
|
||||
return new Promise<Response<Status[]>>(resolve => {
|
||||
const res: Response<Status[]> = {
|
||||
return new Promise<Response<Array<Status>>>(resolve => {
|
||||
const res: Response<Array<Status>> = {
|
||||
data: [status1],
|
||||
status: 200,
|
||||
statusText: 'OK',
|
||||
|
|
@ -176,8 +176,8 @@ describe('Home', () => {
|
|||
it('should be updated', async () => {
|
||||
const mockClient = {
|
||||
get: (_path: string, _params: object) => {
|
||||
return new Promise<Response<[Status]>>(resolve => {
|
||||
const res: Response<[Status]> = {
|
||||
return new Promise<Response<Array<Status>>>(resolve => {
|
||||
const res: Response<Array<Status>> = {
|
||||
data: [status2],
|
||||
status: 200,
|
||||
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