121 lines
3.8 KiB
TypeScript
121 lines
3.8 KiB
TypeScript
import { createLocalVue } from '@vue/test-utils'
|
|
import Vuex from 'vuex'
|
|
import Theme from '~/src/constants/theme'
|
|
import DisplayStyle from '~/src/constants/displayStyle'
|
|
import TimeFormat from '~/src/constants/timeFormat'
|
|
import { LightTheme, DarkTheme } from '~/src/constants/themeColor'
|
|
import DefaultFonts from '@/utils/fonts'
|
|
import Appearance, { AppearanceState } from '@/store/Preferences/Appearance'
|
|
import { ipcMain } from '~/spec/mock/electron'
|
|
|
|
const state = (): AppearanceState => {
|
|
return {
|
|
appearance: {
|
|
theme: Theme.Light.key,
|
|
fontSize: 14,
|
|
displayNameStyle: DisplayStyle.DisplayNameAndUsername.value,
|
|
timeFormat: TimeFormat.Absolute.value,
|
|
customThemeColor: LightTheme,
|
|
font: DefaultFonts[0],
|
|
tootPadding: 8
|
|
},
|
|
fonts: []
|
|
}
|
|
}
|
|
|
|
const initStore = () => {
|
|
return {
|
|
namespaced: true,
|
|
state: state(),
|
|
actions: Appearance.actions,
|
|
mutations: Appearance.mutations
|
|
}
|
|
}
|
|
|
|
const App = {
|
|
namespaced: true,
|
|
actions: {
|
|
loadPreferences: jest.fn()
|
|
}
|
|
}
|
|
|
|
describe('Preferences/Appearance', () => {
|
|
let store
|
|
let localVue
|
|
|
|
beforeEach(() => {
|
|
localVue = createLocalVue()
|
|
localVue.use(Vuex)
|
|
store = new Vuex.Store({
|
|
modules: {
|
|
Preferences: initStore(),
|
|
App: App
|
|
}
|
|
})
|
|
ipcMain.once('update-preferences', (event: any, config: any) => {
|
|
event.sender.send('response-update-preferences', config)
|
|
})
|
|
})
|
|
|
|
describe('load', () => {
|
|
it('loadAppearance', async () => {
|
|
ipcMain.once('get-preferences', (event: any, _) => {
|
|
event.sender.send('response-get-preferences', {
|
|
appearance: {
|
|
theme: Theme.Dark.key,
|
|
fontSize: 15
|
|
}
|
|
})
|
|
})
|
|
await store.dispatch('Preferences/loadAppearance')
|
|
expect(store.state.Preferences.appearance.theme).toEqual(Theme.Dark.key)
|
|
expect(store.state.Preferences.appearance.fontSize).toEqual(15)
|
|
})
|
|
it('loadFonts', async () => {
|
|
ipcMain.once('list-fonts', (event, _) => {
|
|
event.sender.send('response-list-fonts', ['my-font'])
|
|
})
|
|
await store.dispatch('Preferences/loadFonts')
|
|
expect(store.state.Preferences.fonts).toEqual([DefaultFonts[0], 'my-font'])
|
|
})
|
|
})
|
|
|
|
describe('update', () => {
|
|
it('updateTheme', async () => {
|
|
await store.dispatch('Preferences/updateTheme', Theme.Dark.key)
|
|
expect(store.state.Preferences.appearance.theme).toEqual(Theme.Dark.key)
|
|
expect(App.actions.loadPreferences).toBeCalled()
|
|
})
|
|
|
|
it('updateFontSize', async () => {
|
|
await store.dispatch('Preferences/updateFontSize', 15)
|
|
expect(store.state.Preferences.appearance.fontSize).toEqual(15)
|
|
expect(App.actions.loadPreferences).toBeCalled()
|
|
})
|
|
|
|
it('updateDisplayNameStyle', async () => {
|
|
await store.dispatch('Preferences/updateDisplayNameStyle', DisplayStyle.DisplayName.value)
|
|
expect(store.state.Preferences.appearance.displayNameStyle).toEqual(DisplayStyle.DisplayName.value)
|
|
expect(App.actions.loadPreferences).toBeCalled()
|
|
})
|
|
|
|
it('updateTimeFormat', async () => {
|
|
await store.dispatch('Preferences/updateTimeFormat', TimeFormat.Relative.value)
|
|
expect(store.state.Preferences.appearance.timeFormat).toEqual(TimeFormat.Relative.value)
|
|
expect(App.actions.loadPreferences).toBeCalled()
|
|
})
|
|
|
|
it('updateCustomThemeColor', async () => {
|
|
await store.dispatch('Preferences/updateCustomThemeColor', DarkTheme)
|
|
expect(store.state.Preferences.appearance.customThemeColor).toEqual(DarkTheme)
|
|
expect(App.actions.loadPreferences).toBeCalled()
|
|
})
|
|
|
|
it('updateFont', async () => {
|
|
await store.dispatch('Preferences/updateFont', DefaultFonts[1])
|
|
expect(store.state.Preferences.appearance.font).toEqual(DefaultFonts[1])
|
|
expect(App.actions.loadPreferences).toBeCalled()
|
|
})
|
|
})
|
|
})
|