92 lines
2.8 KiB
TypeScript
92 lines
2.8 KiB
TypeScript
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
|
import { mount } from '@vue/test-utils'
|
|
import ElementPlus from 'element-plus'
|
|
import { ElMessage } from 'element-plus'
|
|
import Login from '@/components/Login.vue'
|
|
import router from '@/router'
|
|
import { login } from '@/api/login'
|
|
|
|
vi.mock('@/api/login', () => ({
|
|
login: vi.fn(),
|
|
logout: vi.fn(),
|
|
}))
|
|
|
|
function mountLogin() {
|
|
return mount(Login, {
|
|
shallow: true,
|
|
global: {
|
|
plugins: [ElementPlus, router],
|
|
},
|
|
})
|
|
}
|
|
|
|
function createForm(valid = true) {
|
|
return {
|
|
validate: (callback: (valid: boolean) => void) => callback(valid),
|
|
} as any
|
|
}
|
|
|
|
describe('Login.vue', () => {
|
|
beforeEach(async () => {
|
|
vi.clearAllMocks()
|
|
localStorage.clear()
|
|
await router.push('/login')
|
|
await router.isReady()
|
|
})
|
|
|
|
it('isNotEmpty validator reports empty value and accepts filled value', () => {
|
|
const wrapper = mountLogin()
|
|
const callback = vi.fn()
|
|
|
|
wrapper.vm.isNotEmpty({ message: '请输入账号！' } as any, '', callback)
|
|
expect(callback).toHaveBeenCalledWith('请输入账号！')
|
|
|
|
wrapper.vm.isNotEmpty({ message: '请输入账号！' } as any, 'admin', callback)
|
|
expect(callback).toHaveBeenCalledWith()
|
|
})
|
|
|
|
it('sets localStorage and navigates on successful login', async () => {
|
|
vi.mocked(login).mockResolvedValue({ code: 200, message: '登录成功' } as any)
|
|
const wrapper = mountLogin()
|
|
wrapper.vm.registerData.username = 'admin'
|
|
wrapper.vm.registerData.password = '123456'
|
|
|
|
await wrapper.vm.submitForm(createForm(true))
|
|
|
|
expect(localStorage.getItem('isLoggedIn')).toBe('true')
|
|
expect(ElMessage.success).toHaveBeenCalledWith('登录成功')
|
|
expect(router.currentRoute.value.path).toBe('/welcome')
|
|
})
|
|
|
|
it('shows error message on failed login', async () => {
|
|
vi.mocked(login).mockResolvedValue({ code: 401, message: '密码错误' } as any)
|
|
const wrapper = mountLogin()
|
|
wrapper.vm.registerData.username = 'admin'
|
|
wrapper.vm.registerData.password = 'wrong'
|
|
|
|
await wrapper.vm.submitForm(createForm(true))
|
|
|
|
expect(ElMessage.error).toHaveBeenCalledWith('密码错误')
|
|
expect(localStorage.getItem('isLoggedIn')).toBeNull()
|
|
expect(router.currentRoute.value.path).toBe('/login')
|
|
})
|
|
|
|
it('does not submit again while loading', async () => {
|
|
let resolveLogin!: (value: any) => void
|
|
vi.mocked(login).mockImplementation(
|
|
() => new Promise((resolve) => { resolveLogin = resolve }),
|
|
)
|
|
const wrapper = mountLogin()
|
|
|
|
const firstSubmit = wrapper.vm.submitForm(createForm(true))
|
|
const secondSubmit = wrapper.vm.submitForm(createForm(true))
|
|
await Promise.resolve()
|
|
|
|
expect(login).toHaveBeenCalledTimes(1)
|
|
|
|
resolveLogin({ code: 200, message: '登录成功' })
|
|
await Promise.all([firstSubmit, secondSubmit])
|
|
expect(localStorage.getItem('isLoggedIn')).toBe('true')
|
|
})
|
|
})
|