created:3/5/2021
updated:3/5/2021
loc
70
comments
6%
passed
10
coverage
25%

LinkHeading

avatar of atanasster

h1-h6 heading component that generates automatically a github-style anchor to navigate to a section on hover.

Overview

LinkHeading text

Test data

select
#
children
as
1
Cecelia Langosh
h4
2
Bernadette Langosh Jr.
h2
3
Effie Dietrich
h4
4
Adeline Welch
h1
5
Lela McClure
h6
5 data rows

Controls

Name
Description
Default
Controls
-(1 properties)
children
text
LinkHeading text
BoxOwnProps(1 properties)

Tests results

Status
Full name
Title
Time(ms)
LinkHeading.test.ts(10 tests)
passed
LinkHeading > overview > 1
snapshot
117
passed
LinkHeading > overview > 1
accessibility
180
passed
LinkHeading > overview > 2
snapshot
34
passed
LinkHeading > overview > 2
accessibility
111
passed
LinkHeading > overview > 3
snapshot
30
passed
LinkHeading > overview > 3
accessibility
108
passed
LinkHeading > overview > 4
snapshot
40
passed
LinkHeading > overview > 4
accessibility
131
passed
LinkHeading > overview > 5
snapshot
48
total 10 tests

Tests coverage

Kind
Total
Covered
Skipped
%
LinkHeading.tsx
lines
16
13
0
81.25%
functions
4
1
0
25%
statements
17
14
0
82.35%
branches
28
12
0
42.85%

A11y tests

LinkHeading text

 
impact
id
description
minor
duplicate-id

Ensures every id attribute value is unique...

summary
target
Fix any of the following: Document has multiple static elements with the same id attribute: linkheading-text
.rah-static--height-auto.rah-static[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > div

Viewport

LinkHeading text

320px

LinkHeading text

375px

LinkHeading text

768px

LinkHeading text

1024px