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

Success

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-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
Finn Cartwright
primary
small
Key
Josie Johnson
Houston Littel
Mr. Domenick Balistreri
Ariane Connelly
Janis Quigley DDS
Gerard Huels
button
Elmira Emard
Javonte Schowalter
inherit
Kallie Pfeffer
Autumn Boyle
Finn Cartwright
Dedric Doyle
Marta Spinka
Adolphus Christiansen
1
Marta O'Conner
Aidan Bode
Mohammad Halvorson
Breana Bayer
Isom Huel
Creola Botsford
Joyce Kris
Jada Smitham
Santa Steuber Sr.
Boyd Wehner
Miss Keith Hegmann
Colin Effertz
Vicenta Reynolds MD
#5d3737
Gerry Feil
Danielle Greenholt
Vivianne Streich
Shaun Brakus
0
Marilou Walsh
tel
Drew Paucek
Alford Effertz
true
list
true
false
0
0
0
Nina Fritsch
location
Lilla Fahey
Janie Olson
false
Ova Crist
false
Armand Kshlerin
false
true
false
Dane Parisian
Abbie Stroman
Mrs. Ward Murphy
1
off
true
true
boolean
horizontal
Danyka Schuster
Jess Schultz
0
boolean
false
additions text
true
Damaris Reinger
0
1
1
true
1
none
0
1
1
Mikel Tromp
Walter Jenkins
primary
medium
null
Madisyn Roberts
Alejandra Rosenbaum Jr.
Tyrell Nitzsche
Brett Grant
Ezequiel Smitham
Lawson Vandervort
Laurine Runte
Matilda Kiehn MD
Booleanish
Sallie Wisoky
Kirsten Kiehn
Walter Jenkins
Roman Osinski
Ms. Yvette McGlynn
Karen Swaniawski
0
Michele Stoltenberg
Jose Champlin
Elna Block
Mr. Raymond Hudson
Leonard Herzog
Kamron Toy V
Garnet Johns
Kaleb Funk
Bette Kirlin
Monroe Collier
Hilda Bradtke
Rudy Bergnaum
Reymundo Beier
#1b1547
Milton Trantow
Kirsten Schaefer
Adell Bernier
Sadie Feil
1
Freida Oberbrunner DDS
none
Arno Littel Sr.
Dr. Christian Yost
false
inline
boolean
mixed
0
1
1
Alta Maggio Jr.
page
Edward VonRueden
Mckenna Schiller
false
Imani Pfeffer MD
false
Odell Schamberger
tree
boolean
boolean
Brannon Jenkins
Sienna Predovic
Carlo Krajcik
0
boolean
boolean
false
horizontal
Rhiannon Runolfsson
Alexandre Kunde
1
true
true
text removals
false
Eladio Smith
0
1
1
boolean
0
ascending
0
1
1
Ellsworth Hahn
Fannie Wisoky
warn
medium
null
Marques McClure
Ms. Kayley Collins
Dr. Austen Sipes
Antwon Simonis V
Selmer Mraz
Dr. Jordane Raynor
reset
Alene Daugherty
Ophelia Boyle
Booleanish
Alena Little PhD
Andreane Rowe
Fannie Wisoky
Lucio Veum
Ms. Alvah Jakubowski
Keaton Osinski
1
Elliott Kessler
Mr. Cheyanne Wuckert
Rowan Senger
Kevon Greenfelder
Ashtyn Dicki
Myra Beer
Keenan Bruen III
Ford Ullrich
Keira Nikolaus
Mr. Liza Cormier
Sid Morar
Alexane Schiller
Lucinda Fay
#6d4e3c
Mr. Jack Halvorson
Sigurd Macejkovic
Kristian Keebler
Magali Mills
0
Hattie Bergstrom
url
Elna Pagac
Rae Sporer III
boolean
both
boolean
boolean
1
1
1
Gerardo Crooks
page
Maximillia Hane
Viviane Mann
true
Hildegard Braun MD
boolean
Autumn Lehner
boolean
true
false
Mrs. Anissa Bauch
Maxime Feest
Dr. Vena Schimmel
1
assertive
true
boolean
boolean
vertical
Alfonzo White I
Violette Borer MD
0
false
true
removals
false
Cleora Jacobs
1
1
1
boolean
0
none
1
1
0
Miss Suzanne Ryan
Herminia Bergstrom
warn
small
null
Ms. Catherine Kulas
Lennie Romaguera
Mr. Hunter Goodwin
Nyah Sanford
Luis Corkery
Vivienne Christiansen
submit
Miss Davonte Metz
Mr. Bradley Hamill
inherit
Stacy Howell
Edwardo Ritchie
Herminia Bergstrom
Ms. Faye Lynch
Alejandrin Frami
Brook Ward
0
Ms. Icie Bednar
Isidro Dooley III
Merl Sanford
Marjolaine Bogan
Marielle Schulist
Mohammed Heidenreich
Marjorie Gislason
Kayleigh Sporer
Alexandra Becker
Eulalia Howell
Gaetano Jerde
Cyril Rau
Bernie Rodriguez
#426168
Jeff Stanton
Myrtice Beier
Clifton Okuneva
Jane Kihn
1
Miss Luella MacGyver
tel
Elise Vandervort
Justyn Beier
boolean
none
boolean
false
0
1
0
Mr. Ellen Marvin
time
Cordia Johnson
Mallory Hoeger
false
Clovis Bartell
false
Kenton Koss
boolean
true
grammar
Shanel Graham
Jackson Cummings
Kale Moore IV
1
off
true
false
boolean
horizontal
Newell Skiles
Constantin Hoppe
1
mixed
false
additions text
boolean
Amber Wolff
0
0
1
false
0
other
0
0
1
Cleveland Bins
Loraine Schowalter
primary
medium
null
Lavon Auer
Keara Bergstrom
Elyssa Volkman
Madisyn Ziemann
Zita Block
Dr. Constantin Mueller
reset
Maye Klein
Ronny Balistreri
Booleanish
Mr. Zena Ortiz
Cecilia Schoen
Loraine Schowalter
Jennie Hahn
Joshuah Streich
Amos Lynch
1
Natalie Bartoletti
Jairo Hane
Lemuel Beatty
Alanis Roberts
Miss Rudolph Thompson
Presley Williamson
Jasen Ankunding
Mrs. Ian Friesen
Demetris Lynch
Gay Hills
Nannie Hintz
Anahi Christiansen V
Kareem Schinner
#106324
Edward Koepp Jr.
Jailyn Gulgowski
Johnnie Quitzon
Jeramie Medhurst
0
Eloisa Considine
text
Ressie Toy PhD
Dayton Hessel
false
list
boolean
boolean
0
0
1
Melba Williamson
time
Alfreda Kassulke
Ward Gibson
boolean
Phoebe Goyette DDS
false
Buster Schneider
dialog
boolean
false
Lia Stanton
Jamarcus Effertz
Tressie Doyle MD
1
boolean
false
boolean
vertical
Ryleigh Hammes
Nicholas Fadel
0
false
boolean
additions removals
true
Ladarius Ankunding
0
1
0
true
0
descending
0
1
0
Mrs. Esteban Dicki
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