Sacred
DashboardDiscoverLeaderboardSettings
© 2026 Sacred Protocol
BugsExperiments
Labs
2/34

Cart Panel Lab

Visual testing for every state of the CartPanel component

Fixture←→
ActiveEmpty Cart
N

neon_pixel

TWITCH

$
C

cozy_loops

“great stream!”

$
Total15.00 USDC

State Matrix — all fixtures

Every fixture rendered to verify visual correctness across all states.

Empty Cart
N

neon_pixel

TWITCH

$
C

cozy_loops

“great stream!”

$
Total15.00 USDC
Single Item
Cart (1)
A

alice_streams

TWITCH

$
Total5.00 USDC
Multiple Items
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
With Fees (1%)
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Subtotal15.00 USDC
Fee (1%)0.15 USDC
Total15.15 USDC
Three Items
Cart (3)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
C

charlie_gaming

KICK

$
Total18.00 USDC
Confirmation (Desktop)
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
Confirmation (Mobile)
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
Sending: Creating
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
2
3
4
Create
Approve
Deposit
Confirm

Creating tip 1 of 2...

Sending: Approving
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
3
4
Create
Approve
Deposit
Confirm
Sending: Depositing
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
4
Create
Approve
Deposit
Confirm
Sending: Confirming
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
Create
Approve
Deposit
Confirm

Confirming tip 1 of 2...

Error: Deposit
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
4
Create
Approve
Deposit
Confirm

ERC20: transfer amount exceeds balance

Error: Network
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
3
4
Create
Approve
Deposit
Confirm

Transaction not confirmed in time. Please try again.

Insufficient Funds
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC

Insufficient balance (8.00 USDC)

Insufficient + Fund Wallet
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC

Insufficient balance (0.63 USDC) —

Success
Cart (2)
Create
Approve
Deposit
Confirm

2 tips sent!

Large Cart (10)
Cart (10)
C

creator_1

“Tip #1”

$
C

creator_2

YOUTUBE

$
C

creator_3

“Tip #3”

$
C

creator_4

TWITCH

$
C

creator_5

“Tip #5”

$
C

creator_6

KICK

$
C

creator_7

“Tip #7”

$
C

creator_8

YOUTUBE

$
C

creator_9

“Tip #9”

$
C

creator_10

TWITCH

$
Total110.00 USDC
Approve Skipped
Cart (2)
A

alice_streams

TWITCH

$
B

bob_creates

“Love your content!”

$
Total15.00 USDC
2
4
Create
Approve
Deposit
Confirm
© 2026 Sacred LabsBack to Labs