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

Danger

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
translate
radioGroup
role
about
datatype
prefix
property
resource
typeof
vocab
autoCapitalize
autoCorrect
autoSave
color
itemProp
itemScope
itemType
itemID
itemRef
results
security
unselectable
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
Adriel Hilll
primary
medium
null
Shyann Moore
Hardy Konopelski
Ms. Elliot Torp
Mrs. Ismael Shields
Justice Eichmann
Floyd Muller
submit
Darian Kshlerin
Mrs. Austen Bruen
inherit
Manuela Reilly
Mallory Bergnaum
Adriel Hilll
Trinity Deckow DDS
Mia Connelly
Mr. Benny Feil
1
Kasey Watsica
no
Delia Mayert
Efrain Cormier
Lelah Walter
Lenna Wehner II
Jayden Schumm
Ms. Toy Oberbrunner
Glenda Heidenreich
Elyse Lakin
Jarvis Huels
Katarina Hane
Anais Rosenbaum
Lazaro Hirthe
#5d5562
Annalise Kiehn
Gregorio Stehr
Vivianne Halvorson
Mariane Marquardt
0
Casandra Hane
off
numeric
Alycia Stamm
Ada Kulas
boolean
list
true
true
0
1
0
Lindsey Koelpin
page
Colt Simonis
Austen Connelly
boolean
Cleve McDermott
false
Demarcus Kuhic II
false
false
true
Coy Lowe
Dasia Cruickshank DDS
Junior Ward
0
assertive
true
true
false
horizontal
Keyon Olson
Willa Kuhlman
1
boolean
true
false
Neoma Hagenes
1
0
0
true
0
none
1
1
0
George Erdman
Carley Ward
primary
medium
Key
Veronica Wiza
Antonetta Bechtelar
Stanton Nitzsche III
Myrtice Hilll
Marie Kozey I
Karelle Yost
reset
Tommie Romaguera
Rubie Mertz
Booleanish
Adriel Dooley
Kiel Larson PhD
Carley Ward
Hallie White
Dallas Reichert
Charlie Von
1
Brycen Nikolaus
yes
Rosina Tromp
Adrienne Kuhlman
Bert Beier
Bria Schaden
Mrs. Abigail Morissette
Ms. Glennie Koch
Jaclyn Jacobs
Juliana Bauch
Juvenal Douglas
Jazlyn Effertz
Chloe Rempel
Miss Alta Boyer
#785922
Lorna Medhurst
Nelle Bosco
Aglae Reynolds
Brock Quitzon
1
Finn Hackett III
on
text
Lucius Kunze DDS
Lenna Reichert
true
list
false
mixed
1
1
1
Glen Mertz
location
Louvenia Crist
Nikko Boyle MD
false
Beaulah Blanda
boolean
Jeramy Reynolds
listbox
false
true
Francesca Schiller IV
Macey Collier
Ryan Gottlieb
1
polite
true
true
false
horizontal
Richie Koepp Sr.
Breana VonRueden
1
boolean
true
true
Ewell Marks DVM
0
1
0
false
0
none
1
0
0
Isabell Kreiger
Vallie Dietrich
primary
small
null
Dr. Chelsie Rolfson
Raphael Collins
Giovanni Koelpin
Camylle Bergnaum
Dalton Dicki
Christina Rice
Lyda Luettgen
Bettye Mitchell
inherit
Aron Koch
Giovanna Paucek
Vallie Dietrich
Dr. Gracie O'Hara
Itzel Schaefer
Kassandra Rosenbaum
0
Kaya Braun
yes
Reinhold Stehr
Mr. Santa Kautzer
Dr. Cynthia Leuschke
Gladys Kuvalis
Elijah Corkery
Norval Schoen
Kaci Pacocha
Shyann Zboncak
Randy Herzog
Amanda Koepp
Rose Paucek
Wendy Cremin
#621253
Candelario Bayer
Syble Crooks
Miss Ewell Stoltenberg
Mrs. Marina McClure
1
Dr. Wanda Littel
off
tel
Amy Stark
Lucinda Ebert
true
inline
true
boolean
1
1
1
Elias Green
boolean
Myrna Wuckert Sr.
Robbie Cartwright
boolean
Marion Brakus
true
Adonis Wilderman
boolean
boolean
false
Miss Saul Lindgren
Devyn Baumbach
Brenden Wolf Jr.
0
polite
boolean
true
true
horizontal
Jeff Dibbert
Litzy Grimes
1
false
boolean
false
Gordon Corkery
0
0
1
true
1
other
0
0
0
Enrique Murray
Ms. Camille Huels
medium
Key
Jayda Wiza
Adela Donnelly
Columbus Beahan
Osborne Murphy
Stuart Zulauf
Shakira Klocko
Opal Renner
Sister Predovic
Booleanish
Nicole Cassin
Tristian Rau
Ms. Camille Huels
Kenneth Treutel
Ms. Chaz Swaniawski
Berta Mraz
0
Kayley Auer
yes
Jarret Weimann
Donavon Satterfield
Krystal Rice
Triston Strosin
Felix Dibbert
Milton Hoppe
Ara Fisher III
Luther Schimmel
Micah Schamberger
Domenick Corkery
Jovani Leffler
Estell Welch I
#555b56
Anika Grant
Olga Jast
Eloisa Wilderman IV
Darby Lynch
1
Zaria Morissette IV
off
numeric
Cale Johnston
Paxton Auer
boolean
none
false
boolean
0
1
1
Dr. Elnora Padberg
page
Chloe Buckridge
Shanie Hermiston Jr.
true
Nelson Jaskolski IV
true
Heber Hilpert
listbox
boolean
grammar
Daniela Hagenes
Diamond Heathcote
Lisa Cruickshank
0
true
true
true
horizontal
Polly Considine
Isaiah Marvin
1
boolean
boolean
true
Dejuan Fadel
0
1
0
false
1
ascending
0
1
0
Wilfred Sawayn
Ms. Cynthia Murphy
danger
null
Teagan Kris
Erling Stracke
Bernard Kohler
Daren Olson
Annabell Powlowski
Rahul Satterfield
submit
Giles Pfeffer
Maya Walter
Booleanish
Reta Boyer
Lilian Kessler
Ms. Cynthia Murphy
Newell Ortiz MD
Dr. Kimberly Fritsch
Helga Larkin
1
Ms. Christa Schimmel
no
Madilyn Lang
Rafael Von
Maida Beier
Ransom Rowe
Berniece Emard
Garry Tremblay
Jamal Williamson V
Hilda Reinger
Arnold Christiansen MD
Kenton Larkin IV
Lola Mueller
Braeden Simonis
#2a2a04
Ella Gerhold
Ms. Georgianna Wilderman
Ron Williamson
Delfina O'Keefe
0
Alford Collins
off
text
Jamison Zemlak
Alvis Gottlieb
true
inline
true
mixed
0
1
1
Gwen Cole
false
Dan Koepp
Caleb Anderson
true
Hadley Grimes
true
Rosanna Hermiston
grid
false
spelling
Tremayne Halvorson
Dr. Afton Beer
Bertha Wuckert
0
off
true
boolean
true
vertical
Philip Bruen
Madelynn Robel V
0
true
true
false
Dario Dooley
0
1
1
false
1
descending
0
1
1
Carlo Eichmann
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