Skip to content
Merged
Show file tree
Hide file tree
Changes from 3 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions docs/ui-coverage/changelog.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,10 @@ sidebar_position: 200

# Changelog

## Week of 5/26/2025

- Launched AI-powered Test Generation in Cypress Cloud, to help you quickly add tests for the untested elements detected in UI Coverage reports, in a way that follows your existing practices and conventions. For more details, read [our blog post](https://www.cypress.io/blog/add-your-missing-tests-faster-with-test-generation-in-ui-coverage).

## Week of 4/1/2024

- **Shadow DOM and iFrame Support:** UI Coverage now supports Shadow DOM and iFrames for reporting on interactions. Both of these settings are off by default. Please contact your Cypress representative to opt in.
Expand Down
3 changes: 2 additions & 1 deletion docs/ui-coverage/get-started/introduction.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ sidebar_custom_props: { 'new_label': true }

# Identify testing gaps with UI Coverage

Easily track, monitor, and visualize the test coverage of your UI to prevent regressions by ensuring critical flows of your app are tested. Save CI resources by removing redundant tests and improve your team's productivity with a visual overview of UI coverage across every page and component.
Easily track, monitor, and visualize the test coverage of your UI to prevent regressions by ensuring critical flows of your app are tested. Save CI resources by removing redundant tests and improve your team's productivity with a visual overview of UI coverage across every page and component and quickly close coverage with Test Generation.

<Btn
label="Request trial ➜"
Expand Down Expand Up @@ -154,6 +154,7 @@ UI Coverage provides an interactive, visual map of test coverage for your applic
- **DOM Snapshots**: Each tested and untested element is accompanied by a full-page, inspectable DOM snapshot, highlighting the exact location and context of element.
- **Comprehensive Scoring**: A UI Coverage score is calculated by comparing tested elements to the total interactable elements in your application.
- **Actionable Reports**: Sortable and filterable views provide insights into which areas are tested and which need improvement.
- **Test Generation**: Quickly close coverage gaps with AI-powered test generation of untested elements and links surfaced in reports.
- **Flexible configuration**: Customize and fine-tune UI Coverage to suit specific needs and scenarios like ignoring views or elements or grouping similar elements together.
- **Configurable CI Integration**: The [Results API](/ui-coverage/results-api) allows you to programmatically control your CI pipeline's behavior based on UI Coverage scores.

Expand Down
23 changes: 22 additions & 1 deletion docs/ui-coverage/guides/address-coverage-gaps.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,27 @@ By prioritizing based on application context and business impact, you can addres

Once you've identified priority areas, create or update tests to cover these gaps.

### Generate Targeted Tests :sparkles:

UI Coverage provides AI-powered Test Generation from the Cypress Cloud, to help you quickly add tests for the untested elements detected in UI Coverage reports, in a way that follows your existing practices and conventions.

It works in just three steps:

1. Select an interactive element in your UI Coverage report, from any state of your application
2. Click “Generate test code”
3. Choose where to add the tests, from a list of specs that already render this element

<DocsImage
src="/img/ui-coverage/guides/cypress-ui-coverage-generate-test.png"
alt="Cypress Cloud screenshot cropped to show a generated test after clicking on the 'Generate Test' button for the '/commands/cookies' link."
/>

Cypress will generate a new test that includes all the required setup steps to reach the element in your UI, and performs an appropriate interaction for the element type and surrounding context.

The generated code will use your existing patterns for navigating and interacting with your application, including custom commands you may have for locating elements or setting up state, and will recommend where followup assertions should be written after the actions are complete.

This test can be copied directly into your spec file at the suggested location, and from there you can continue writing the test locally.

### Write Targeted Tests

Focus on creating tests that interact with the specific untested elements or pages identified in the coverage reports. For example:
Expand Down Expand Up @@ -117,7 +138,7 @@ After updating your tests, record them again to Cypress Cloud and review the new

Use the [Results API](/ui-coverage/results-api) to integrate coverage checks into your CI/CD pipeline. Set thresholds for coverage scores to enforce quality standards. This ensures your application maintains high test coverage over time.

#Collaborate with Your Team
### Collaborate with Your Team

Improving test coverage often requires collaboration. Share insights from the UI Coverage reports with your team to:

Expand Down
2 changes: 1 addition & 1 deletion docs/ui-coverage/guides/monitor-changes.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ The UI Coverage [Results API](/ui-coverage/results-api) allows you to programmat

## Deep dive on changes with Branch Review

[Branch Review for UI Coverage](/ui-coverage/core-concepts/compare-reports) allows you to compare any two runs in detail and review new untested elements and links, as well as all new interactive elements added to the application.
[Branch Review for UI Coverage](/ui-coverage/guides/compare-reports) allows you to compare any two runs in detail and review new untested elements and links, as well as all new interactive elements added to the application.

## Spot trends overtime with cross-project analytics

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.