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

Primary

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
inputMode
is
aria-activedescendant
aria-atomic
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-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
Elisabeth Schuster
warn
medium
null
Alessia McCullough
Bart Bechtelar
Dayana Roob
Isidro Adams
Anais Pagac
Dovie Langworth
reset
Anahi Frami
Cheyanne Moore
inherit
Daisy Barrows
Gunnar Durgan
Elisabeth Schuster
Clark Hickle
Marielle Durgan
Rosalia Kessler
1
Cullen Heller
no
Jody Legros
Dedric Smitham
Piper Herzog IV
Trinity Hickle
Miss Jaida Padberg
Kayli Mann
Esta Yost
Karlee Homenick
Viola Ritchie
Ms. Jermaine Lind
Mrs. Raphaelle Bruen
Pierre Wuckert
#145f10
Maxine Halvorson I
Clare Hermiston
Alexa Feest
Mozelle Murphy
1
Jonas Kihn
email
Alena Little
Kasey Wiegand
false
true
boolean
1
1
1
Dr. Toby DuBuque
page
Luna Welch Jr.
Rico Oberbrunner
false
Liza Lemke
boolean
Ms. Una Skiles
true
true
spelling
Orin Hansen
Paris Bode
Trace Stoltenberg
1
polite
boolean
boolean
true
Royal Harvey
Ava Dach
1
boolean
boolean
all
boolean
Domenic Mills
1
1
0
boolean
0
none
0
1
0
Roy Feest PhD
Corene Walsh
success
small
Key
Imani Lakin
Lydia Stanton
Stanley Upton
Zachariah Bashirian
Drew Bahringer
Maud Cartwright
Josianne Klocko
Brett Rosenbaum
inherit
Phyllis Mueller
Ramiro Wehner I
Corene Walsh
Eve McDermott
Ivory Cruickshank
Shyann Hessel
0
Reagan Tillman
yes
Edyth Kiehn
Sidney Deckow
Miss Lori Ferry
Dedrick Quitzon
Marisol McLaughlin
Milo Ullrich
Meghan Lueilwitz MD
Onie Kuhic
Ford Johnson
Kale Corkery
Chadrick Schumm
Laura Towne
#647e5a
Paula Gorczany
Enoch Bernhard
Ransom Oberbrunner
Zoey Kulas
1
Assunta Goyette
none
Serenity Zboncak III
Edwina Cassin V
boolean
boolean
false
1
1
1
Luis Grady
time
Elouise Conroy
Dr. Gilda Lang
boolean
Harold Jakubowski
boolean
Judy Robel
listbox
true
true
Adriana Cummerata
Julius Aufderhar IV
Ivy Mayert
1
true
false
true
Amani Gutkowski
Ayana Stanton PhD
1
true
boolean
text additions
true
Ralph Windler
1
1
1
false
0
descending
1
1
0
Ward Larson
Raheem Howe
small
Key
Spencer Wilkinson
Filomena Franecki
Ellis Murray
Ofelia Corwin
Mireya Casper
Mr. Darion Armstrong
Idella Kessler
Valentina Little MD
Booleanish
Wava MacGyver
Elbert Kohler
Raheem Howe
Otto Bailey V
Moises Marks
Virgie Paucek
1
Gregory Kihn
Garrett Gleason
Art Kuhlman
Fermin Kozey MD
Kariane Herzog
Dovie Kuhn
Greyson Cartwright I
Andres Pacocha
Anya Franecki
Gene Bradtke V
Kamryn Spencer
Anjali Rath
Aurore Abernathy
#461631
Ned Fritsch Jr.
Waldo Dooley
Fanny Schowalter
Yasmin Harvey
0
Ellen Rippin
decimal
Larissa Pfannerstill
Berniece Skiles
boolean
true
mixed
0
0
1
Ashleigh Heidenreich V
true
Lavern Koepp
Agustina Stokes
false
Freeman Yundt
false
Greg Kunde
false
boolean
spelling
Fredrick Bogisich
Marcus Haley
Tony Sipes DDS
0
false
false
boolean
Carleton Jast
Vita Davis
1
mixed
true
removals text
boolean
Barrett Daugherty
1
0
1
false
1
ascending
1
1
0
Mathew Moen
Isaias Schinner
primary
small
null
Miss Aubrey Hilll
Emerson D'Amore
Jamie Crist DVM
Bernadette Rippin
Mattie Hoppe
Alexis Huels
submit
Christophe Monahan
Juliana Leuschke
inherit
Felicita Schiller
Gage Bartell
Isaias Schinner
Sherwood Braun
Doris Lehner
Lenore Berge
0
Maverick Prosacco
yes
Carmela Wuckert
Mozelle Mante
Lysanne O'Kon
Johnathon Kirlin
Kasey Trantow
Casimer Turner
Alice Cruickshank
Devin Willms
Delaney D'Amore
Mr. Lambert Lynch
Sophie Kshlerin
Conor Denesik
#5f3e0f
Cedrick Kozey
Macy Skiles
Gennaro Brown
Tyra Rohan
0
Lauryn Williamson
Alfonzo Adams
Derick Dibbert IV
true
true
false
1
0
0
Reuben Marks PhD
step
Jules Spinka
Zita Gibson DDS
false
Jayne Zieme
false
Kyle VonRueden DDS
true
boolean
spelling
Ms. Maybelle Kassulke
Buddy Murazik
Patsy Ratke PhD
1
assertive
false
boolean
true
Deshaun Bednar
Reymundo Runolfsson
1
false
false
removals text
true
Chad Effertz
1
0
1
false
0
descending
1
1
0
Leonor Funk
Marcos O'Reilly
medium
Key
Hayden Kirlin
Gladys Nitzsche
Mckayla Haag
Savannah Hackett
Jacquelyn Stamm
Jerome Kessler
reset
Lilly Kassulke
Gregg Weimann
Booleanish
Jimmie Rau
Raquel White
Marcos O'Reilly
Turner Kreiger
Ocie Mayer
Cassidy Ruecker
1
Camilla Schinner
no
Karina Monahan
Vladimir Koch
Kian Kling
Carlie Bruen
Leonardo Connelly
Lionel Ruecker
Dr. Lyric Mertz
Jennifer Emard
Adriana Feeney
Erwin Ebert
Anabelle Labadie
Korey Reichert
#6c6c2e
Ms. Tito Beer
Lessie Krajcik V
Judge Ratke
Florence Huel
1
Ted Powlowski
none
Mario Romaguera
Reymundo Mertz
true
true
boolean
0
0
0
Dr. Rhianna Kilback
false
Hailey Ernser
Weston Weimann
false
Luz Dietrich
false
Hershel Fritsch
dialog
true
boolean
Randal Bogan
Aglae Runolfsdottir
Porter Funk
1
false
boolean
true
Mrs. Emmanuelle Reynolds
Wellington Pfannerstill
1
boolean
false
additions removals
true
Myrtie Pollich
0
1
1
true
0
ascending
0
0
0
Kaitlyn Bradtke
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