created:4/29/2021
updated:5/7/2021
loc
81
comments
7%
passed
10
coverage
17%
Popover
Popover container that is triggered by a click/hover event, using react-popper-tooltip.
Name | Description | Default | Controls |
|---|---|---|---|
| placement | Tooltip placement w.r.t. trigger autoauto-startauto-endtopbottomrightlefttop-starttop-endbottom-startbottom-endright-startright-endleft-startleft-end | bottom | |
| trigger | Event that triggers the tooltip Trigger | hover |
Status | Full name | Title | Time(ms) | |
|---|---|---|---|---|
Popover.test.ts(10 tests) | ||||
passed | Popover > overview > 1 | snapshot | 58 | |
passed | Popover > overview > 1 | accessibility | 118 | |
passed | Popover > overview > 2 | snapshot | 44 | |
passed | Popover > overview > 2 | accessibility | 48 | |
passed | Popover > overview > 3 | snapshot | 25 | |
passed | Popover > overview > 3 | accessibility | 49 | |
passed | Popover > overview > 4 | snapshot | 31 | |
passed | Popover > overview > 4 | accessibility | 52 | |
passed | Popover > overview > 5 | snapshot | 38 | |
total 10 tests
Kind | Total | Covered | Skipped | % | |
|---|---|---|---|---|---|
Popover.tsx | |||||
lines | 15 | 12 | 0 | 80% | |
functions | 3 | 2 | 0 | 66.66% | |
statements | 18 | 13 | 0 | 72.22% | |
branches | 6 | 1 | 0 | 16.66% | |
id | description | |
|---|---|---|
avoid-inline-spacing | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets... | |
button-name | Ensures buttons have discernible text... | |
color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... | |
nested-interactive | Ensure controls are not nested as they are not announced by screen readers... |