45 lines
1.6 KiB
JavaScript
45 lines
1.6 KiB
JavaScript
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
|
import { mount, flushPromises } from '@vue/test-utils'
|
|
import App from '../src/App.vue'
|
|
|
|
vi.mock('../src/api.js', () => ({
|
|
fetchItems: vi.fn(async () => []),
|
|
fetchItem: vi.fn(async (id) => ({ id })),
|
|
}))
|
|
|
|
beforeEach(() => {
|
|
localStorage.clear()
|
|
})
|
|
|
|
describe('App view mode', () => {
|
|
it('defaults to list view when nothing is stored', async () => {
|
|
const wrapper = mount(App)
|
|
await flushPromises()
|
|
const listButton = wrapper.findAll('.view-toggle button').find((b) => b.text() === 'List')
|
|
expect(listButton.classes()).toContain('active')
|
|
})
|
|
|
|
it('honors a stored board view mode on mount', async () => {
|
|
localStorage.setItem('chorus_view_mode', 'board')
|
|
const wrapper = mount(App)
|
|
await flushPromises()
|
|
const boardButton = wrapper.findAll('.view-toggle button').find((b) => b.text() === 'Board')
|
|
expect(boardButton.classes()).toContain('active')
|
|
})
|
|
|
|
it('defaults to list view for an invalid stored value', async () => {
|
|
localStorage.setItem('chorus_view_mode', 'garbage')
|
|
const wrapper = mount(App)
|
|
await flushPromises()
|
|
const listButton = wrapper.findAll('.view-toggle button').find((b) => b.text() === 'List')
|
|
expect(listButton.classes()).toContain('active')
|
|
})
|
|
|
|
it('clicking Board writes the choice to localStorage', async () => {
|
|
const wrapper = mount(App)
|
|
await flushPromises()
|
|
const boardButton = wrapper.findAll('.view-toggle button').find((b) => b.text() === 'Board')
|
|
await boardButton.trigger('click')
|
|
expect(localStorage.getItem('chorus_view_mode')).toBe('board')
|
|
})
|
|
})
|