created:3/5/2021
updated:3/5/2021
loc
62
comments
21%
passed
20
coverage
88%

ActionBar

avatar of atanasster

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.

Tests results

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

Tests coverage

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%

A11y tests

 
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...

Viewport

320px
375px
768px
1024px