created:3/5/2021
updated:3/5/2021
loc
136
comments
18%
passed
10
coverage
50%

GithubAvatar

avatar of atanasster

avatar to be used in an AvatarList container

Overview

avatar of Atanas Stoyanov

Test data

select
#
username
useremail
overlap
size
1
Cecelia Langosh
Cassidy Brekke
1
27
2
Murl Green I
Pearlie Altenwerth
1
29
3
Lela McClure
Jayce Schaden
0
88
4
Ms. Jean Barrows
Skyla Lubowitz
0
27
5
Tanya Sanford
Tressie Kuhn
0
38
5 data rows

Controls

Name
Description
Default
Controls
username

user name

string
-
useremail

optional user email to link to gravatar

string
-
overlap

overlap % of the avatars in a list

number
0.4
size

size in pixels

number
48

Tests results

Status
Full name
Title
Time(ms)
GithubAvatar.test.ts(10 tests)
passed
GithubAvatar > overview > 1
snapshot
417
passed
GithubAvatar > overview > 1
accessibility
436
passed
GithubAvatar > overview > 2
snapshot
148
passed
GithubAvatar > overview > 2
accessibility
108
passed
GithubAvatar > overview > 3
snapshot
63
passed
GithubAvatar > overview > 3
accessibility
111
passed
GithubAvatar > overview > 4
snapshot
108
passed
GithubAvatar > overview > 4
accessibility
106
passed
GithubAvatar > overview > 5
snapshot
65
total 10 tests

Tests coverage

Kind
Total
Covered
Skipped
%
GithubAvatar.tsx
lines
14
13
0
92.85%
functions
2
1
0
50%
statements
15
14
0
93.33%
branches
25
17
0
68%

A11y tests

avatar of Atanas Stoyanov
 
id
description
avoid-inline-spacing

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

image-alt

Ensures <img> elements have alternate text or a role of none or presentation...

image-redundant-alt

Ensure image alternative is not repeated as text...

nested-interactive

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

Viewport

avatar of Atanas Stoyanov
320px
avatar of Atanas Stoyanov
375px
avatar of Atanas Stoyanov
768px
avatar of Atanas Stoyanov
1024px