[CORL-503] More stable CSS classNames (#2477)

* feat: add more css classnames

* fix: snapshots
This commit is contained in:
Vinh
2019-08-20 19:22:58 +00:00
committed by Wyatt Johnson
parent b9f9e9b2d4
commit f3e615a610
72 changed files with 1106 additions and 184 deletions
@@ -80,6 +80,8 @@ exports[`accepts valid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -187,6 +189,8 @@ exports[`checks for invalid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -297,6 +301,8 @@ exports[`renders addEmailAddress view 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -409,6 +415,8 @@ exports[`shows error when submitting empty form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -504,6 +512,8 @@ GraphQL request (4:3)
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -585,6 +595,8 @@ exports[`successfully sets email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -82,6 +82,8 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -194,6 +196,8 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -295,6 +299,8 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -392,6 +398,8 @@ GraphQL request (4:3)
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -475,6 +483,8 @@ we require users to create a password.
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -59,6 +59,8 @@ exports[`checks for invalid username 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -148,6 +150,8 @@ exports[`renders createUsername view 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -226,6 +230,8 @@ exports[`shows error when submitting empty form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -300,6 +306,8 @@ GraphQL request (4:3)
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -360,6 +368,8 @@ exports[`successfully sets username 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth"
data-color="primary"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -111,6 +111,8 @@ exports[`show restricted screen for commenters and staff 1`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -244,6 +246,8 @@ exports[`show restricted screen for commenters and staff 2`] = `
>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled"
data-color="primary"
data-variant="filled"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
@@ -97,6 +97,8 @@ exports[`accepts correct password 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -216,6 +218,8 @@ exports[`accepts valid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -348,6 +352,8 @@ exports[`checks for invalid email 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -531,6 +537,8 @@ exports[`renders sign in form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -677,6 +685,8 @@ exports[`shows error when submitting empty form 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}
@@ -790,6 +800,8 @@ exports[`shows server error 1`] = `
</div>
<button
className="BaseButton-root Button-root Button-sizeLarge Button-colorBrand Button-variantFilled Button-fullWidth"
data-color="brand"
data-variant="filled"
disabled={false}
onBlur={[Function]}
onFocus={[Function]}