Staging Test: Admin Investor Detail Modal

Test Area: Admin User Profile Viewing
Estimated Time: 15-20 minutes
Difficulty: Easy
Prerequisites: Complete 01-authentication first

Overview

The Admin Investor Detail feature allows support staff and admins to view detailed investor information without leaving their current page. The modal shows five tabs of information about any investor.

What the Modal Shows

TabInformation
OverviewProfile, contact info, KYC status, investment summary, pending items
TransactionsDeposit and withdrawal history
ReferralsReferral code, referred users, earnings (deferred feature)
ActivityDevice login history with IP addresses
KYCDetailed KYC verification data from Sumsub

Who Can Access

RoleCan View Investor Details?
Super AdminYes
Support AgentYes
Finance AdminYes
InvestorNo

Before You Start

URLs

PageURL
Loginhttps://zestamc.savibm.com/login
Admin Dashboardhttps://zestamc.savibm.com/admin
Support Ticketshttps://zestamc.savibm.com/admin/support
Direct Messageshttps://zestamc.savibm.com/admin/support/dm

Test Accounts

EmailOTPRoleUse For
admin@zestamc.comCheck emailSuper AdminTests 1-9
supportagent@zestamc.comCheck emailSupport AgentTest 10
testinvestor@zestamc.comCheck emailInvestorTarget user to view

Test Investor Data (What You Should See)

When viewing testinvestor@zestamc.com:
FieldExpected Value
NameTest Investor
Investor IDINV-XXXXXX
KYC StatusNot Verified (yellow badge)
Account StatusActive
Total Principal$10,000.00
Total Profit$500.00
Active Tranches1

Test Cases

Test 1: Open Modal from Admin Dashboard

Goal: Verify the modal opens from the Recent Users table Steps:
  1. Log in as admin@zestamc.com
  2. Go to Admin Dashboard (/admin)
  3. Scroll down to the “Recent Users” table
  4. Find any user row
  5. Click the “View” button on that row
Expected Results:
ElementWhat You Should See
ModalOpens with user information
HeaderUser icon and user’s full name displayed
TabsFive tabs: Overview, Transactions, Referrals, Activity, KYC
Default tabOverview tab is selected
LoadingBrief loading spinner, then content appears
Pass Criteria: ✅ Modal opens showing correct user data

Test 2: View Overview Tab

Goal: Verify the Overview tab displays complete investor information Steps:
  1. With the modal open (from Test 1)
  2. Ensure the Overview tab is selected
  3. Review all sections
Expected Results:
SectionWhat You Should See
HeaderUser name, Investor ID, KYC badge, Account status badge
Contact InfoEmail, phone (if available), nationality, occupation
Account InfoUser type (Individual/Institution), join date
Investment SummaryTotal Principal and Total Profit with dollar formatting
Active TranchesNumber of active investments
Pending ItemsWarning boxes if pending deposits/withdrawals exist
Pass Criteria: ✅ All sections display correct information

Test 3: View Transactions Tab

Goal: Verify the Transactions tab shows deposit and withdrawal history Steps:
  1. With the modal open
  2. Click the “Transactions” tab
  3. Wait for data to load
Expected Results:
ElementWhat You Should See
LoadingBrief skeleton/spinner
Transaction listList of deposits and withdrawals
Deposit iconGreen down-arrow icon
Withdrawal iconRed up-arrow icon
Transaction infoType, fund name, network, amount, status, date
Amount formatDollar sign with two decimal places (e.g., $1,000.00)
Empty state”This user has no deposits or withdrawals yet.” if none
Pass Criteria: ✅ Transactions display with correct icons and formatting

Test 4: View Activity Tab

Goal: Verify the Activity tab shows device login history Steps:
  1. With the modal open
  2. Click the “Activity” tab
  3. Wait for data to load
Expected Results:
ElementWhat You Should See
LoadingBrief skeleton/spinner
Activity listList of device logins
Activity type”Login” or “New Device”
Device infoDevice name (e.g., “Chrome on macOS”)
TimestampDate and time of activity
DetailsIP address and user agent (expandable or visible)
Empty state”No device activity recorded for this user.” if none
Pass Criteria: ✅ Activity log displays with device information

Test 5: Lazy Loading (Tabs Only Load When Clicked)

Goal: Verify tabs don’t load data until selected Steps:
  1. Open browser Developer Tools (F12)
  2. Go to the Network tab
  3. Clear the network log (click clear button)
  4. Open the modal for any user
  5. Observe the network requests
  6. Click Transactions tab
  7. Observe new network request
  8. Click Activity tab
  9. Observe new network request
Expected Results:
ActionNetwork Request
Modal opensOnly /v1/admin/investors/:id called
Click Transactions/v1/admin/investors/:id/transactions called
Click Referrals/v1/admin/investors/:id/referrals called
Click Activity/v1/admin/investors/:id/activity called
Click KYC/v1/admin/investors/:id/kyc-data called
Click back to OverviewNo new request (already loaded)
Pass Criteria: ✅ Each tab only loads data when first clicked

Test 6: Close Modal

Goal: Verify the modal can be closed Steps:
  1. With the modal open
  2. Click the X button in the top-right corner
  3. OR click outside the modal (on the dark backdrop)
Expected Results:
ActionWhat Happens
Click XModal closes
Click backdropModal closes
After closeBack to original page (Dashboard)
Pass Criteria: ✅ Modal closes without navigation

