135 lines
3.7 KiB
TypeScript
135 lines
3.7 KiB
TypeScript
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { flushPromises, shallowMount } from '@vue/test-utils'
|
|
import AirwallexPaymentView from '../AirwallexPaymentView.vue'
|
|
import {
|
|
PAYMENT_RECOVERY_STORAGE_KEY,
|
|
type PaymentRecoverySnapshot,
|
|
} from '@/components/payment/paymentFlow'
|
|
|
|
const routeState = vi.hoisted(() => ({
|
|
query: {} as Record<string, unknown>,
|
|
}))
|
|
const routerPush = vi.hoisted(() => vi.fn())
|
|
const airwallexInit = vi.hoisted(() => vi.fn())
|
|
const redirectToCheckout = vi.hoisted(() => vi.fn())
|
|
|
|
vi.mock('vue-router', async () => {
|
|
const actual = await vi.importActual<typeof import('vue-router')>('vue-router')
|
|
return {
|
|
...actual,
|
|
useRoute: () => routeState,
|
|
useRouter: () => ({ push: routerPush }),
|
|
}
|
|
})
|
|
|
|
vi.mock('vue-i18n', async () => {
|
|
const actual = await vi.importActual<typeof import('vue-i18n')>('vue-i18n')
|
|
return {
|
|
...actual,
|
|
useI18n: () => ({
|
|
t: (key: string) => key,
|
|
locale: { value: 'zh-CN' },
|
|
}),
|
|
}
|
|
})
|
|
|
|
vi.mock('@airwallex/components-sdk', () => ({
|
|
init: airwallexInit,
|
|
}))
|
|
|
|
function airwallexSnapshot(overrides: Partial<PaymentRecoverySnapshot> = {}): PaymentRecoverySnapshot {
|
|
return {
|
|
orderId: 101,
|
|
amount: 88,
|
|
qrCode: '',
|
|
expiresAt: '2099-01-01T00:10:00.000Z',
|
|
paymentType: 'airwallex',
|
|
payUrl: '/payment/airwallex?order_id=101&out_trade_no=sub2_awx_101&resume_token=resume-awx',
|
|
outTradeNo: 'sub2_awx_101',
|
|
clientSecret: 'awx_client_secret',
|
|
intentId: 'int_awx_101',
|
|
currency: 'CNY',
|
|
countryCode: 'CN',
|
|
paymentEnv: 'demo',
|
|
payAmount: 88,
|
|
orderType: 'balance',
|
|
paymentMode: '',
|
|
resumeToken: 'resume-awx',
|
|
createdAt: Date.UTC(2099, 0, 1, 0, 0, 0),
|
|
...overrides,
|
|
}
|
|
}
|
|
|
|
function mountView() {
|
|
return shallowMount(AirwallexPaymentView, {
|
|
global: {
|
|
stubs: {
|
|
AppLayout: { template: '<div><slot /></div>' },
|
|
Icon: true,
|
|
},
|
|
},
|
|
})
|
|
}
|
|
|
|
describe('AirwallexPaymentView', () => {
|
|
beforeEach(() => {
|
|
routeState.query = {}
|
|
routerPush.mockReset()
|
|
airwallexInit.mockReset().mockResolvedValue({
|
|
payments: {
|
|
redirectToCheckout,
|
|
},
|
|
})
|
|
redirectToCheckout.mockReset()
|
|
window.localStorage.clear()
|
|
})
|
|
|
|
it('从本地恢复快照读取支付参数，避免在 URL 中暴露 client_secret', async () => {
|
|
routeState.query = {
|
|
order_id: '101',
|
|
out_trade_no: 'sub2_awx_101',
|
|
resume_token: 'resume-awx',
|
|
}
|
|
window.localStorage.setItem(
|
|
PAYMENT_RECOVERY_STORAGE_KEY,
|
|
JSON.stringify(airwallexSnapshot()),
|
|
)
|
|
|
|
mountView()
|
|
await flushPromises()
|
|
await flushPromises()
|
|
|
|
expect(airwallexInit).toHaveBeenCalledWith({
|
|
env: 'demo',
|
|
enabledElements: ['payments'],
|
|
locale: 'zh',
|
|
})
|
|
expect(redirectToCheckout).toHaveBeenCalledWith(expect.objectContaining({
|
|
intent_id: 'int_awx_101',
|
|
client_secret: 'awx_client_secret',
|
|
currency: 'CNY',
|
|
country_code: 'CN',
|
|
}))
|
|
|
|
const checkoutOptions = redirectToCheckout.mock.calls[0][0]
|
|
const successUrl = new URL(checkoutOptions.successUrl)
|
|
expect(successUrl.searchParams.get('order_id')).toBe('101')
|
|
expect(successUrl.searchParams.get('out_trade_no')).toBe('sub2_awx_101')
|
|
expect(successUrl.searchParams.get('resume_token')).toBe('resume-awx')
|
|
})
|
|
|
|
it('拒绝只从 URL query 读取 Airwallex 支付密钥', async () => {
|
|
routeState.query = {
|
|
order_id: '101',
|
|
intent_id: 'int_from_query',
|
|
client_secret: 'secret_from_query',
|
|
}
|
|
|
|
const wrapper = mountView()
|
|
await flushPromises()
|
|
|
|
expect(airwallexInit).not.toHaveBeenCalled()
|
|
expect(wrapper.text()).toContain('payment.airwallexMissingParams')
|
|
})
|
|
})
|