Tailwind project with typescript, react testing library and component-controls
created:5/18/2021
updated:5/18/2021
loc
34
comments
3%
passed
78
coverage
83%

Button

avatar of atanasster

Full Width

Test data

select
#
variant
fullWidth
key
autoFocus
disabled
form
formAction
formEncType
formMethod
formNoValidate
formTarget
name
type
defaultChecked
suppressContentEditableWarning
suppressHydrationWarning
accessKey
className
contentEditable
contextMenu
dir
hidden
id
lang
placeholder
slot
tabIndex
title
radioGroup
role
about
datatype
prefix
property
resource
typeof
vocab
autoCapitalize
autoCorrect
autoSave
color
itemProp
itemScope
itemType
itemID
itemRef
results
security
inputMode
is
aria-activedescendant
aria-atomic
aria-autocomplete
aria-busy
aria-checked
aria-colcount
aria-colindex
aria-colspan
aria-controls
aria-current
aria-describedby
aria-details
aria-disabled
aria-errormessage
aria-expanded
aria-flowto
aria-haspopup
aria-hidden
aria-invalid
aria-keyshortcuts
aria-label
aria-labelledby
aria-level
aria-modal
aria-multiline
aria-multiselectable
aria-owns
aria-placeholder
aria-posinset
aria-pressed
aria-readonly
aria-relevant
aria-required
aria-roledescription
aria-rowcount
aria-rowindex
aria-rowspan
aria-selected
aria-setsize
aria-sort
aria-valuemax
aria-valuemin
aria-valuenow
aria-valuetext
Dr. Randy Mann
warn
null
Ms. Nestor Ledner
Ms. Winston Spinka
Tyshawn Ondricka II
Kayla Predovic
Brenna Effertz
Glennie Upton
button
Mrs. Betsy Murazik
Kadin Mueller
Booleanish
Houston Littel
Jessica Ratke V
Dr. Randy Mann
Carmen Champlin
Shany Quitzon
Betty Mayer
1
Mrs. Mackenzie Bogan
Sonia Harber
Mrs. Eduardo Hoppe
Roger Lebsack
Mr. Kaci Franecki
Jacques Schmeler
Mr. Alaina Eichmann
Ms. Nat Swift
Olin Armstrong
Dr. Nicole Koelpin
Liam Harber
Dr. Deion Kilback
Jerad Schaden
#2f605e
Mellie Spencer
Giovani Johns
Caitlyn Wiza
Garret Davis
0
Mrs. Deontae Tromp
none
Ms. Dane Mayer
Miss Bernadette Koss
true
list
boolean
false
0
0
0
Anne Doyle
boolean
Dr. Brenden McKenzie
Una Herzog DVM
false
Myrtis Stehr
true
Judy Jast Sr.
listbox
boolean
true
Miss Madonna Stoltenberg
Ken Heaney
Juvenal Dare
0
true
boolean
true
Rosella Kuvalis
Leora Legros
0
mixed
boolean
text removals
boolean
Theo Hand
0
0
0
true
0
descending
0
1
1
Akeem O'Kon
Olga Funk
danger
null
Jordon Schulist
Eusebio Hodkiewicz V
Margarette Barrows
Queenie Hettinger
Tavares Dach
Letitia Langworth
reset
Dr. Gayle Ortiz
Nasir Wilkinson
Booleanish
Blanca Kuhn
Mr. Philip Bradtke
Olga Funk
Amaya Pfannerstill
Dr. Sheridan Donnelly
Lee Yundt
0
Marlene Wyman
Emory Upton
Mrs. Trisha O'Conner
Ambrose O'Connell
Tristian Rogahn
Fabiola Beahan
Antonette Ward
Rosetta Kilback
Selena O'Hara
Deon Schultz IV
Rahul Hane
Aron Wilderman
Beau Douglas I
#151b1f
Keagan Schoen
Carleton Hyatt
Garrick Brakus
Baron Hoeger
0
Wilton Greenfelder
email
Jovani Armstrong
Kiarra McCullough
boolean
none
true
true
1
1
1
Nathanael Rice
boolean
Ms. Gladys Fadel
Vincent Mayer
boolean
Easter Ortiz
false
Justen Ruecker
grid
boolean
boolean
Joshuah Little
Dr. Kianna Mohr
Marie Hansen
0
boolean
false
true
Beau Hirthe
Genoveva Crona
1
boolean
boolean
all
boolean
Ubaldo Treutel DDS
1
1
1
false
0
other
0
0
1
Marc Lesch
Aryanna Bogan
danger
Key
Vernon Simonis
Jarret Oberbrunner
Alejandrin Fay
Veda Murphy
Malvina Greenfelder
Antwon Schaden
button
Guido Labadie
Forrest Bechtelar
inherit
Miss Annamarie Collins
Beatrice Howe
Aryanna Bogan
Stacy Streich
Nyasia MacGyver
Hilma Mertz
1
Kiara Rippin Sr.
Dr. Cecil Littel
Thora Fisher
Lavinia Wunsch
Roman Nicolas
Paxton Rath
Brook Denesik
Mr. Selmer Jast
Donato Waters
Nathen Okuneva
Hilbert Howe
Danyka Jacobs
Diamond Sawayn
#017d6b
Cierra Romaguera
Nat Runte
Hillard Bosco
Elise Ward
1
Sage Bruen
none
Rosalind Cartwright
Hadley Erdman PhD
true
inline
boolean
true
0
0
1
Linnea Brown DVM
true
Ally Rice
Mrs. Aiden Jacobs
false
Tara Fay
boolean
Fausto Ullrich
boolean
boolean
boolean
Dr. Colt Kassulke
Mr. Harrison Schoen
Elena Hane I
1
true
boolean
true
Wava Kuhic
Tito Terry
1
boolean
true
text
true
Alison Cronin
1
1
0
false
0
none
1
1
0
Thea Mraz
Loy Buckridge
success
null
Jayden Pfannerstill
Cleo Little
Milo McClure
Kacie Hand
Maximillian Schmidt
Brenden Williamson
reset
Gerard Leuschke
Joaquin Purdy III
inherit
Tyra Maggio
Lela Haag
Loy Buckridge
Dariana Terry
Santiago Schamberger
Rogelio Kshlerin
0
Adrien Medhurst
Pearlie Parisian
Skye Medhurst
Dolores Mayer
Ryann Lowe
Ms. Naomi Kling
Albertha Toy
Dr. Jenifer Morar
Gerardo Macejkovic
Jazmin Gorczany
Miss Carrie Walsh
Milo Stanton
Lempi Harber Jr.
#234a53
Makenzie Kub
Ewell Cummerata
Ike Lakin
Rubye Schaefer
1
Alford Kuvalis
url
Holly Leannon
Stacy Jones
true
inline
true
mixed
0
1
0
Emmett Welch
false
Bret Daniel
Marilou Gutkowski
boolean
Merl Corwin
false
Candelario Dickinson PhD
false
false
grammar
Jessie Effertz
Keanu Mraz
Ole Koss
1
false
true
boolean
Marquise Labadie
Zachery Schultz
0
mixed
true
additions removals
boolean
Gabriella Nienow
0
0
1
false
1
ascending
1
1
1
Simeon Klein PhD
Lyda Walter IV
warn
null
Ellen Bartoletti
Veronica Satterfield
Johnnie Kohler
Muhammad Ziemann I
Clare Murphy
Kole Rolfson
button
Lizzie Daugherty
Ian Bayer
Booleanish
Ms. Chaz Herman
Brisa Stokes
Lyda Walter IV
Jamaal Halvorson
Dejuan Towne
Easton Barton
0
Saul Fritsch
Casimir Walter
Hobart Koss
Verner Ortiz
Kory Ritchie
Ryder Bahringer V
Annabell Stanton
Guadalupe Macejkovic IV
Hillard Bosco IV
Haylie Conn
Alyson Lynch
Oral Marks
Donnie Wisozk
#262d08
Gertrude Mraz
Marjory Rolfson
Mrs. Beryl Schulist
Noelia VonRueden
1
Odessa Daugherty
Velma Mayert
Adrien DuBuque
false
list
boolean
mixed
0
1
1
Haskell Luettgen
location
Ms. Judy Hayes
Jerald Langworth
boolean
Jeremie Beer
true
Allen McLaughlin DDS
tree
boolean
boolean
Madelyn Shanahan
Lou Hoppe
Emmet Skiles
1
true
boolean
false
Earnestine D'Amore DDS
Stuart Wilderman
1
boolean
true
all
boolean
Melvina Johns DDS
1
1
1
boolean
1
none
1
0
1
Gideon Smith
5 data rows
Name
Description
Default
Controls
variant
primarysuccesswarndanger
primary
size
smallmedium
medium
fullWidth
boolean
-

Tests results

Status
Full name
Title
Time(ms)
button.spec.tsx(8 tests)
passed
<Button />
should render the correct button text
62
passed
Button props
props { variant: "primary" }
6
passed
Button props
props { variant: "success" }
5
passed
Button props
props { variant: "warn" }
5
passed
Button props
props { variant: "danger" }
5
passed
Button props
props { size: "small" }
5
passed
Button props
props { size: "medium" }
4
passed
Button props
props { fullWidth: true }
4
button.test.ts(70 tests)
total 78 tests

Tests coverage

Kind
Total
Covered
Skipped
%
button.tsx
lines
11
11
0
100%
functions
1
1
0
100%
statements
15
15
0
100%
branches
6
5
0
83.33%

A11y tests

Viewport

320px
375px
768px
1024px