import { Response, Entity } from 'megalodon' import { createLocalVue } from '@vue/test-utils' import Vuex from 'vuex' import Local, { LocalState } from '@/store/TimelineSpace/Contents/Local' const mockClient = { getLocalTimeline: () => { return new Promise>>(resolve => { const res: Response> = { data: [status1], status: 200, statusText: 'OK', headers: {} } resolve(res) }) } } jest.mock('megalodon', () => ({ ...jest.requireActual('megalodon'), default: jest.fn(() => mockClient), __esModule: true })) const account: Entity.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 status1: Entity.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, poll: null, application: { name: 'Web' } as Entity.Application, language: null, pinned: null, emoji_reactions: [], quote: false } const status2: Entity.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, poll: null, application: { name: 'Web' } as Entity.Application, language: null, pinned: null, emoji_reactions: [], quote: false } let state = (): LocalState => { return { lazyLoading: false, heading: true, timeline: [], unreadTimeline: [], filter: '' } } const initStore = () => { return { namespaced: true, state: state(), actions: Local.actions, mutations: Local.mutations } } const timelineState = { namespaced: true, state: { account: { accessToken: 'token', baseURL: 'http://localhost' } } } const appState = { namespaced: true, state: { proxyConfiguration: false } } describe('Home', () => { let store let localVue beforeEach(() => { localVue = createLocalVue() localVue.use(Vuex) store = new Vuex.Store({ modules: { Local: initStore(), TimelineSpace: timelineState, App: appState } }) }) describe('fetchLocalTimeline', () => { it('should be updated', async () => { const statuses = await store.dispatch('Local/fetchLocalTimeline') expect(statuses).toEqual([status1]) expect(store.state.Local.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 () => { mockClient.getLocalTimeline = () => { return new Promise>>(resolve => { const res: Response> = { data: [status2], status: 200, statusText: 'OK', headers: {} } resolve(res) }) } await store.dispatch('Local/lazyFetchTimeline', status1) expect(store.state.Local.lazyLoading).toEqual(false) expect(store.state.Local.timeline).toEqual([status1, status2]) }) }) }) })