created:3/13/2021
updated:3/13/2021
loc
43
comments
26%
passed
10
coverage
43%

InfoTip

avatar of atanasster

Displays an information icon with markdown-enabled popup on hover

Overview

Test data

select
#
size
children
1
26
Johnny Oberbrunner
2
15
Jolie Beahan Sr.
3
21
Cleo Lindgren
4
27
Tyler Blanda
5
32
Krista Zulauf
5 data rows

Controls

Name
Description
Default
Controls
-(1 properties)
children
text
  # Header H1
  ## Header H2
  ### Header H3
  #### Header H4
  ##### Header H5
  
  some text  
  
InfoTipProps(1 properties)

Tests results

Status
Full name
Title
Time(ms)
InfoTip.test.ts(10 tests)
passed
InfoTip > overview > 1
snapshot
87
passed
InfoTip > overview > 1
accessibility
149
passed
InfoTip > overview > 2
snapshot
45
passed
InfoTip > overview > 2
accessibility
117
passed
InfoTip > overview > 3
snapshot
42
passed
InfoTip > overview > 3
accessibility
122
passed
InfoTip > overview > 4
snapshot
54
passed
InfoTip > overview > 4
accessibility
142
passed
InfoTip > overview > 5
snapshot
65
total 10 tests

Tests coverage

Kind
Total
Covered
Skipped
%
InfoTip.tsx
lines
10
9
0
90%
functions
2
1
0
50%
statements
11
10
0
90.9%
branches
7
3
0
42.85%

A11y tests

 
id
description
aria-allowed-attr

Ensures ARIA attributes are allowed for an element's role...

aria-allowed-role

Ensures role attribute has an appropriate value for the element...

aria-hidden-focus

Ensures aria-hidden elements do not contain focusable elements...

aria-valid-attr-value

Ensures all ARIA attributes have valid values...

aria-valid-attr

Ensures attributes that begin with aria- are valid ARIA attributes...

avoid-inline-spacing

Ensure that text spacing set through style attributes can be adjusted with custom stylesheets...

button-name

Ensures buttons have discernible text...

nested-interactive

Ensure controls are not nested as they are not announced by screen readers...

Viewport

320px
375px
768px
1024px