Skip to content

Improve UI Coverage noise reduction docs for non-developer QA teams#6482

Open
jennifer-shehane wants to merge 10 commits into
mainfrom
claude/ui-coverage-skip-docs-kVgRA
Open

Improve UI Coverage noise reduction docs for non-developer QA teams#6482
jennifer-shehane wants to merge 10 commits into
mainfrom
claude/ui-coverage-skip-docs-kVgRA

Conversation

@jennifer-shehane

@jennifer-shehane jennifer-shehane commented May 29, 2026

Copy link
Copy Markdown
Member

Expands ignore-elements guide with concrete real-world examples (sidebar,
grid filter icons, third-party widgets), clearer step-by-step instructions,
and guidance on preserving visibility into new elements while filtering noise.

Rewrites reduce-noise guide to directly address the assertion-only test
coverage gap: adds a new section explaining why layout verification tests
show as uncovered, and shows how to use allowedInteractionCommands with
"assert" to count .should() assertions as valid coverage for read-only
and display elements. Adds a decision table to help teams choose between
asserting, ignoring, or leaving an element as a real coverage gap.

https://claude.ai/code/session_01Xtiy2kq1g74G7Jt9Qsugku


Note

Low Risk
Changes are limited to documentation MDX files with no runtime, API, or configuration behavior changes.

Overview
Documentation-only updates to two UI Coverage guides aimed at QA teams who need clearer, actionable guidance on report noise.

ignore-elements.mdx reframes the guide around wrapper noise and third-party widgets, adds a caution on over-broad filters hiding new elements, and restructures content into identify → configure → validate steps with Test Replay and Untested-elements workflows. JSON examples are replaced/expanded (submenu overlays, chat widget + auth iframe, optional data-uic-ignore markup) plus filter ordering and post-change validation (including document.querySelectorAll).

reduce-noise.mdx adds a major section on assertion-only / layout verification tests: why .should() does not count as tested by default, how to use uiCoverage.allowedInteractionCommands with "assert" (with examples and a caution that rules replace defaults), and a decision table (assert vs filter vs real gap). Existing view/element grouping and attribute sections are tightened with clearer examples and updated copy (e.g. views pattern hostnames, quoted attribute selectors in elementGroups).

Reviewed by Cursor Bugbot for commit 31050d4. Bugbot is set up for automated code reviews on this repo. Configure here.

claude and others added 8 commits May 29, 2026 00:59
Expands ignore-elements guide with concrete real-world examples (sidebar,
grid filter icons, third-party widgets), clearer step-by-step instructions,
and guidance on preserving visibility into new elements while filtering noise.

Rewrites reduce-noise guide to directly address the assertion-only test
coverage gap: adds a new section explaining why layout verification tests
show as uncovered, and shows how to use allowedInteractionCommands with
"assert" to count .should() assertions as valid coverage for read-only
and display elements. Adds a decision table to help teams choose between
asserting, ignoring, or leaving an element as a real coverage gap.

https://claude.ai/code/session_01Xtiy2kq1g74G7Jt9Qsugku
…generic

Sidebars and menus are valid coverage targets and shouldn't be recommended
for blanket exclusion. Third-party widget examples now use generic placeholder
selectors with a note to use DevTools to find the real selector, rather than
hardcoding library-specific class names like .ag-filter-icon or #intercom-container.

https://claude.ai/code/session_01Xtiy2kq1g74G7Jt9Qsugku
…ments

Lead with the primary use case from the blog post: container divs, overlays,
and shadow shields that capture clicks but aren't real user-facing controls.
Add Test Replay as the workflow for identifying wrapper elements. Add filter
order guidance (specific before general). Remove the trailing comparison table
in favor of inline validation steps that check both tested and untested sections.

https://claude.ai/code/session_01Xtiy2kq1g74G7Jt9Qsugku
@cypress

cypress Bot commented May 29, 2026

Copy link
Copy Markdown

cypress-documentation    Run #1189

Run Properties:  status check passed Passed #1189  •  git commit 31050d4a2b: Merge branch 'main' into claude/ui-coverage-skip-docs-kVgRA
Project cypress-documentation
Branch Review claude/ui-coverage-skip-docs-kVgRA
Run status status check passed Passed #1189
Run duration 06m 00s
Commit git commit 31050d4a2b: Merge branch 'main' into claude/ui-coverage-skip-docs-kVgRA
Committer Jennifer Shehane
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 323
View all changes introduced in this branch ↗︎
UI Coverage  47.37%
  Untested elements 340  
  Tested elements 3  
Accessibility  96.89%
  Failed rules  1 critical   3 serious   4 moderate   1 minor
  Failed elements 38  

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants