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

Medium

Test data

select
#
variant
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
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-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-valuemax
aria-valuemin
aria-valuenow
aria-valuetext
Dino Sawayn
primary
Key
Rachelle Jacobi
Humberto Strosin
Tina Jerde
Dominic Stroman
Anika Tremblay
Katharina Powlowski
button
Celia Gerhold
Susanna Predovic
inherit
Mafalda Kirlin
Desmond Wyman
Dino Sawayn
Grover Green
Leif Mueller
Toy Wisozk
0
Colin Hackett
yes
Bart O'Conner
Miss Newton Daniel
Lindsey Wuckert
Vesta Connelly DVM
Madisen Schultz
Hunter Bruen Jr.
Ivy Quitzon
Jessy Powlowski
Mollie Green
Scottie Ebert
Tierra Gutkowski
Marcel Hand
#4c2c4d
Hubert Feil
Alize Kozey PhD
Cyril Hoppe
Gwen Ledner
0
Luigi Kemmer
Roberto Reilly
Maude Smith V
true
list
false
mixed
1
0
0
Newton Pagac
date
Ernest Simonis
Lexi Zemlak
true
Kari Stracke
false
Dr. Hans Graham
false
boolean
boolean
Rigoberto Bosco
Dejah Kulas
Mariano Nitzsche
0
assertive
boolean
boolean
boolean
Ms. Felicia Kuhlman
Amelia Kessler
0
mixed
false
text additions
false
Scarlett Balistreri
0
0
0
false
0
1
0
0
Onie Gaylord
Rafaela VonRueden
danger
null
May Wehner
Laverne Kihn
Sadie Gulgowski
Arielle Torphy
Irwin Schimmel I
Vivian Brown
submit
Madeline Klocko
Kathryne Windler
inherit
Juana Grimes
Ms. Roxane Waters
Rafaela VonRueden
Easton Heathcote
Verla Keebler
Dr. Emilio Marks
0
Terrance Renner MD
no
Zachery Altenwerth
Hal Ward
Dr. Toni Mayert
Norbert Crona
Ike Kuvalis
Emerson Gottlieb
Elmore Nikolaus I
Elenora Bergnaum
Daija Crooks
Kaela Huel
Brock Sauer
Sasha Grady
#4c6a64
Cheyanne Reinger
Shyann Robel Jr.
Clare Hudson
Dayne Effertz
0
Dr. Maeve Waelchi
Wade Kuhn
Mariane Bayer DVM
boolean
list
true
true
0
1
1
Jane Jast
date
Carmela Murphy
Giovani Powlowski
true
Nathen Howe
boolean
Vaughn Hammes
boolean
false
spelling
Mr. Darryl Nader
Bria Macejkovic
Arnulfo Armstrong II
0
polite
false
true
true
Rose Weber
Camille Kub
0
false
true
removals text
true
Elvera McKenzie
1
1
0
boolean
1
1
0
0
Winnifred Rempel
Paige Kiehn
primary
Key
Lela Mraz
Dr. Kevon Mills
Gayle Ritchie
Esteban Reichel
Dariana Lind
Ms. Filomena Morissette
submit
Cristobal Graham
Willard Osinski
Booleanish
Joan Barrows I
Mellie Nolan
Paige Kiehn
Clement Terry
Reese Leannon
Benjamin McCullough
1
Maurice Considine
yes
Emmalee Bernhard
Arden Gerlach
Ms. Ezequiel Jacobs
Mr. Leif Abbott
Miss Jonas Cole
Catherine Zieme
Chyna Bosco Sr.
Rhett O'Keefe
Miss Anissa Okuneva
Omer Kemmer Jr.
Leone Smitham
Arjun Gorczany
#575b79
Vivien Hartmann
Eliezer Carter
Otha Smitham
Dessie Okuneva
1
Mitchel Heidenreich
Leonor Keeling
Lane Purdy
true
both
true
mixed
0
0
0
Bette Heller
time
Layne Hermann
Sven Hagenes
true
Dr. Alivia Greenfelder
false
Jayce Larkin
listbox
true
true
Mr. Laurie Wunsch
Tess Reinger PhD
Cordell Lemke
0
assertive
boolean
true
false
Mathew Parisian
Rosendo Jenkins
0
false
true
all
boolean
John Jakubowski
0
0
1
boolean
1
0
1
1
Deborah Osinski PhD
Elliott Koss
primary
Key
Chester Williamson
Idella Mertz
Esperanza Schoen
Brody Rice
Lyric Boehm
Andre Dibbert
submit
Ashley Runte
Dr. Trever Hilpert
Booleanish
Troy Runolfsson
Shemar Gerlach
Elliott Koss
Buford Konopelski
Genesis Grimes
Miss Samanta Kerluke
0
Nola Murazik
yes
Modesto Hintz
Andreanne Balistreri
Tracy Lockman
Sammy Thiel
Maxie Sipes
Nola Fisher
Amos Hayes
Meda Stiedemann
Joel Bartoletti
Noah Murphy
Larue Steuber IV
Tressie Klocko
#6a363d
Eugenia Zboncak
Kali Emmerich II
Zane Abernathy
Dr. Cathrine Gerhold
1
Gaston Keebler
Sharon Hagenes
Isaias Casper
boolean
inline
true
false
1
1
0
Mrs. Forrest Emard
boolean
Asha Bergnaum
Amy Franecki
false
Milton Thompson
true
Nya Hudson
dialog
boolean
grammar
Moses Grady
Dewitt Cummings
Jackson Kub DVM
1
off
boolean
boolean
boolean
Frieda Medhurst
Amanda Herman
1
false
boolean
additions removals
false
Marty Herman DVM
1
1
0
true
0
0
1
1
Jane Kautzer
Nigel Bergnaum I
success
null
Garrison Kohler
Mr. Elwyn Balistreri
Gerry Swaniawski
Ben O'Keefe II
Vivien Witting Jr.
Wayne Kemmer
submit
Roel Blick
Jarret Aufderhar
inherit
Hulda Rice
Declan Corkery
Nigel Bergnaum I
Neva Klocko
Dana Mertz
Annalise Labadie
0
Curtis Zemlak
no
Ramiro Bashirian
Sophia Breitenberg
Freddie Kuvalis DDS
Roman Kuhic
Mr. Paolo Wiegand
Myra Connelly
Walter Pacocha
Marjorie Weimann Sr.
Bernadine Waters
Shirley O'Reilly
Noemi Emard
Ignacio Shields
#137804
Ryleigh Thompson
Ms. Jodie Bosco
William Reilly
Alba Bednar
0
Flossie Hermiston
Garfield Mante
Moshe Bechtelar
true
inline
false
mixed
1
1
0
Melba Fadel
time
Kristian Casper
Lavon Goyette
false
Nelson O'Reilly
boolean
Melissa Towne
dialog
boolean
grammar
Marlon Buckridge
Lauretta Doyle
Gaston Daugherty
0
off
false
false
true
Michael Heaney
Jeanie Crist
1
mixed
true
additions removals
false
Anissa Lockman
1
1
0
false
0
1
1
0
Leopoldo Halvorson
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