test(admin): constrain payment visible method sources
This commit is contained in:
IanShaw027
452
frontend/src/views/admin/__tests__/SettingsView.spec.ts
Normal file
452
frontend/src/views/admin/__tests__/SettingsView.spec.ts
Normal file
@@ -0,0 +1,452 @@
|
||||
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
||||
import { defineComponent, h, ref } from 'vue'
|
||||
import { flushPromises, mount } from '@vue/test-utils'
|
||||
|
||||
import SettingsView from '../SettingsView.vue'
|
||||
|
||||
const {
|
||||
getSettings,
|
||||
updateSettings,
|
||||
getWebSearchEmulationConfig,
|
||||
updateWebSearchEmulationConfig,
|
||||
getAdminApiKey,
|
||||
getOverloadCooldownSettings,
|
||||
getStreamTimeoutSettings,
|
||||
getRectifierSettings,
|
||||
getBetaPolicySettings,
|
||||
getGroups,
|
||||
listProxies,
|
||||
getProviders,
|
||||
fetchPublicSettings,
|
||||
adminSettingsFetch,
|
||||
showError,
|
||||
showSuccess,
|
||||
} = vi.hoisted(() => ({
|
||||
getSettings: vi.fn(),
|
||||
updateSettings: vi.fn(),
|
||||
getWebSearchEmulationConfig: vi.fn(),
|
||||
updateWebSearchEmulationConfig: vi.fn(),
|
||||
getAdminApiKey: vi.fn(),
|
||||
getOverloadCooldownSettings: vi.fn(),
|
||||
getStreamTimeoutSettings: vi.fn(),
|
||||
getRectifierSettings: vi.fn(),
|
||||
getBetaPolicySettings: vi.fn(),
|
||||
getGroups: vi.fn(),
|
||||
listProxies: vi.fn(),
|
||||
getProviders: vi.fn(),
|
||||
fetchPublicSettings: vi.fn(),
|
||||
adminSettingsFetch: vi.fn(),
|
||||
showError: vi.fn(),
|
||||
showSuccess: vi.fn(),
|
||||
}))
|
||||
|
||||
vi.mock('@/api', () => ({
|
||||
adminAPI: {
|
||||
settings: {
|
||||
getSettings,
|
||||
updateSettings,
|
||||
getWebSearchEmulationConfig,
|
||||
updateWebSearchEmulationConfig,
|
||||
getAdminApiKey,
|
||||
getOverloadCooldownSettings,
|
||||
getStreamTimeoutSettings,
|
||||
getRectifierSettings,
|
||||
getBetaPolicySettings,
|
||||
},
|
||||
groups: {
|
||||
getAll: getGroups,
|
||||
},
|
||||
proxies: {
|
||||
list: listProxies,
|
||||
},
|
||||
payment: {
|
||||
getProviders,
|
||||
},
|
||||
},
|
||||
}))
|
||||
|
||||
vi.mock('@/stores', () => ({
|
||||
useAppStore: () => ({
|
||||
showError,
|
||||
showSuccess,
|
||||
showWarning: vi.fn(),
|
||||
showInfo: vi.fn(),
|
||||
fetchPublicSettings,
|
||||
}),
|
||||
}))
|
||||
|
||||
vi.mock('@/stores/adminSettings', () => ({
|
||||
useAdminSettingsStore: () => ({
|
||||
fetch: adminSettingsFetch,
|
||||
}),
|
||||
}))
|
||||
|
||||
vi.mock('@/composables/useClipboard', () => ({
|
||||
useClipboard: () => ({
|
||||
copyToClipboard: vi.fn(),
|
||||
}),
|
||||
}))
|
||||
|
||||
vi.mock('@/utils/apiError', () => ({
|
||||
extractApiErrorMessage: () => 'error',
|
||||
}))
|
||||
|
||||
vi.mock('vue-i18n', async () => {
|
||||
const actual = await vi.importActual<typeof import('vue-i18n')>('vue-i18n')
|
||||
return {
|
||||
...actual,
|
||||
useI18n: () => ({
|
||||
t: (key: string) => key,
|
||||
locale: ref('zh-CN'),
|
||||
}),
|
||||
}
|
||||
})
|
||||
|
||||
const AppLayoutStub = { template: '<div><slot /></div>' }
|
||||
const ToggleStub = defineComponent({
|
||||
props: {
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
emits: ['update:modelValue'],
|
||||
setup(props, { emit }) {
|
||||
return () =>
|
||||
h('input', {
|
||||
class: 'toggle-stub',
|
||||
type: 'checkbox',
|
||||
checked: props.modelValue,
|
||||
onChange: (event: Event) => {
|
||||
emit('update:modelValue', (event.target as HTMLInputElement).checked)
|
||||
},
|
||||
})
|
||||
},
|
||||
})
|
||||
|
||||
const SelectStub = defineComponent({
|
||||
props: {
|
||||
modelValue: {
|
||||
type: [String, Number, Boolean, null],
|
||||
default: '',
|
||||
},
|
||||
options: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
},
|
||||
placeholder: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
},
|
||||
emits: ['update:modelValue', 'change'],
|
||||
setup(props, { emit }) {
|
||||
const onChange = (event: Event) => {
|
||||
const target = event.target as HTMLSelectElement
|
||||
emit('update:modelValue', target.value)
|
||||
const option = (props.options as Array<Record<string, unknown>>).find(
|
||||
(item) => String(item.value ?? '') === target.value
|
||||
) ?? null
|
||||
emit('change', target.value, option)
|
||||
}
|
||||
|
||||
return () =>
|
||||
h(
|
||||
'select',
|
||||
{
|
||||
class: 'select-stub',
|
||||
value: props.modelValue ?? '',
|
||||
'data-placeholder': props.placeholder,
|
||||
onChange,
|
||||
},
|
||||
(props.options as Array<Record<string, unknown>>).map((option) =>
|
||||
h(
|
||||
'option',
|
||||
{
|
||||
key: `${String(option.value ?? '')}:${String(option.label ?? '')}`,
|
||||
value: option.value as string,
|
||||
},
|
||||
String(option.label ?? '')
|
||||
)
|
||||
)
|
||||
)
|
||||
},
|
||||
})
|
||||
|
||||
const baseSettingsResponse = {
|
||||
registration_enabled: true,
|
||||
email_verify_enabled: false,
|
||||
registration_email_suffix_whitelist: [],
|
||||
promo_code_enabled: true,
|
||||
invitation_code_enabled: false,
|
||||
password_reset_enabled: false,
|
||||
totp_enabled: false,
|
||||
totp_encryption_key_configured: false,
|
||||
default_balance: 0,
|
||||
default_concurrency: 1,
|
||||
default_subscriptions: [],
|
||||
site_name: 'Sub2API',
|
||||
site_logo: '',
|
||||
site_subtitle: '',
|
||||
api_base_url: '',
|
||||
contact_info: '',
|
||||
doc_url: '',
|
||||
home_content: '',
|
||||
hide_ccs_import_button: false,
|
||||
table_default_page_size: 20,
|
||||
table_page_size_options: [10, 20, 50, 100],
|
||||
backend_mode_enabled: false,
|
||||
custom_menu_items: [],
|
||||
custom_endpoints: [],
|
||||
frontend_url: '',
|
||||
smtp_host: '',
|
||||
smtp_port: 587,
|
||||
smtp_username: '',
|
||||
smtp_password_configured: false,
|
||||
smtp_from_email: '',
|
||||
smtp_from_name: '',
|
||||
smtp_use_tls: true,
|
||||
turnstile_enabled: false,
|
||||
turnstile_site_key: '',
|
||||
turnstile_secret_key_configured: false,
|
||||
linuxdo_connect_enabled: false,
|
||||
linuxdo_connect_client_id: '',
|
||||
linuxdo_connect_client_secret_configured: false,
|
||||
linuxdo_connect_redirect_url: '',
|
||||
oidc_connect_enabled: false,
|
||||
oidc_connect_provider_name: 'OIDC',
|
||||
oidc_connect_client_id: '',
|
||||
oidc_connect_client_secret_configured: false,
|
||||
oidc_connect_issuer_url: '',
|
||||
oidc_connect_discovery_url: '',
|
||||
oidc_connect_authorize_url: '',
|
||||
oidc_connect_token_url: '',
|
||||
oidc_connect_userinfo_url: '',
|
||||
oidc_connect_jwks_url: '',
|
||||
oidc_connect_scopes: 'openid email profile',
|
||||
oidc_connect_redirect_url: '',
|
||||
oidc_connect_frontend_redirect_url: '/auth/oidc/callback',
|
||||
oidc_connect_token_auth_method: 'client_secret_post',
|
||||
oidc_connect_use_pkce: true,
|
||||
oidc_connect_validate_id_token: true,
|
||||
oidc_connect_allowed_signing_algs: 'RS256,ES256,PS256',
|
||||
oidc_connect_clock_skew_seconds: 120,
|
||||
oidc_connect_require_email_verified: false,
|
||||
oidc_connect_userinfo_email_path: '',
|
||||
oidc_connect_userinfo_id_path: '',
|
||||
oidc_connect_userinfo_username_path: '',
|
||||
enable_model_fallback: false,
|
||||
fallback_model_anthropic: '',
|
||||
fallback_model_openai: '',
|
||||
fallback_model_gemini: '',
|
||||
fallback_model_antigravity: '',
|
||||
enable_identity_patch: false,
|
||||
identity_patch_prompt: '',
|
||||
ops_monitoring_enabled: false,
|
||||
ops_realtime_monitoring_enabled: false,
|
||||
ops_query_mode_default: 'auto',
|
||||
ops_metrics_interval_seconds: 60,
|
||||
min_claude_code_version: '',
|
||||
max_claude_code_version: '',
|
||||
allow_ungrouped_key_scheduling: false,
|
||||
enable_fingerprint_unification: true,
|
||||
enable_metadata_passthrough: false,
|
||||
enable_cch_signing: false,
|
||||
payment_enabled: true,
|
||||
payment_min_amount: 1,
|
||||
payment_max_amount: 10000,
|
||||
payment_daily_limit: 50000,
|
||||
payment_order_timeout_minutes: 30,
|
||||
payment_max_pending_orders: 3,
|
||||
payment_enabled_types: [],
|
||||
payment_balance_disabled: false,
|
||||
payment_balance_recharge_multiplier: 1,
|
||||
payment_recharge_fee_rate: 0,
|
||||
payment_load_balance_strategy: 'round-robin',
|
||||
payment_product_name_prefix: '',
|
||||
payment_product_name_suffix: '',
|
||||
payment_help_image_url: '',
|
||||
payment_help_text: '',
|
||||
payment_cancel_rate_limit_enabled: false,
|
||||
payment_cancel_rate_limit_max: 10,
|
||||
payment_cancel_rate_limit_window: 1,
|
||||
payment_cancel_rate_limit_unit: 'day',
|
||||
payment_cancel_rate_limit_window_mode: 'rolling',
|
||||
payment_visible_method_alipay_source: 'alipay_direct',
|
||||
payment_visible_method_wxpay_source: 'invalid-source',
|
||||
payment_visible_method_alipay_enabled: true,
|
||||
payment_visible_method_wxpay_enabled: true,
|
||||
openai_advanced_scheduler_enabled: false,
|
||||
balance_low_notify_enabled: false,
|
||||
balance_low_notify_threshold: 0,
|
||||
balance_low_notify_recharge_url: '',
|
||||
account_quota_notify_enabled: false,
|
||||
account_quota_notify_emails: [],
|
||||
}
|
||||
|
||||
function mountView() {
|
||||
return mount(SettingsView, {
|
||||
global: {
|
||||
stubs: {
|
||||
AppLayout: AppLayoutStub,
|
||||
Select: SelectStub,
|
||||
Toggle: ToggleStub,
|
||||
Icon: true,
|
||||
ConfirmDialog: true,
|
||||
PaymentProviderList: true,
|
||||
PaymentProviderDialog: true,
|
||||
GroupBadge: true,
|
||||
GroupOptionItem: true,
|
||||
ProxySelector: true,
|
||||
ImageUpload: true,
|
||||
BackupSettings: true,
|
||||
},
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
async function openPaymentTab(wrapper: ReturnType<typeof mountView>) {
|
||||
const paymentTabButton = wrapper
|
||||
.findAll('button')
|
||||
.find((node) => node.text().includes('admin.settings.tabs.payment'))
|
||||
|
||||
expect(paymentTabButton).toBeDefined()
|
||||
await paymentTabButton?.trigger('click')
|
||||
await flushPromises()
|
||||
}
|
||||
|
||||
describe('admin SettingsView payment visible method controls', () => {
|
||||
beforeEach(() => {
|
||||
getSettings.mockReset()
|
||||
updateSettings.mockReset()
|
||||
getWebSearchEmulationConfig.mockReset()
|
||||
updateWebSearchEmulationConfig.mockReset()
|
||||
getAdminApiKey.mockReset()
|
||||
getOverloadCooldownSettings.mockReset()
|
||||
getStreamTimeoutSettings.mockReset()
|
||||
getRectifierSettings.mockReset()
|
||||
getBetaPolicySettings.mockReset()
|
||||
getGroups.mockReset()
|
||||
listProxies.mockReset()
|
||||
getProviders.mockReset()
|
||||
fetchPublicSettings.mockReset()
|
||||
adminSettingsFetch.mockReset()
|
||||
showError.mockReset()
|
||||
showSuccess.mockReset()
|
||||
|
||||
getSettings.mockResolvedValue({ ...baseSettingsResponse })
|
||||
updateSettings.mockImplementation(async (payload) => ({
|
||||
...baseSettingsResponse,
|
||||
...payload,
|
||||
}))
|
||||
getWebSearchEmulationConfig.mockResolvedValue({
|
||||
enabled: false,
|
||||
providers: [],
|
||||
})
|
||||
updateWebSearchEmulationConfig.mockResolvedValue({
|
||||
enabled: false,
|
||||
providers: [],
|
||||
})
|
||||
getAdminApiKey.mockResolvedValue({
|
||||
exists: false,
|
||||
masked_key: '',
|
||||
})
|
||||
getOverloadCooldownSettings.mockResolvedValue({
|
||||
enabled: true,
|
||||
cooldown_minutes: 10,
|
||||
})
|
||||
getStreamTimeoutSettings.mockResolvedValue({
|
||||
enabled: true,
|
||||
action: 'temp_unsched',
|
||||
temp_unsched_minutes: 5,
|
||||
threshold_count: 3,
|
||||
threshold_window_minutes: 10,
|
||||
})
|
||||
getRectifierSettings.mockResolvedValue({
|
||||
enabled: true,
|
||||
thinking_signature_enabled: true,
|
||||
thinking_budget_enabled: true,
|
||||
apikey_signature_enabled: false,
|
||||
apikey_signature_patterns: [],
|
||||
})
|
||||
getBetaPolicySettings.mockResolvedValue({
|
||||
rules: [],
|
||||
})
|
||||
getGroups.mockResolvedValue([])
|
||||
listProxies.mockResolvedValue({
|
||||
items: [],
|
||||
})
|
||||
getProviders.mockResolvedValue({
|
||||
data: [],
|
||||
})
|
||||
fetchPublicSettings.mockResolvedValue(undefined)
|
||||
adminSettingsFetch.mockResolvedValue(undefined)
|
||||
})
|
||||
|
||||
it('loads canonical source options and normalizes existing values', async () => {
|
||||
const wrapper = mountView()
|
||||
|
||||
await flushPromises()
|
||||
await openPaymentTab(wrapper)
|
||||
|
||||
const paymentSourceSelects = wrapper
|
||||
.findAll('select.select-stub')
|
||||
.filter((node) => ['alipay', 'wxpay'].includes(node.attributes('data-placeholder')))
|
||||
|
||||
expect(paymentSourceSelects).toHaveLength(2)
|
||||
|
||||
const alipaySelect = paymentSourceSelects.find(
|
||||
(node) => node.attributes('data-placeholder') === 'alipay'
|
||||
)
|
||||
const wxpaySelect = paymentSourceSelects.find(
|
||||
(node) => node.attributes('data-placeholder') === 'wxpay'
|
||||
)
|
||||
|
||||
expect(alipaySelect?.element.value).toBe('official_alipay')
|
||||
expect(alipaySelect?.findAll('option').map((option) => option.element.value)).toEqual([
|
||||
'',
|
||||
'official_alipay',
|
||||
'easypay_alipay',
|
||||
])
|
||||
|
||||
expect(wxpaySelect?.element.value).toBe('')
|
||||
expect(wxpaySelect?.findAll('option').map((option) => option.element.value)).toEqual([
|
||||
'',
|
||||
'official_wxpay',
|
||||
'easypay_wxpay',
|
||||
])
|
||||
})
|
||||
|
||||
it('saves canonical source keys selected from the dropdowns', async () => {
|
||||
const wrapper = mountView()
|
||||
|
||||
await flushPromises()
|
||||
await openPaymentTab(wrapper)
|
||||
|
||||
const paymentSourceSelects = wrapper
|
||||
.findAll('select.select-stub')
|
||||
.filter((node) => ['alipay', 'wxpay'].includes(node.attributes('data-placeholder')))
|
||||
|
||||
const alipaySelect = paymentSourceSelects.find(
|
||||
(node) => node.attributes('data-placeholder') === 'alipay'
|
||||
)
|
||||
const wxpaySelect = paymentSourceSelects.find(
|
||||
(node) => node.attributes('data-placeholder') === 'wxpay'
|
||||
)
|
||||
|
||||
await alipaySelect?.setValue('easypay_alipay')
|
||||
await wxpaySelect?.setValue('official_wxpay')
|
||||
await wrapper.find('form').trigger('submit.prevent')
|
||||
await flushPromises()
|
||||
|
||||
expect(updateSettings).toHaveBeenCalledTimes(1)
|
||||
expect(updateSettings).toHaveBeenCalledWith(
|
||||
expect.objectContaining({
|
||||
payment_visible_method_alipay_source: 'easypay_alipay',
|
||||
payment_visible_method_wxpay_source: 'official_wxpay',
|
||||
payment_visible_method_alipay_enabled: true,
|
||||
payment_visible_method_wxpay_enabled: true,
|
||||
})
|
||||
)
|
||||
})
|
||||
})
|
||||
Reference in New Issue
Block a user