121 lines
3.6 KiB
TypeScript
121 lines
3.6 KiB
TypeScript
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
||
import { mount } from '@vue/test-utils'
|
||
import { createRouter, createWebHistory } from 'vue-router'
|
||
import ExamNotice from '../ExamNotice.vue'
|
||
|
||
// Mock router
|
||
const mockRouter = createRouter({
|
||
history: createWebHistory(),
|
||
routes: [
|
||
{
|
||
path: '/course/:courseId/exam/:sectionId/notice',
|
||
name: 'ExamNotice',
|
||
component: ExamNotice
|
||
},
|
||
{
|
||
path: '/course/:courseId/exam/:sectionId',
|
||
name: 'Exam',
|
||
component: { template: '<div>Exam Page</div>' }
|
||
},
|
||
{
|
||
path: '/course/:courseId',
|
||
name: 'CourseDetail',
|
||
component: { template: '<div>Course Detail</div>' }
|
||
}
|
||
]
|
||
})
|
||
|
||
describe('ExamNotice', () => {
|
||
let wrapper: any
|
||
|
||
beforeEach(async () => {
|
||
// 设置路由参数
|
||
await mockRouter.push('/course/1/exam/20/notice?courseName=测试课程&examName=期末考试')
|
||
|
||
wrapper = mount(ExamNotice, {
|
||
global: {
|
||
plugins: [mockRouter]
|
||
}
|
||
})
|
||
})
|
||
|
||
it('应该正确渲染考前须知页面', () => {
|
||
expect(wrapper.find('.exam-notice-page').exists()).toBe(true)
|
||
expect(wrapper.find('.center-title').text()).toBe('考试中心')
|
||
expect(wrapper.find('.notice-title').text()).toBe('考前须知')
|
||
})
|
||
|
||
it('应该显示所有考前须知条目', () => {
|
||
const noticeItems = wrapper.findAll('.notice-item')
|
||
expect(noticeItems.length).toBe(12) // 应该有12条须知
|
||
|
||
// 检查第一条须知
|
||
expect(noticeItems[0].find('.item-number').text()).toBe('1.')
|
||
expect(noticeItems[0].find('.item-text').text()).toContain('考试时间为：2024年8月31日-9月30日')
|
||
})
|
||
|
||
it('应该有返回和开始考试按钮', () => {
|
||
const backButton = wrapper.find('.btn-secondary')
|
||
const startButton = wrapper.find('.btn-primary')
|
||
|
||
expect(backButton.exists()).toBe(true)
|
||
expect(startButton.exists()).toBe(true)
|
||
expect(backButton.text()).toContain('返回上级')
|
||
expect(startButton.text()).toBe('我已阅读，开始考试')
|
||
})
|
||
|
||
it('点击返回按钮应该跳转到课程详情页', async () => {
|
||
const pushSpy = vi.spyOn(mockRouter, 'push')
|
||
const backButton = wrapper.find('.btn-secondary')
|
||
|
||
await backButton.trigger('click')
|
||
|
||
expect(pushSpy).toHaveBeenCalledWith('/course/1')
|
||
})
|
||
|
||
it('点击开始考试按钮应该跳转到考试页面', async () => {
|
||
const pushSpy = vi.spyOn(mockRouter, 'push')
|
||
const startButton = wrapper.find('.btn-primary')
|
||
|
||
await startButton.trigger('click')
|
||
|
||
expect(pushSpy).toHaveBeenCalledWith({
|
||
name: 'Exam',
|
||
params: {
|
||
courseId: 1,
|
||
sectionId: 20
|
||
},
|
||
query: {
|
||
courseName: '测试课程',
|
||
examName: '期末考试',
|
||
fromNotice: 'true'
|
||
}
|
||
})
|
||
})
|
||
|
||
it('应该正确显示浏览次数', () => {
|
||
const viewCount = wrapper.find('.view-count')
|
||
expect(viewCount.text()).toContain('浏览次数：1024')
|
||
})
|
||
|
||
it('应该有正确的页面标题和副标题', () => {
|
||
const title = wrapper.find('.center-title')
|
||
const subtitle = wrapper.find('.center-subtitle')
|
||
|
||
expect(title.text()).toBe('考试中心')
|
||
expect(subtitle.text()).toBe('诚信考试规范，考试过程规范，严格监考规范')
|
||
})
|
||
|
||
it('应该有正确的导航菜单', () => {
|
||
const navItem = wrapper.find('.nav-menu .nav-item')
|
||
expect(navItem.exists()).toBe(true)
|
||
expect(navItem.find('.nav-text').text()).toBe('考前须知')
|
||
expect(navItem.classes()).toContain('active')
|
||
})
|
||
|
||
it('应该没有页脚信息（已移除）', () => {
|
||
const footer = wrapper.find('.footer')
|
||
expect(footer.exists()).toBe(false)
|
||
})
|
||
})
|