feat: gate recharge payment by login device

src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx

@@ -401,6 +401,8 @@ vi.mock('../ResolvedAssetImage', () => ({
 }));
 
 const originalMatchMedia = window.matchMedia;
+const originalUserAgent = navigator.userAgent;
+const originalMaxTouchPoints = navigator.maxTouchPoints;
 const originalRequestAnimationFrame = window.requestAnimationFrame;
 const originalCancelAnimationFrame = window.cancelAnimationFrame;
 
@@ -629,6 +631,37 @@ function mockDesktopLayout() {
   });
 }
 
+function mockWechatDesktopLayout() {
+  mockDesktopLayout();
+  Object.defineProperty(navigator, 'userAgent', {
+    configurable: true,
+    value:
+      'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 MicroMessenger/8.0',
+  });
+}
+
+function mockWechatMobileLayout() {
+  Object.defineProperty(navigator, 'userAgent', {
+    configurable: true,
+    value:
+      'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit MicroMessenger/8.0 Mobile',
+  });
+  Object.defineProperty(window, 'matchMedia', {
+    configurable: true,
+    writable: true,
+    value: vi.fn().mockImplementation(() => ({
+      matches: true,
+      media: '(max-width: 767px)',
+      onchange: null,
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn(),
+      addListener: vi.fn(),
+      removeListener: vi.fn(),
+      dispatchEvent: vi.fn(),
+    })),
+  });
+}
+
 function renderProfileView(
   onRechargeSuccess = vi.fn(),
   profileDashboardOverrides: Partial<
@@ -1013,6 +1046,14 @@ afterEach(() => {
     writable: true,
     value: originalMatchMedia,
   });
+  Object.defineProperty(navigator, 'userAgent', {
+    configurable: true,
+    value: originalUserAgent,
+  });
+  Object.defineProperty(navigator, 'maxTouchPoints', {
+    configurable: true,
+    value: originalMaxTouchPoints,
+  });
   Object.defineProperty(window, 'requestAnimationFrame', {
     configurable: true,
     writable: true,
@@ -1046,7 +1087,7 @@ test('opens wallet ledger modal from narrative coin card', async () => {
 
 test('profile recharge modal shows native qr code on desktop web by default', async () => {
   const user = userEvent.setup();
-  mockDesktopLayout();
+  mockWechatDesktopLayout();
   mockCreateRpgProfileRechargeOrder.mockResolvedValueOnce({
     order: {
       orderId: 'order-native-1',
@@ -1111,24 +1152,7 @@ test('profile recharge modal shows native qr code on desktop web by default', as
 
 test('profile recharge modal jumps to h5 payment on mobile web by default', async () => {
   const user = userEvent.setup();
-  Object.defineProperty(navigator, 'userAgent', {
-    configurable: true,
-    value: 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) Mobile',
-  });
-  Object.defineProperty(window, 'matchMedia', {
-    configurable: true,
-    writable: true,
-    value: vi.fn().mockImplementation(() => ({
-      matches: true,
-      media: '(max-width: 767px)',
-      onchange: null,
-      addEventListener: vi.fn(),
-      removeEventListener: vi.fn(),
-      addListener: vi.fn(),
-      removeListener: vi.fn(),
-      dispatchEvent: vi.fn(),
-    })),
-  });
+  mockWechatMobileLayout();
   mockCreateRpgProfileRechargeOrder.mockResolvedValueOnce({
     order: {
       orderId: 'order-h5-1',
@@ -1603,7 +1627,7 @@ test('profile recharge modal releases submitting state after cancelled wechat pa
 test('profile native qr confirmation refreshes only after server reports paid', async () => {
   const user = userEvent.setup();
   const onRechargeSuccess = vi.fn();
-  mockDesktopLayout();
+  mockWechatDesktopLayout();
   mockCreateRpgProfileRechargeOrder.mockResolvedValueOnce({
     order: {
       orderId: 'order-native-paid',
@@ -1687,6 +1711,23 @@ test('profile native qr confirmation refreshes only after server reports paid',
   expect(onRechargeSuccess).toHaveBeenCalledTimes(1);
 });
 
+test('non-wechat profile shows reward code instead of recharge entry', async () => {
+  const user = userEvent.setup();
+
+  renderProfileView();
+
+  const shortcutRegion = screen.getByRole('region', { name: '常用功能' });
+  expect(
+    within(shortcutRegion).queryByRole('button', { name: /充值/u }),
+  ).toBeNull();
+  expect(
+    within(shortcutRegion).getByRole('button', { name: /兑换码/u }),
+  ).toBeTruthy();
+  await user.click(within(shortcutRegion).getByRole('button', { name: /兑换码/u }));
+  expect(await screen.findByPlaceholderText('输入兑换码')).toBeTruthy();
+  expect(mockGetRpgProfileRechargeCenter).not.toHaveBeenCalled();
+});
+
 test('profile daily task shortcut opens task center and claims reward', async () => {
   const user = userEvent.setup();
   const onRechargeSuccess = vi.fn();
@@ -1925,7 +1966,10 @@ test('opens reward code modal from profile action on mobile', async () => {
   const user = userEvent.setup();
 
   renderProfileView();
-  await user.click(screen.getByRole('button', { name: /兑换码/u }));
+  const shortcutRegion = screen.getByRole('region', { name: '常用功能' });
+  await user.click(
+    within(shortcutRegion).getByRole('button', { name: /兑换码/u }),
+  );
 
   const modal = await screen.findByPlaceholderText('输入兑换码');
   expect(modal).toBeTruthy();