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

Warn

Test data

select
#
variant
size
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-live
aria-modal
aria-multiline
aria-multiselectable
aria-orientation
aria-owns
aria-placeholder
aria-posinset
aria-pressed
aria-readonly
aria-required
aria-roledescription
aria-rowcount
aria-rowindex
aria-rowspan
aria-selected
aria-setsize
aria-sort
aria-valuemax
aria-valuemin
aria-valuenow
aria-valuetext
Janie Lang
success
small
Key
Enola Wilderman
Destiney Kulas
Simone Keeling
Bonnie Herzog
Clifford Osinski
Nayeli Huel
reset
Dr. Vernon Fadel
Kallie Buckridge
Booleanish
Austyn Schumm DVM
Presley Terry
Janie Lang
Delores Herman
Pink Hudson
Darrin Block
0
Maud Lind
Korbin Williamson
Savannah Moore
Josiah Greenfelder Jr.
Joyce Swaniawski
Johan Gutmann
Richie Quigley
Roscoe Shields
Laurine Frami
Mina Rempel
Jeanne Schulist I
Lupe Nikolaus
Larry Legros
#182234
Rosamond Witting
Aron Boehm
Carson Wunsch
Kelly Batz
0
Trudie Aufderhar
url
Dr. Hellen Quitzon
Herbert Gorczany
boolean
none
false
true
0
1
0
Doyle Senger III
page
Mallie Huel
Arlene Kreiger
boolean
Stephon Moen
false
Ashly Langworth
false
false
false
Otha Goodwin
Angela McLaughlin
Leanne Koch
0
off
boolean
boolean
false
horizontal
Dr. Shanon Reichel
Orion Paucek
1
mixed
boolean
boolean
Jeanne Walsh DDS
0
1
0
boolean
1
ascending
1
0
1
Karson McDermott
Kelsi Johns
small
Key
Barton Hegmann
Stan Collins
Alana Doyle Jr.
Sofia Thiel
Christina Cartwright DDS
Grover Glover
button
Reynold Ruecker
Hellen Schroeder
inherit
Corine Bernhard
Jakob O'Kon
Kelsi Johns
Ms. Destany Bins
Florine Walter
Camylle Purdy
0
Tommie Von
Conrad Glover
Selena Maggio IV
Janick Schuppe
Domenic Wiza
Karli Rempel V
Burley Haley
Dominique Nienow
Joan Schmitt
Christopher Balistreri
Tavares Haley PhD
Dr. Adolfo Wunsch
Franz Gibson
#4d224a
Una Treutel
Myrtle Pouros
Coleman Rice
Caitlyn Bernier
1
Buster Hackett
text
Cruz Kautzer
Elijah Heidenreich
false
both
boolean
false
1
1
0
Lincoln Strosin
step
Dr. Rigoberto Barrows
Torrance Haley
true
Naomi Lynch
boolean
Mathew Kautzer
dialog
true
spelling
Shyanne Swift
Bettye O'Hara
Rosamond Hamill
1
polite
boolean
false
false
horizontal
Kirstin Wiegand
Geoffrey McLaughlin
1
boolean
boolean
true
Celine Cremin
1
1
0
boolean
0
none
0
1
0
Declan Lynch
Yoshiko Macejkovic
danger
medium
null
Dexter Kutch
Jayson Corkery III
Janick O'Reilly
Uriel Goodwin
Hosea Armstrong
Treva Abbott
button
Alf Conn
Rosalind Lehner
Booleanish
Emmet Nienow
Mackenzie Prohaska
Yoshiko Macejkovic
Tanya Wyman
Mayra Williamson
Kim Koss
0
Ada Prohaska
Sophia Monahan
Maci Hirthe
Jennifer Harber
Myrtice Hayes
Laury Nitzsche
Unique Nitzsche
Garry Roberts V
Clementine Kohler
Miss Jodie Goldner
Kendra Brakus
Manuel Strosin
Prince Conn
#424d5b
Mrs. Birdie Konopelski
Mireille Huels
Marty Bergstrom
Penelope Schumm
0
Kiara Morar
none
Clair Bradtke
Taylor Kertzmann
false
inline
true
true
0
0
1
Velma Corkery
page
Silas Blanda DVM
Clarabelle O'Hara
true
Tracey Grant
true
Verda Schmidt V
dialog
boolean
true
Felton Turcotte
Michael Kulas
Dahlia Romaguera DVM
0
assertive
false
true
boolean
vertical
Mary Hessel
Gisselle Schneider
0
boolean
false
boolean
Gerald Boyle
1
0
1
boolean
1
0
1
0
Tyson Cassin
Elmer Emard
medium
null
Eleazar Dickinson
Brad O'Hara
Estevan Corwin III
Kathleen Jacobs
Judson Pacocha
Cory Dickinson
Janis Lebsack
Donato Shields I
inherit
Sven Greenholt
Yolanda Bechtelar III
Elmer Emard
Calista Littel
Althea Lindgren
Damon Tillman
0
Destin Braun
Hortense Davis IV
Hailey Bergnaum
Meredith Abbott
Mr. Elroy Zieme
Domingo Kshlerin
Dr. Juliet Walker
Miss Larissa Runolfsdottir
Amber Ortiz
Marilyne Senger
Jody Green
Melvina Powlowski
Gus Macejkovic
#0b3f21
Camille Armstrong
Miss Teagan Kirlin
Audreanne Koss
Mrs. Ashton Lebsack
0
Lela Hoppe
url
Maxine Eichmann
Sydnee Mayert
true
true
boolean
0
1
1
Anabel O'Hara
location
Waylon Yost
Melody Corwin
true
Leora Medhurst I
true
Audreanne Daniel
listbox
boolean
false
Lysanne Daniel
Ally Schuppe
Baron Ward
0
polite
false
true
true
horizontal
Pauline Mueller MD
Brad Hermiston
0
false
true
true
Maybell Stoltenberg Jr.
0
0
0
false
0
none
1
0
0
Juvenal Smith
Syble Collier
success
medium
Key
Delores Jacobs
Mrs. Alfredo Deckow
Mr. Rene Simonis
Mortimer Senger
Halle Zieme
Christina Douglas
Janis Keeling
Emmanuel Hudson
Booleanish
Marvin Fahey
Connor Mueller
Syble Collier
Arvilla Harvey
Maximilian Boehm
Shanna Konopelski
1
Hillard Wolf
Alexie Dickinson
Kristoffer Hagenes
Jane Schamberger
Pattie Lind
Ashly Conn
Leone Prosacco
Candida Wuckert
Catalina Hills
Alexys Hessel
Theresia Krajcik
Bud Thiel
Heidi Lesch
#275843
Meaghan Marquardt
Christina Conn
Mrs. Burley Borer
Joshua Rutherford
0
Jackie Krajcik
text
Guadalupe Gottlieb
Mrs. Erika Morar
boolean
inline
false
false
1
0
0
Janet Grady
true
Ellsworth Kuhn
Bradly Kovacek
true
Alberto McKenzie
true
Fred Watsica
true
boolean
false
Carrie O'Connell
Mrs. Romaine Collier
Dr. Isabel Hirthe
0
off
boolean
false
false
vertical
Gust Hane
Cyril Kub II
0
true
true
true
Stephon Hodkiewicz
1
1
1
boolean
1
other
0
0
0
Bettye Kiehn II
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