cypress
cypress copied to clipboard
Integrate Flaky Badge & Tooltip into Specs List
https://www.figma.com/file/DgeFrhaX8N9ufrzvxzLnPg/app-cloud-int%3A-flake-tooltip?node-id=2456%3A49923
Display Flaky Badge & Tooltip as inline row data within Specs Explorer list
Work Items
- Combine Flaky Badge and Flaky Badge tooltip content into a component that can be rendered as an actionable popper
- Update Spec List props & data flow to determine whether to render flaky indicator (see #22656)
- Display flaky badge when spec row is indicated as flaky
- Ensure offline state is handled (no errors when cloud data not available)
Acceptance Criteria
- Validate accessibility and keyboard navigation
- Validate contrast, spacing, and responsiveness at smaller viewport widths
- Flaky badge is only displayed for flaky spec rows
- Tooltip displays on hover of badge and displays appropriate content
- Badge & tooltip update accordingly when cloud recordings update (including hiding/showing badge dynamically as flaky status changes)
- Badge and tooltip are both navigable - take user to flaky portion of dashboard
- Component and E2E tests are updated to validate behavior for non-flaky and flaky spec combinations
Hey team! Please add your planning poker estimate with ZenHub @astone123 @lmiller1990 @marktnoonan @mike-plummer @ZachJW34
Resolved by #23049
Released in 10.5.0
.
This comment thread has been locked. If you are still experiencing this issue after upgrading to Cypress v10.5.0, please open a new issue.