A pack of extensions for grommet 2
created:7/7/2021
updated:7/7/2021
loc
61
comments
13%
passed
4
failed
4
coverage
75%

Sidebar

avatar of atanasster

Collapsible side bar component

$ npm install grommet-controlsimport { Sidebar } from 'grommet-controls';<Sidebar title='My title'>   ...</Sidebar>

Tests results

Status
Full name
Title
Time(ms)
Sidebar.test.ts(8 tests)
failed
Sidebar > main
snapshot
118
passed
Sidebar > main
accessibility
352
failed
Sidebar > collapsible
snapshot
18
passed
Sidebar > collapsible
accessibility
136
failed
Sidebar > title
snapshot
17
passed
Sidebar > title
accessibility
179
failed
Sidebar > width
snapshot
28
passed
Sidebar > width
accessibility
192
total 8 tests

Tests coverage

Kind
Total
Covered
Skipped
%
Sidebar.tsx
lines
14
13
0
92.86%
functions
4
3
0
75%
statements
14
13
0
92.86%
branches
12
11
0
91.67%

A11y tests

My title

Side item

Viewport

My title

Side item
320px

My title

Side item
375px

My title

Side item
768px

My title

Side item
1024px