2019-08-12 09:39:31 +02:00
|
|
|
import { Response, Status, Account, Application, Conversation } from 'megalodon'
|
2019-06-13 16:29:05 +02:00
|
|
|
import mockedMegalodon from '~/spec/mock/megalodon'
|
2019-06-13 16:19:54 +02:00
|
|
|
import { createLocalVue } from '@vue/test-utils'
|
|
|
|
import Vuex from 'vuex'
|
|
|
|
import DirectMessages, { DirectMessagesState } from '@/store/TimelineSpace/Contents/DirectMessages'
|
|
|
|
|
|
|
|
jest.mock('megalodon')
|
|
|
|
|
|
|
|
const account: 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
|
|
|
|
}
|
2019-08-12 09:39:31 +02:00
|
|
|
|
2019-06-13 16:19:54 +02:00
|
|
|
const status1: Status = {
|
|
|
|
id: '1',
|
|
|
|
uri: 'http://example.com',
|
|
|
|
url: 'http://example.com',
|
|
|
|
account: account,
|
|
|
|
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,
|
2019-07-12 18:17:02 +02:00
|
|
|
poll: null,
|
2019-06-13 16:19:54 +02:00
|
|
|
application: {
|
|
|
|
name: 'Web'
|
|
|
|
} as Application,
|
|
|
|
language: null,
|
|
|
|
pinned: null
|
|
|
|
}
|
2019-08-12 09:39:31 +02:00
|
|
|
|
2019-06-13 16:19:54 +02:00
|
|
|
const status2: Status = {
|
|
|
|
id: '2',
|
|
|
|
uri: 'http://example.com',
|
|
|
|
url: 'http://example.com',
|
|
|
|
account: account,
|
|
|
|
in_reply_to_id: null,
|
|
|
|
in_reply_to_account_id: null,
|
|
|
|
reblog: null,
|
|
|
|
content: 'fuga',
|
|
|
|
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,
|
2019-07-12 18:17:02 +02:00
|
|
|
poll: null,
|
2019-06-13 16:19:54 +02:00
|
|
|
application: {
|
|
|
|
name: 'Web'
|
|
|
|
} as Application,
|
|
|
|
language: null,
|
|
|
|
pinned: null
|
|
|
|
}
|
|
|
|
|
2019-08-12 09:39:31 +02:00
|
|
|
const conversation1: Conversation = {
|
|
|
|
id: '1',
|
|
|
|
accounts: [account],
|
|
|
|
last_status: status1,
|
|
|
|
unread: false
|
|
|
|
}
|
|
|
|
|
|
|
|
const conversation2: Conversation = {
|
|
|
|
id: '2',
|
|
|
|
accounts: [account],
|
|
|
|
last_status: status2,
|
|
|
|
unread: false
|
|
|
|
}
|
|
|
|
|
2019-06-13 16:19:54 +02:00
|
|
|
let state = (): DirectMessagesState => {
|
|
|
|
return {
|
|
|
|
lazyLoading: false,
|
|
|
|
heading: true,
|
|
|
|
timeline: [],
|
|
|
|
unreadTimeline: [],
|
|
|
|
filter: ''
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const initStore = () => {
|
|
|
|
return {
|
|
|
|
namespaced: true,
|
|
|
|
state: state(),
|
|
|
|
actions: DirectMessages.actions,
|
|
|
|
mutations: DirectMessages.mutations
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const timelineState = {
|
|
|
|
namespaced: true,
|
|
|
|
state: {
|
|
|
|
account: {
|
|
|
|
accessToken: 'token',
|
|
|
|
baseURL: 'http://localhost'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
describe('Home', () => {
|
|
|
|
let store
|
|
|
|
let localVue
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
localVue = createLocalVue()
|
|
|
|
localVue.use(Vuex)
|
|
|
|
store = new Vuex.Store({
|
|
|
|
modules: {
|
|
|
|
DirectMessages: initStore(),
|
|
|
|
TimelineSpace: timelineState
|
|
|
|
}
|
|
|
|
})
|
|
|
|
mockedMegalodon.mockClear()
|
|
|
|
})
|
|
|
|
|
|
|
|
describe('fetchTimeline', () => {
|
|
|
|
it('should be updated', async () => {
|
|
|
|
const mockClient = {
|
|
|
|
get: (_path: string, _params: object) => {
|
2019-08-12 09:39:31 +02:00
|
|
|
return new Promise<Response<Array<Conversation>>>(resolve => {
|
|
|
|
const res: Response<Array<Conversation>> = {
|
|
|
|
data: [conversation1],
|
2019-06-13 16:19:54 +02:00
|
|
|
status: 200,
|
|
|
|
statusText: 'OK',
|
|
|
|
headers: {}
|
|
|
|
}
|
|
|
|
resolve(res)
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
mockedMegalodon.mockImplementation(() => mockClient)
|
|
|
|
const statuses = await store.dispatch('DirectMessages/fetchTimeline')
|
|
|
|
expect(statuses).toEqual([status1])
|
|
|
|
expect(store.state.DirectMessages.timeline).toEqual([status1])
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
describe('lazyFetchTimeline', () => {
|
|
|
|
describe('success', () => {
|
|
|
|
beforeAll(() => {
|
|
|
|
state = () => {
|
|
|
|
return {
|
|
|
|
lazyLoading: false,
|
|
|
|
heading: true,
|
|
|
|
timeline: [status1],
|
|
|
|
unreadTimeline: [],
|
|
|
|
filter: '',
|
|
|
|
showReblogs: true,
|
|
|
|
showReplies: true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
it('should be updated', async () => {
|
|
|
|
const mockClient = {
|
|
|
|
get: (_path: string, _params: object) => {
|
2019-08-12 09:39:31 +02:00
|
|
|
return new Promise<Response<Array<Conversation>>>(resolve => {
|
|
|
|
const res: Response<Array<Conversation>> = {
|
|
|
|
data: [conversation2],
|
2019-06-13 16:19:54 +02:00
|
|
|
status: 200,
|
|
|
|
statusText: 'OK',
|
|
|
|
headers: {}
|
|
|
|
}
|
|
|
|
resolve(res)
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
mockedMegalodon.mockImplementation(() => mockClient)
|
2019-06-13 16:29:05 +02:00
|
|
|
await store.dispatch('DirectMessages/lazyFetchTimeline', status1)
|
2019-06-13 16:19:54 +02:00
|
|
|
expect(store.state.DirectMessages.lazyLoading).toEqual(false)
|
|
|
|
expect(store.state.DirectMessages.timeline).toEqual([status1, status2])
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|