|
@@ -2,7 +2,6 @@
|
|
|
* 支付成功页面组件测试
|
|
* 支付成功页面组件测试
|
|
|
*/
|
|
*/
|
|
|
|
|
|
|
|
-import React from 'react'
|
|
|
|
|
import { render, screen, fireEvent } from '@testing-library/react'
|
|
import { render, screen, fireEvent } from '@testing-library/react'
|
|
|
import '@testing-library/jest-dom'
|
|
import '@testing-library/jest-dom'
|
|
|
import PaySuccessPage from '@/pages/pay-success/index'
|
|
import PaySuccessPage from '@/pages/pay-success/index'
|
|
@@ -25,7 +24,7 @@ describe('PaySuccessPage', () => {
|
|
|
mockSwitchTab.mockClear()
|
|
mockSwitchTab.mockClear()
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
- it('should render payment success page correctly', () => {
|
|
|
|
|
|
|
+ it('应该正确渲染支付成功页面', () => {
|
|
|
render(<PaySuccessPage />)
|
|
render(<PaySuccessPage />)
|
|
|
|
|
|
|
|
expect(screen.getByText('支付成功!')).toBeInTheDocument()
|
|
expect(screen.getByText('支付成功!')).toBeInTheDocument()
|
|
@@ -34,7 +33,7 @@ describe('PaySuccessPage', () => {
|
|
|
expect(screen.getByText('2张')).toBeInTheDocument()
|
|
expect(screen.getByText('2张')).toBeInTheDocument()
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
- it('should handle view order button click', () => {
|
|
|
|
|
|
|
+ it('应该处理查看订单按钮点击', () => {
|
|
|
render(<PaySuccessPage />)
|
|
render(<PaySuccessPage />)
|
|
|
|
|
|
|
|
const viewOrderButton = screen.getByText('查看订单')
|
|
const viewOrderButton = screen.getByText('查看订单')
|
|
@@ -45,7 +44,7 @@ describe('PaySuccessPage', () => {
|
|
|
})
|
|
})
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
- it('should handle back to home button click', () => {
|
|
|
|
|
|
|
+ it('应该处理返回首页按钮点击', () => {
|
|
|
render(<PaySuccessPage />)
|
|
render(<PaySuccessPage />)
|
|
|
|
|
|
|
|
const backToHomeButton = screen.getByText('返回首页')
|
|
const backToHomeButton = screen.getByText('返回首页')
|
|
@@ -56,7 +55,7 @@ describe('PaySuccessPage', () => {
|
|
|
})
|
|
})
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
- it('should handle missing parameters gracefully', () => {
|
|
|
|
|
|
|
+ it('应该优雅处理缺少参数的情况', () => {
|
|
|
mockUseRouter.mockReturnValue({
|
|
mockUseRouter.mockReturnValue({
|
|
|
params: {} // 缺少参数
|
|
params: {} // 缺少参数
|
|
|
})
|
|
})
|
|
@@ -68,7 +67,7 @@ describe('PaySuccessPage', () => {
|
|
|
expect(screen.getByText('0张')).toBeInTheDocument()
|
|
expect(screen.getByText('0张')).toBeInTheDocument()
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
- it('should log order ID on load', () => {
|
|
|
|
|
|
|
+ it('应该在加载时记录订单ID', () => {
|
|
|
const consoleSpy = jest.spyOn(console, 'log')
|
|
const consoleSpy = jest.spyOn(console, 'log')
|
|
|
|
|
|
|
|
render(<PaySuccessPage />)
|
|
render(<PaySuccessPage />)
|
|
@@ -78,7 +77,7 @@ describe('PaySuccessPage', () => {
|
|
|
consoleSpy.mockRestore()
|
|
consoleSpy.mockRestore()
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
- it('should display correct payment information', () => {
|
|
|
|
|
|
|
+ it('应该显示正确的支付信息', () => {
|
|
|
mockUseRouter.mockReturnValue({
|
|
mockUseRouter.mockReturnValue({
|
|
|
params: {
|
|
params: {
|
|
|
totalPrice: '250.5',
|
|
totalPrice: '250.5',
|
|
@@ -93,7 +92,7 @@ describe('PaySuccessPage', () => {
|
|
|
expect(screen.getByText('3张')).toBeInTheDocument()
|
|
expect(screen.getByText('3张')).toBeInTheDocument()
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
- it('should have proper navigation structure', () => {
|
|
|
|
|
|
|
+ it('应该具有正确的导航结构', () => {
|
|
|
render(<PaySuccessPage />)
|
|
render(<PaySuccessPage />)
|
|
|
|
|
|
|
|
// 检查导航栏
|
|
// 检查导航栏
|
|
@@ -106,7 +105,7 @@ describe('PaySuccessPage', () => {
|
|
|
expect(screen.getByText('查看订单')).toBeInTheDocument()
|
|
expect(screen.getByText('查看订单')).toBeInTheDocument()
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
- it('should handle navigation back', () => {
|
|
|
|
|
|
|
+ it('应该处理导航返回', () => {
|
|
|
// 这个测试目前没有实际功能,因为组件中没有使用 navigateBack
|
|
// 这个测试目前没有实际功能,因为组件中没有使用 navigateBack
|
|
|
// 如果需要测试导航返回功能,需要先实现对应的组件逻辑
|
|
// 如果需要测试导航返回功能,需要先实现对应的组件逻辑
|
|
|
})
|
|
})
|