88 lines
3.0 KiB
TypeScript
88 lines
3.0 KiB
TypeScript
// @vitest-environment happy-dom
|
||
|
||
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
||
import { mount } from '@vue/test-utils'
|
||
import ArrivalPanel from '@/components/navigation/ArrivalPanel.vue'
|
||
import { ARRIVAL_TARGETS } from '@/data/arrivalSearchTargets'
|
||
|
||
const selectedTarget = ARRIVAL_TARGETS[0]
|
||
const defaultUserAgent = window.navigator.userAgent
|
||
|
||
const mountArrivalPanel = () => mount(ArrivalPanel, {
|
||
props: {
|
||
visible: true,
|
||
activeType: 'bus',
|
||
targets: [selectedTarget],
|
||
selectedTargetId: selectedTarget.id,
|
||
selectedTarget
|
||
}
|
||
})
|
||
|
||
beforeEach(() => {
|
||
window.history.replaceState({}, '', '/#/pages/index/index?tab=guide')
|
||
Object.defineProperty(window.navigator, 'userAgent', {
|
||
configurable: true,
|
||
value: 'Mozilla/5.0 MicroMessenger/8.0.50 miniProgram'
|
||
})
|
||
Object.assign(window, {
|
||
__wxjs_environment: 'miniprogram',
|
||
wx: {
|
||
miniProgram: {
|
||
navigateTo: vi.fn()
|
||
}
|
||
}
|
||
})
|
||
vi.stubGlobal('uni', {
|
||
showToast: vi.fn()
|
||
})
|
||
})
|
||
|
||
afterEach(() => {
|
||
Object.defineProperty(window.navigator, 'userAgent', {
|
||
configurable: true,
|
||
value: defaultUserAgent
|
||
})
|
||
delete (window as Window & { __wxjs_environment?: string }).__wxjs_environment
|
||
delete (window as Window & { wx?: unknown }).wx
|
||
vi.unstubAllGlobals()
|
||
})
|
||
|
||
describe('来馆面板 H5 实际渲染', () => {
|
||
it('主按钮显示第三方导航，点击后展示三家地图选择层', async () => {
|
||
const wrapper = mountArrivalPanel()
|
||
const navigateTo = (
|
||
window as Window & {
|
||
wx?: { miniProgram?: { navigateTo?: ReturnType<typeof vi.fn> } }
|
||
}
|
||
).wx?.miniProgram?.navigateTo
|
||
|
||
expect(wrapper.get('.arrival-primary-text').text()).toBe('第三方导航')
|
||
expect(wrapper.text()).not.toContain('打开地图导航')
|
||
await wrapper.get('.arrival-primary').trigger('tap')
|
||
|
||
expect(wrapper.find('.provider-sheet').exists()).toBe(true)
|
||
expect(wrapper.findAll('.provider-row')).toHaveLength(3)
|
||
expect(wrapper.text()).toContain('高德地图')
|
||
expect(wrapper.text()).toContain('百度地图')
|
||
expect(wrapper.text()).toContain('腾讯地图')
|
||
expect(navigateTo).not.toHaveBeenCalled()
|
||
})
|
||
|
||
it('诊断信息默认隐藏，仅在 debug-build=1 时显示 H5 构建边界', () => {
|
||
const normalWrapper = mountArrivalPanel()
|
||
expect(normalWrapper.find('[data-testid="arrival-build-diagnostics"]').exists()).toBe(false)
|
||
normalWrapper.unmount()
|
||
|
||
window.location.hash = '#/pages/index/index?tab=guide&debug-build=1'
|
||
const debugWrapper = mountArrivalPanel()
|
||
const diagnostics = debugWrapper.get('[data-testid="arrival-build-diagnostics"]')
|
||
|
||
expect(diagnostics.text()).toContain('构建 ID：test-build')
|
||
expect(diagnostics.text()).toContain('Git commit：test-commit')
|
||
expect(diagnostics.text()).toContain('构建平台：h5')
|
||
expect(diagnostics.text()).toContain('navigationMode：third-party-providers')
|
||
expect(diagnostics.text()).toContain('location.href：')
|
||
expect(diagnostics.text()).toContain('UA：')
|
||
})
|
||
})
|