Add UI Cov Test Gen Docs (#6195)

Author: emilyrohrbough

docs/ui-coverage/changelog.mdx

@@ -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.

docs/ui-coverage/get-started/introduction.mdx

@@ -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 ➜"
@@ -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.
 

docs/ui-coverage/guides/address-coverage-gaps.mdx

@@ -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:
@@ -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:
 

docs/ui-coverage/core-concepts/compare-reports.mdx renamed to docs/ui-coverage/guides/compare-reports.mdx

@@ -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