Test 7: Open Modal from Support Ticket

Goal: Verify the modal opens from a support ticket sidebar Steps:
  1. Log in as admin@zestamc.com
  2. Go to Support Center (/admin/support)
  3. Click on any support ticket to open it
  4. In the right sidebar, find the “Investor Info” section
  5. Click the “View Full Profile” button
Expected Results:
ElementWhat You Should See
Button”View Full Profile” in Investor Info section
ModalOpens showing the ticket’s investor
DataMatches the investor shown in the sidebar
CloseClosing returns to the ticket view
Pass Criteria: ✅ Modal opens from support ticket sidebar

Test 8: Support Agent Access

Goal: Verify support agents can view investor details Steps:
  1. Log out
  2. Log in as supportagent@zestamc.com
  3. Go to Support Center (/admin/support)
  4. Open a support ticket
  5. Click “View Full Profile” in the sidebar
Expected Results:
CheckWhat You Should See
AccessModal opens successfully
All tabsCan view all five tabs
DataSame data as admin would see
Pass Criteria: ✅ Support agent can view investor details

Test 9: View User with Pending Items

Goal: Verify pending deposits/withdrawals are highlighted Steps:
  1. Log in as admin@zestamc.com
  2. Find a user with pending deposits or withdrawals
  3. Open their profile modal
  4. Check the Overview tab
Expected Results:
ElementWhat You Should See
Pending Items sectionVisible in Overview tab
Pending depositsBlue highlighted box with count
Pending withdrawalsAmber/yellow highlighted box with count
IconsAlert icons next to counts
Pass Criteria: ✅ Pending items shown with visual highlighting
Goal: Verify the Sumsub verification link appears for verified users Steps:
  1. Log in as admin@zestamc.com
  2. Find a KYC-verified user (e.g., view l3investor@zestamc.com)
  3. Open their profile modal
  4. Look for “View in Sumsub” link in Overview tab
Expected Results:
ElementWhat You Should See
Sumsub link”View in Sumsub” with external link icon
Click linkOpens Sumsub dashboard in new tab
No linkLink not shown if user has no Sumsub ID
Pass Criteria: ✅ Sumsub link works for verified users

Test Results Summary

TestDescriptionStatusNotes
Test 1Open from Dashboard⬜ Pass / ⬜ Fail
Test 2View Overview Tab⬜ Pass / ⬜ Fail
Test 3View Transactions Tab⬜ Pass / ⬜ Fail
Test 4View Activity Tab⬜ Pass / ⬜ Fail
Test 5Lazy Loading⬜ Pass / ⬜ Fail
Test 6Close Modal⬜ Pass / ⬜ Fail
Test 7Open from Support Ticket⬜ Pass / ⬜ Fail
Test 8Support Agent Access⬜ Pass / ⬜ Fail
Test 9Pending Items Display⬜ Pass / ⬜ Fail
Test 10Sumsub Link⬜ Pass / ⬜ Fail

Troubleshooting

  • Verify you’re logged in as admin or support agent
  • Try refreshing the page
  • Check if the View button is visible and clickable

”Unable to load user profile” error

  • User ID might be invalid
  • Try a different user from the list
  • Check your internet connection

Tabs not loading data

  • Click the tab again
  • Check your internet connection
  • Refresh the page and reopen the modal

Missing data on tabs

  • Some users may not have transactions or activity
  • This is expected; empty states should appear
  • Try viewing a different user with more data

Support agent cannot access

  • Verify the account has SUPPORT_AGENT role
  • Try logging out and back in
  • Contact admin if access issues persist

Quick Reference

Where to Find the Modal

LocationHow to Open
Admin DashboardRecent Users table → View button
Support TicketSidebar → Investor Info → View Full Profile
DM ConversationHeader → View Profile button

Tab Quick Reference

TabWhat It Shows
OverviewProfile, contact, KYC, investments, pending items
TransactionsDeposits + withdrawals (merged, sorted by date)
ReferralsReferral code, total referrals, earnings, referred users list
ActivityDevice logins with IP and user agent
KYCVerified personal info, ID documents, review status from Sumsub

Next Steps

After completing this test guide, proceed to review any failed tests and report issues.

Deferred Tests

The following tests are deferred and should be tested at a later time.

Test 11: View Referrals Tab (Deferred)

Goal: Verify the Referrals tab shows referral information Steps:
  1. With the modal open
  2. Click the “Referrals” tab
  3. Wait for data to load
Expected Results:
ElementWhat You Should See
Stats cardsTotal Referrals (count), Total Earnings ($), Referral Code
Referral codeCode displayed with copy button
Referred usersList of users this investor referred
User infoName, email, KYC status badge, join date
Empty state”This user hasn’t referred anyone yet.” if no referrals
Pass Criteria: ✅ Referral stats and list display correctly

Test 12: Copy Referral Code (Deferred)

Goal: Verify the copy button works Steps:
  1. With the modal open on Referrals tab
  2. Find the referral code section
  3. Click the copy button (clipboard icon)
  4. Open a text editor and paste (Ctrl+V / Cmd+V)
Expected Results:
StepWhat You Should See
Click copyIcon briefly changes to checkmark
PasteReferral code appears in text editor
Pass Criteria: ✅ Referral code copied to clipboard