Principle:Cypress io Cypress Component Result Review
| Knowledge Sources | |
|---|---|
| Domains | Testing, UI |
| Last Updated | 2026-02-12 00:00 GMT |
Overview
A feedback mechanism for displaying component test results with visual rendering of the tested component alongside the test result tree and command log.
Description
Component result review extends the standard test reporting pattern with a key difference: the tested component remains visible in the browser viewport alongside the reporter. This dual-pane layout allows developers to visually inspect the component's rendered state while reviewing which assertions passed or failed.
The reporter renders the same runnable tree (suites, tests, command logs) as in E2E mode, but the component viewport shows the actual rendered component rather than a full application page.
Usage
Use this principle when reviewing component test results in the Cypress interactive runner. It applies to the component testing mode of the Reporter UI.
Theoretical Basis
Component Test Result Layout:
┌─────────────────┬────────────────┐
│ Reporter Panel │ Component │
│ (test tree, │ Viewport │
│ command log, │ (rendered │
│ stats) │ component) │
└─────────────────┴────────────────┘
Key Difference from E2E:
- Component viewport shows isolated component (not full page)
- Viewport defaults: 500x500 (smaller than E2E 1000x660)
- No URL bar or navigation controls