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

Small

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-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
Johnny Smith
primary
small
null
Ms. Jaclyn Walker
Dimitri O'Kon
Mrs. Blaise Swift
Kavon Bauch II
Eliezer Kerluke
Isidro Johnson
button
Enrique Upton
Stephan Miller IV
Booleanish
Lew Champlin
Juwan Brekke
Johnny Smith
Ahmed Kub
Hildegard Blanda
Rahsaan Harris
1
Mr. Bianka Dooley
yes
Damaris Jones
Hilario Simonis
Justice Kulas
Dr. Maurice Rippin
Ms. Gerard Hand
Annabelle Dibbert
Jakob Hickle
Miss Ryder Little
Beverly Maggio
Therese Wilkinson
Royal Olson DDS
Sandra Greenfelder
#5d4270
Mae Kemmer
Jerry Ward
Ladarius Tromp
Irwin Koch
0
Spencer Smitham
off
text
Bertha Sauer
Trevor Hilpert
boolean
none
true
true
0
0
0
Kiel Thiel
page
Tia Larson MD
Brayan Kuhn
false
Shaun Bradtke
boolean
Audrey Kling
false
false
grammar
Mr. Tyrese Wyman
Giovanny Rau I
Elissa Schinner Jr.
0
polite
boolean
boolean
true
horizontal
Lola Farrell
Jeanie Grady
1
true
false
additions
false
Mollie Mayert
1
1
0
boolean
1
descending
0
1
1
Taryn Rodriguez
Reva Nitzsche
success
null
Pearline Murazik
Andreane Johnson
Onie Leuschke
Trinity Rau
Josue Kiehn
Dayton Jast
button
Magnolia Gottlieb
Isobel Powlowski
inherit
Stella Cartwright
Violet Reichel
Reva Nitzsche
Wallace Reichel
Finn Hyatt
Vladimir Leffler
1
Virgie Marquardt
no
Anabel Gaylord
Johnnie Schinner
Delfina Kunze
Ms. Davonte Torp
Kaleb Trantow
Scarlett Rempel
Vito Sauer
Dr. Forrest Runte
Elisa Pouros
Shanny Goyette
Miss Hailey Gerlach
Karine Hahn
#1c4e1a
Carmela Skiles II
Nyasia Barton
Taylor Botsford
Kelton Wintheiser
0
Eveline Stamm
off
tel
Antonette Marks
Vicente Keeling
boolean
boolean
boolean
1
0
1
Maximillia Wilkinson
page
Dr. Lilly Hoppe
Electa Douglas
boolean
Mrs. Cleta Eichmann
boolean
Mrs. Leora Leannon
listbox
boolean
false
Augustus Stoltenberg
Taurean Kohler
Jacinto Heaney
1
polite
true
boolean
boolean
horizontal
Everardo Murphy
Destini Heidenreich
0
true
boolean
removals additions
true
Justina Welch
0
1
0
false
1
descending
1
0
1
Nora Lehner
Elian Kshlerin
success
Key
Schuyler Bechtelar
Miller Oberbrunner
Elmer Ruecker
Domenico Wuckert
Mrs. Caroline Jones
Rafaela Ullrich
button
Carlee Wunsch DDS
Enola Medhurst
Booleanish
Genevieve Kohler
Zula Steuber
Elian Kshlerin
Vidal Prohaska
Alysha Moore
Ubaldo Ferry
1
Rubye Lueilwitz III
no
Bonnie Cartwright
Leonardo D'Amore
Damien Feeney
Reina Hodkiewicz
Dameon Shanahan
Mason Cremin
Ms. Florence Rohan
Dr. Desiree Fay
Madonna Corwin
Lee Hagenes
Axel Stehr
Jessyca Watsica
#030525
Dario Ferry
Laurine Lang
Carmella White
Nick Satterfield
1
Jan Kuhic
Delaney Schultz
Lucinda Borer
false
both
boolean
true
0
0
1
Napoleon Lueilwitz
step
Franz Collins
Nellie Beatty
boolean
Nicholas Pacocha
true
Webster Terry
tree
boolean
true
June Bernhard
Jeffery Daugherty
Naomi Leffler III
1
polite
false
true
true
Estella Bogisich
Lavon Rowe
1
boolean
boolean
false
Jordy Parisian
1
0
0
true
0
ascending
0
1
0
Myrl Shields MD
Emilie Boyle
warn
small
null
Dr. Silas Thiel
Thalia O'Connell
Miss Creola Tremblay
Micaela Heathcote
Morgan Deckow
Carmen Corkery
submit
Ryan Ledner
Tressie Roob
Booleanish
Wallace Yundt
Zachariah Kshlerin
Emilie Boyle
Julie Hickle MD
Zelma Funk
Julien Ferry
0
Destiny Gutkowski
yes
Mrs. Sarai Moen
Ashleigh Mraz
Kenyatta Koch
Mr. Stacey Lebsack
Marvin Mante V
Zita Hermiston
Mercedes Spinka
Noel Gutmann
Gregoria Fay
Cameron Turner
Marlin Nader
Shaina West
#764d13
Josiah Parisian
Floy Abbott
Gia Hayes
Kenya D'Amore
1
Rebeka Langosh
on
numeric
Rafaela Larkin
Crystel Prohaska
boolean
none
true
true
1
0
0
Reese Herzog
time
Hoyt Klocko
Laura Nolan
true
Lexie Braun
true
Ansel Tillman
true
false
true
Ora Kulas PhD
Icie Bins
Erick McLaughlin
1
off
true
boolean
false
vertical
Lucious Koelpin DVM
Miss Vernice Parker
1
boolean
false
text removals
boolean
King Block
0
1
0
true
0
none
1
0
0
Doris Cronin
Magdalena Dach
small
Key
Finn Reinger
Sherman Wiegand
Jordyn Corkery
Emery Ferry
Ayden Blick
Rowena Heaney
button
Mr. Abigale Schmitt
Vernon Jast
inherit
Lilyan Cummings
Felicia Ebert
Magdalena Dach
Jerome Reichel
Elwin Borer
Zaria Fritsch
1
Richmond Ritchie
yes
Esther Mitchell
Korey Lueilwitz
Beatrice Casper
Janessa Koelpin
Clifton Rogahn DDS
Danny Volkman
Conner Pagac
Rowland Kling
Raegan Rohan
Margarete Gleichner
Elnora Roberts III
Emmalee Buckridge
#7d3666
Katharina Swaniawski
Jaunita Kuphal
Dan Aufderhar
Andres Weissnat
1
Jedediah White
on
email
Yazmin Schaden
Scottie Kovacek
true
list
true
false
0
0
1
Allie Nikolaus
boolean
Aracely Schoen
Selmer Shanahan
boolean
Luigi Borer
false
Enoch Corkery
menu
boolean
true
Everett Douglas
Horacio Wolf
Alden Dach
1
assertive
boolean
true
true
horizontal
Margarette Kreiger
Waldo Harvey
0
false
true
removals
boolean
Britney Spinka Sr.
1
1
1
false
0
0
0
1
Sibyl Swift Sr.
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