Home
Module 12

API + UI Combined Validation

Module objective: Validate API-to-UI data consistency in a single end-to-end flow.

Main flow: Read payload values, render UI from payload, and assert UI cards match API fields.

Mock API

What to do: Read values from displayed JSON payload.


    
  


  

    
UI Dashboard

    
What to do: Click Render UI from API, then validate Total Users, Active Users, and Plan cards.

    
Expected result: Status becomes Passed: UI rendered from API payload. and card values match JSON.

    

      
Total Users
-

      
Active Users
-

      
Plan
-

    

    
Pending: render UI from API payload.