created:3/5/2021
updated:3/5/2021
loc
62
comments
21%
passed
20
coverage
88%
ActionBar
A strip of actions to be attached to a container. The action items contain the labels and click event handlers. Actions can accept an order prop, and can also overwrite default actions.
Name | Description | Default | Controls |
|---|---|---|---|
| themeKey | custom layouts from the theme, defaults to 'actionbar' string | actionbar |
Status | Full name | Title | Time(ms) | |
|---|---|---|---|---|
ActionBar.test.ts(20 tests) | ||||
passed | ActionBar > overview > 1 | snapshot | 138 | |
passed | ActionBar > overview > 1 | accessibility | 258 | |
passed | ActionBar > overview > 2 | snapshot | 47 | |
passed | ActionBar > overview > 2 | accessibility | 123 | |
passed | ActionBar > overview > 3 | snapshot | 56 | |
passed | ActionBar > overview > 3 | accessibility | 153 | |
passed | ActionBar > overview > 4 | snapshot | 46 | |
passed | ActionBar > overview > 4 | accessibility | 142 | |
passed | ActionBar > overview > 5 | snapshot | 56 | |
total 20 tests
Kind | Total | Covered | Skipped | % | |
|---|---|---|---|---|---|
ActionBar.tsx | |||||
lines | 11 | 11 | 0 | 100% | |
functions | 3 | 3 | 0 | 100% | |
statements | 12 | 12 | 0 | 100% | |
branches | 16 | 14 | 0 | 87.5% | |
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... | |
identical-links-same-purpose | Ensure that links with the same accessible name serve a similar purpose... | |
link-name | Ensures links have discernible text... | |
nested-interactive | Ensure controls are not nested as they are not announced by screen readers... |