diff --git a/docs/ui-coverage/changelog.mdx b/docs/ui-coverage/changelog.mdx index 07d54c5f34..a6a789c7fa 100644 --- a/docs/ui-coverage/changelog.mdx +++ b/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. diff --git a/docs/ui-coverage/get-started/introduction.mdx b/docs/ui-coverage/get-started/introduction.mdx index e42be9e068..241a0c4510 100644 --- a/docs/ui-coverage/get-started/introduction.mdx +++ b/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. + +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: diff --git a/docs/ui-coverage/core-concepts/compare-reports.mdx b/docs/ui-coverage/guides/compare-reports.mdx similarity index 100% rename from docs/ui-coverage/core-concepts/compare-reports.mdx rename to docs/ui-coverage/guides/compare-reports.mdx diff --git a/docs/ui-coverage/guides/monitor-changes.mdx b/docs/ui-coverage/guides/monitor-changes.mdx index 0e74ce0c04..b91e6b5719 100644 --- a/docs/ui-coverage/guides/monitor-changes.mdx +++ b/docs/ui-coverage/guides/monitor-changes.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 diff --git a/static/img/ui-coverage/guides/cypress-ui-coverage-generate-test.png b/static/img/ui-coverage/guides/cypress-ui-coverage-generate-test.png new file mode 100644 index 0000000000..f16189f7a3 Binary files /dev/null and b/static/img/ui-coverage/guides/cypress-ui-coverage-generate-test.png differ