wip #10516
validate.yml
on: push
Check concurrent runs
6s
Lint & Test
8m 29s
Annotations
10 errors
tests/browser/braid-design-system.test.ts > braid-design-system > bundler webpack > build > should generate the expected files:
tests/browser/braid-design-system.test.ts#L150
Error: Snapshot `braid-design-system > bundler webpack > build > should generate the expected files 1` mismatched
- Expected
+ Received
@@ -1,1961 +1,1961 @@
{
- "2-5e85940d0a687009caed.css": .yw2qws0 {
+ "2-e32433d9db755fcc2cb8.css": .e3vexq0 {
border: 0;
box-sizing: border-box;
font-size: 100%;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
-webkit-tap-highlight-color: transparent;
}
- .yw2qws1 {
+ .e3vexq1 {
display: block;
}
- .yw2qws2 {
+ .e3vexq2 {
line-height: 1;
}
- .yw2qws3 {
+ .e3vexq3 {
list-style: none;
}
- .yw2qws4 {
+ .e3vexq4 {
quotes: none;
}
- .yw2qws4:after,
- .yw2qws4:before {
+ .e3vexq4:after,
+ .e3vexq4:before {
content: "";
}
- .yw2qws5 {
+ .e3vexq5 {
border-collapse: collapse;
border-spacing: 0;
}
- .yw2qws6 {
+ .e3vexq6 {
-webkit-appearance: none;
appearance: none;
}
- .yw2qws7 {
+ .e3vexq7 {
background-color: transparent;
}
- .yw2qws8 {
- outline: var(--qhrpjv10) solid transparent;
+ .e3vexq8 {
+ outline: var(--mid7g910) solid transparent;
transition: outline-color 0.125s ease;
}
- .yw2qws8:focus-visible {
- outline-color: var(--qhrpjvm);
+ .e3vexq8:focus-visible {
+ outline-color: var(--mid7g9m);
}
- .yw2qwsa {
+ .e3vexqa {
color: inherit;
}
- .yw2qwsb:disabled {
+ .e3vexqb:disabled {
opacity: 1;
}
- .yw2qwsb::-ms-expand {
+ .e3vexqb::-ms-expand {
display: none;
}
- .yw2qwsd[type="number"] {
+ .e3vexqd[type="number"] {
-moz-appearance: textfield;
}
- .yw2qwsd[type="number"]::-webkit-inner-spin-button,
- .yw2qwsd[type="number"]::-webkit-outer-spin-button {
+ .e3vexqd[type="number"]::-webkit-inner-spin-button,
+ .e3vexqd[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
- .yw2qwsd::-ms-clear {
+ .e3vexqd::-ms-clear {
display: none;
}
- .yw2qwsd::-webkit-search-cancel-button {
+ .e3vexqd::-webkit-search-cancel-button {
-webkit-appearance: none;
}
- .yw2qwsg {
+ .e3vexqg {
color: inherit;
text-decoration: none;
}
- ._1hjdb9v0 {
+ ._192u5bn0 {
overflow: hidden;
}
- ._1hjdb9v1 {
+ ._192u5bn1 {
overflow: scroll;
}
- ._1hjdb9v2 {
+ ._192u5bn2 {
overflow: visible;
}
- ._1hjdb9v3 {
+ ._192u5bn3 {
overflow: auto;
}
- ._1hjdb9v4 {
+ ._192u5bn4 {
-webkit-user-select: none;
user-select: none;
}
- ._1hjdb9v5 {
+ ._192u5bn5 {
outline: none;
}
- ._1hjdb9v6 {
- outline: var(--qhrpjv10) solid transparent;
+ ._192u5bn6 {
+ outline: var(--mid7g910) solid transparent;
transition: outline-color 0.125s ease;
}
- ._1hjdb9v6:focus-visible {
- outline-color: var(--qhrpjvm);
+ ._192u5bn6:focus-visible {
+ outline-color: var(--mid7g9m);
}
- ._1hjdb9v7 {
+ ._192u5bn7 {
opacity: 0;
}
- ._1hjdb9v8 {
+ ._192u5bn8 {
z-index: 0;
}
- ._1hjdb9v9 {
+ ._192u5bn9 {
z-index: 1;
}
- ._1hjdb9va {
+ ._192u5bna {
z-index: 2;
}
- ._1hjdb9vb {
+ ._192u5bnb {
z-index: 90;
}
- ._1hjdb9vc {
+ ._192u5bnc {
z-index: 100;
}
- ._1hjdb9vd {
+ ._192u5bnd {
z-index: 200;
}
- ._1hjdb9ve {
+ ._192u5bne {
z-index: 290;
}
- ._1hjdb9vf {
+ ._192u5bnf {
z-index: 300;
}
- ._1hjdb9vg {
+ ._192u5bng {
z-index: 400;
}
- ._1hjdb9vh {
+ ._192u5bnh {
cursor: default;
}
- ._1hjdb9vi {
+ ._192u5bni {
cursor: pointer;
}
- ._1hjdb9vj {
+ ._192u5bnj {
pointer-events: none;
}
- ._1hjdb9vk {
+ ._192u5bnk {
top: 0;
}
- ._1hjdb9vl {
+ ._192u5bnl {
bottom: 0;
}
- ._1hjdb9vm {
+ ._192u5bnm {
left: 0;
}
- ._1hjdb9vn {
+ ._192u5bnn {
right: 0;
}
- ._1hjdb9vo {
+ ._192u5bno {
height: 100%;
}
- ._1hjdb9vp {
- height: var(--qhrpjv9);
+ ._192u5bnp {
+ height: var(--mid7g99);
}
- ._1hjdb9vq {
+ ._192u5bnq {
width: 100%;
}
- ._1hjdb9vr {
- width: var(--qhrpjv9);
+ ._192u5bnr {
+ width: var(--mid7g99);
}
- ._1hjdb9vs {
+ ._192u5bns {
min-width: 0;
}
- ._1hjdb9vt {
- max-width: var(--qhrpjv11);
+ ._192u5bnt {
+ max-width: var(--mid7g911);
}
- ._1hjdb9vu {
- max-width: var(--qh
|
tests/browser/braid-design-system.test.ts > braid-design-system > bundler webpack > build > should return built seekAnz site:
tests/browser/braid-design-system.test.ts#L144
Error: Snapshot `braid-design-system > bundler webpack > build > should return built seekAnz site 1` mismatched
- Expected
+ Received
@@ -14,11 +14,11 @@
content="width=device-width, initial-scale=1"
>
<link
data-chunk="main"
rel="stylesheet"
- href="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/2-5e85940d0a687009caed.css"
+ href="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/2-e32433d9db755fcc2cb8.css"
>
<link
data-chunk="main"
rel="preload"
as="script"
@@ -36,136 +36,136 @@
</head>
<body>
<div id="app">
<style type="text/css">
html,body{margin:0;padding:0;background:#fff}
- html._1hjdb9v11,html._1hjdb9v11 body{color-scheme:dark;background:#1C2330}
+ html._192u5bn11,html._192u5bn11 body{color-scheme:dark;background:#1C2330}
</style>
- <div class="_1fmskxf0 co4djb10 co4djb13">
- <span class="yw2qws0 _1hjdb9v50 co4djb0 co4djb1 co4djb1t co4djb8 _1lwixuj4">
+ <div class="igptms0 _1nhuj6710 _1nhuj6713">
+ <span class="e3vexq0 _192u5bn50 _1nhuj670 _1nhuj671 _1nhuj671t _1nhuj678 _1lwixuj4">
Hello
seekAnz
- <span class="yw2qws0 _1hjdb9v58">
+ <span class="e3vexq0 _192u5bn58">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
xml:space="preserve"
focusable="false"
fill="currentColor"
width="16"
height="16"
- class="yw2qws0 v2pdba0 _1hjdb9v58 _1hjdb9v5g _1ltfiyk0 _1ltfiyk2 _1ltfiyk3 _1ltfiyk4"
+ class="e3vexq0 w4c4ko0 _192u5bn58 _192u5bn5g jdu49p0 jdu49p2 jdu49p3 jdu49p4"
aria-hidden="true"
>
<path d="M20.7 7.3c-.4-.4-1-.4-1.4 0L12 14.6 4.7 7.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l8 8c.2.2.5.3.7.3s.5-.1.7-.3l8-8c.4-.4.4-1 0-1.4z">
</path>
</svg>
</span>
</span>
- <div class="yw2qws0 _1hjdb9v8s _1hjdb9v7o _1hjdb9vb0 _1hjdb9v9w _1hjdb9v5g _1hjdb9v6c _1hjdb9vic _1hjdb9v4k _1hjdb9v4d co4djb10 co4djb13 _1hjdb9v34 _1hjdb9v37">
+ <div class="e3vexq0 _192u5bn8s _192u5bn7o _192u5bnb0 _192u5bn9w _192u5bn5g _192u5bn6c _192u5bnic _192u5bn4k _192u5bn4d _1nhuj6710 _1nhuj6713 _192u5bn34 _192u5bn37">
- <div class="yw2qws0 _1hjdb9v5g">
+ <div class="e3vexq0 _192u5bn5g">
- <div class="yw2qws0 _1hjdb9v5c _1hjdb9vic">
+ <div class="e3vexq0 _192u5bn5c _192u5bnic">
<input
- class="yw2qws0 yw2qws1 yw2qws6 yw2qws7 yw2qws8 yw2qwsd _1hjdb9v5k _1hjdb9v9 _1hjdb9vi _1hjdb9v7 _1b4ltjx4 _1b4ltjx2"
+ class="e3vexq0 e3vexq1 e3vexq6 e3vexq7 e3vexq8 e3vexqd _192u5bn5k _192u5bn9 _192u5bni _192u5bn7 _19xbe8t4 _19xbe8t2"
type="checkbox"
id="id_1"
aria-checked="false"
>
- <div class="yw2qws0 _1hjdb9vi0 _1hjdb9v5g _1hjdb9v68 _1b4ltjx5 _1b4ltjx2 co4djb10 _1hjdb9v34">
- <span class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vj _1hjdb9v68 _1hjdb9vy _1hjdb9v7 _1b4ltjx9 co4djb11 co4djb13 _1hjdb9v22 _1hjdb9v23">
- <div class="yw2qws0 _1hjdb9vo _1hjdb9vy _1hjdb9v5g _1b4ltjxc _1b4ltjxe">
- <div class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vy _1hjdb9v7">
+ <div class="e3vexq0 _192u5bni0 _192u5bn5g _192u5bn68 _19xbe8t5 _19xbe8t2 _1nhuj6710 _192u5bn34">
+ <span class="e3vexq0 _192u5bnk _192u5bnl _192u5bnm _192u5bnn _192u5bn5k _192u5bnj _192u5bn68 _192u5bny _192u5bn7 _19xbe8t9 _1nhuj6711 _1nhuj6713 _192u5bn22 _192u5bn23">
+ <div class="e3vexq0 _192u5bno _192u5bny _192u5bn5g _19xbe8tc _19xbe8te">
+ <div class="e3vexq0 _192u5bnk _192u5bnl _192u5bnm _192u5bnn _192u5bn5k _192u5bny _192u5bn7">
<svg
xmlns="http://www.w3.org/2000/s
|
tests/browser/braid-design-system.test.ts > braid-design-system > bundler webpack > build > should return built jobStreet site:
tests/browser/braid-design-system.test.ts#L134
Error: Snapshot `braid-design-system > bundler webpack > build > should return built jobStreet site 1` mismatched
- Expected
+ Received
@@ -14,11 +14,11 @@
content="width=device-width, initial-scale=1"
>
<link
data-chunk="main"
rel="stylesheet"
- href="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/2-5e85940d0a687009caed.css"
+ href="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/2-e32433d9db755fcc2cb8.css"
>
<link
data-chunk="main"
rel="preload"
as="script"
@@ -36,136 +36,136 @@
</head>
<body>
<div id="app">
<style type="text/css">
html,body{margin:0;padding:0;background:#fff}
- html._1hjdb9v11,html._1hjdb9v11 body{color-scheme:dark;background:#1C2330}
+ html._192u5bn11,html._192u5bn11 body{color-scheme:dark;background:#1C2330}
</style>
- <div class="_1fmskxf0 co4djb10 co4djb13">
- <span class="yw2qws0 _1hjdb9v50 co4djb0 co4djb1 co4djb1t co4djb8 _1lwixuj4">
+ <div class="igptms0 _1nhuj6710 _1nhuj6713">
+ <span class="e3vexq0 _192u5bn50 _1nhuj670 _1nhuj671 _1nhuj671t _1nhuj678 _1lwixuj4">
Hello
jobStreet
- <span class="yw2qws0 _1hjdb9v58">
+ <span class="e3vexq0 _192u5bn58">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
xml:space="preserve"
focusable="false"
fill="currentColor"
width="16"
height="16"
- class="yw2qws0 v2pdba0 _1hjdb9v58 _1hjdb9v5g _1ltfiyk0 _1ltfiyk2 _1ltfiyk3 _1ltfiyk4"
+ class="e3vexq0 w4c4ko0 _192u5bn58 _192u5bn5g jdu49p0 jdu49p2 jdu49p3 jdu49p4"
aria-hidden="true"
>
<path d="M20.7 7.3c-.4-.4-1-.4-1.4 0L12 14.6 4.7 7.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l8 8c.2.2.5.3.7.3s.5-.1.7-.3l8-8c.4-.4.4-1 0-1.4z">
</path>
</svg>
</span>
</span>
- <div class="yw2qws0 _1hjdb9v8s _1hjdb9v7o _1hjdb9vb0 _1hjdb9v9w _1hjdb9v5g _1hjdb9v6c _1hjdb9vic _1hjdb9v4k _1hjdb9v4d co4djb10 co4djb13 _1hjdb9v34 _1hjdb9v37">
+ <div class="e3vexq0 _192u5bn8s _192u5bn7o _192u5bnb0 _192u5bn9w _192u5bn5g _192u5bn6c _192u5bnic _192u5bn4k _192u5bn4d _1nhuj6710 _1nhuj6713 _192u5bn34 _192u5bn37">
- <div class="yw2qws0 _1hjdb9v5g">
+ <div class="e3vexq0 _192u5bn5g">
- <div class="yw2qws0 _1hjdb9v5c _1hjdb9vic">
+ <div class="e3vexq0 _192u5bn5c _192u5bnic">
<input
- class="yw2qws0 yw2qws1 yw2qws6 yw2qws7 yw2qws8 yw2qwsd _1hjdb9v5k _1hjdb9v9 _1hjdb9vi _1hjdb9v7 _1b4ltjx4 _1b4ltjx2"
+ class="e3vexq0 e3vexq1 e3vexq6 e3vexq7 e3vexq8 e3vexqd _192u5bn5k _192u5bn9 _192u5bni _192u5bn7 _19xbe8t4 _19xbe8t2"
type="checkbox"
id="id_1"
aria-checked="false"
>
- <div class="yw2qws0 _1hjdb9vi0 _1hjdb9v5g _1hjdb9v68 _1b4ltjx5 _1b4ltjx2 co4djb10 _1hjdb9v34">
- <span class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vj _1hjdb9v68 _1hjdb9vy _1hjdb9v7 _1b4ltjx9 co4djb11 co4djb13 _1hjdb9v22 _1hjdb9v23">
- <div class="yw2qws0 _1hjdb9vo _1hjdb9vy _1hjdb9v5g _1b4ltjxc _1b4ltjxe">
- <div class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vy _1hjdb9v7">
+ <div class="e3vexq0 _192u5bni0 _192u5bn5g _192u5bn68 _19xbe8t5 _19xbe8t2 _1nhuj6710 _192u5bn34">
+ <span class="e3vexq0 _192u5bnk _192u5bnl _192u5bnm _192u5bnn _192u5bn5k _192u5bnj _192u5bn68 _192u5bny _192u5bn7 _19xbe8t9 _1nhuj6711 _1nhuj6713 _192u5bn22 _192u5bn23">
+ <div class="e3vexq0 _192u5bno _192u5bny _192u5bn5g _19xbe8tc _19xbe8te">
+ <div class="e3vexq0 _192u5bnk _192u5bnl _192u5bnm _192u5bnn _192u5bn5k _192u5bny _192u5bn7">
<svg
xmlns="http://www.w3.org/20
|
tests/browser/braid-design-system.test.ts > braid-design-system > bundler webpack > start > should return development jobStreet site:
tests/browser/braid-design-system.test.ts#L100
Error: Snapshot `braid-design-system > bundler webpack > start > should return development jobStreet site 1` mismatched
- Expected
+ Received
@@ -42,136 +42,136 @@
</head>
<body>
<div id="app">
<style type="text/css">
html,body{margin:0;padding:0;background:#fff}
- html.sprinkles_darkMode__1hjdb9v11,html.sprinkles_darkMode__1hjdb9v11 body{color-scheme:dark;background:#1C2330}
+ html.sprinkles_darkMode__192u5bn11,html.sprinkles_darkMode__192u5bn11 body{color-scheme:dark;background:#1C2330}
</style>
- <div class="seekJobs_seekJobs__1fmskxf0 typography_lightModeTone_light__co4djb10 typography_darkModeTone_dark__co4djb13">
+ <div class="seekJobs_seekJobs__igptms0 typography_lightModeTone_light__1nhuj6710 typography_darkModeTone_dark__1nhuj6713">
- <span class="reset_base__yw2qws0 sprinkles_display_block_mobile__1hjdb9v50 typography_fontFamily__co4djb0 typography_fontWeight_regular__co4djb1 typography_tone_neutral__co4djb1t typography_textSize_standard__co4djb8 capsize_capsizeStyle__1lwixuj4">
+ <span class="reset_base__e3vexq0 sprinkles_display_block_mobile__192u5bn50 typography_fontFamily__1nhuj670 typography_fontWeight_regular__1nhuj671 typography_tone_neutral__1nhuj671t typography_textSize_standard__1nhuj678 capsize_capsizeStyle__1lwixuj4">
Hello
jobStreet
- <span class="reset_base__yw2qws0 sprinkles_display_inlineBlock_mobile__1hjdb9v58">
+ <span class="reset_base__e3vexq0 sprinkles_display_inlineBlock_mobile__192u5bn58">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
xml:space="preserve"
focusable="false"
fill="currentColor"
width="16"
height="16"
- class="reset_base__yw2qws0 IconChevron_root__v2pdba0 sprinkles_display_inlineBlock_mobile__1hjdb9v58 sprinkles_position_relative_mobile__1hjdb9v5g icon_size__1ltfiyk0 icon_inlineCrop__1ltfiyk2 icon_inline__1ltfiyk3 icon_alignY_uppercase_none__1ltfiyk4"
+ class="reset_base__e3vexq0 IconChevron_root__w4c4ko0 sprinkles_display_inlineBlock_mobile__192u5bn58 sprinkles_position_relative_mobile__192u5bn5g icon_size__jdu49p0 icon_inlineCrop__jdu49p2 icon_inline__jdu49p3 icon_alignY_uppercase_none__jdu49p4"
aria-hidden="true"
>
<path d="M20.7 7.3c-.4-.4-1-.4-1.4 0L12 14.6 4.7 7.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l8 8c.2.2.5.3.7.3s.5-.1.7-.3l8-8c.4-.4.4-1 0-1.4z">
</path>
</svg>
</span>
</span>
- <div class="reset_base__yw2qws0 sprinkles_paddingBottom_gutter_mobile__1hjdb9v8s sprinkles_paddingTop_gutter_mobile__1hjdb9v7o sprinkles_paddingLeft_gutter_mobile__1hjdb9vb0 sprinkles_paddingRight_gutter_mobile__1hjdb9v9w sprinkles_position_relative_mobile__1hjdb9v5g sprinkles_borderRadius_large_mobile__1hjdb9v6c sprinkles_textAlign_left_mobile__1hjdb9vic sprinkles_boxShadow_borderNeutralLight_lightMode__1hjdb9v4k sprinkles_boxShadow_borderNeutral_darkMode__1hjdb9v4d typography_lightModeTone_light__co4djb10 typography_darkModeTone_dark__co4djb13 sprinkles_background_surface_lightMode__1hjdb9v34 sprinkles_background_surfaceDark_darkMode__1hjdb9v37">
+ <div class="reset_base__e3vexq0 sprinkles_paddingBottom_gutter_mobile__192u5bn8s sprinkles_paddingTop_gutter_mobile__192u5bn7o sprinkles_paddingLeft_gutter_mobile__192u5bnb0 sprinkles_paddingRight_gutter_mobile__192u5bn9w sprinkles_position_relative_mobile__192u5bn5g sprinkles_borderRadius_large_mobile__192u5bn6c sprinkles_textAlign_left_mobile__192u5bnic sprinkles_boxShadow_borderNeutralLight_lightMode__192u5bn4k sprinkles_boxShadow_borderNeutral_darkMode__192u5bn4d typography_lightModeTone_light__1nhuj6710 typography_darkModeTone_dark__1nhuj6713 sprinkles_background_surface_lightMode__192u5bn34 sprinkles_background_surfaceDark_darkMode__192u5bn37">
- <div class="reset_base__yw2qws0 sprinkles_
|
tests/browser/braid-design-system.test.ts > braid-design-system > bundler webpack > start > should return development seekAnz site:
tests/browser/braid-design-system.test.ts#L87
Error: Snapshot `braid-design-system > bundler webpack > start > should return development seekAnz site 1` mismatched
- Expected
+ Received
@@ -42,136 +42,136 @@
</head>
<body>
<div id="app">
<style type="text/css">
html,body{margin:0;padding:0;background:#fff}
- html.sprinkles_darkMode__1hjdb9v11,html.sprinkles_darkMode__1hjdb9v11 body{color-scheme:dark;background:#1C2330}
+ html.sprinkles_darkMode__192u5bn11,html.sprinkles_darkMode__192u5bn11 body{color-scheme:dark;background:#1C2330}
</style>
- <div class="seekJobs_seekJobs__1fmskxf0 typography_lightModeTone_light__co4djb10 typography_darkModeTone_dark__co4djb13">
+ <div class="seekJobs_seekJobs__igptms0 typography_lightModeTone_light__1nhuj6710 typography_darkModeTone_dark__1nhuj6713">
- <span class="reset_base__yw2qws0 sprinkles_display_block_mobile__1hjdb9v50 typography_fontFamily__co4djb0 typography_fontWeight_regular__co4djb1 typography_tone_neutral__co4djb1t typography_textSize_standard__co4djb8 capsize_capsizeStyle__1lwixuj4">
+ <span class="reset_base__e3vexq0 sprinkles_display_block_mobile__192u5bn50 typography_fontFamily__1nhuj670 typography_fontWeight_regular__1nhuj671 typography_tone_neutral__1nhuj671t typography_textSize_standard__1nhuj678 capsize_capsizeStyle__1lwixuj4">
Hello
seekAnz
- <span class="reset_base__yw2qws0 sprinkles_display_inlineBlock_mobile__1hjdb9v58">
+ <span class="reset_base__e3vexq0 sprinkles_display_inlineBlock_mobile__192u5bn58">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
xml:space="preserve"
focusable="false"
fill="currentColor"
width="16"
height="16"
- class="reset_base__yw2qws0 IconChevron_root__v2pdba0 sprinkles_display_inlineBlock_mobile__1hjdb9v58 sprinkles_position_relative_mobile__1hjdb9v5g icon_size__1ltfiyk0 icon_inlineCrop__1ltfiyk2 icon_inline__1ltfiyk3 icon_alignY_uppercase_none__1ltfiyk4"
+ class="reset_base__e3vexq0 IconChevron_root__w4c4ko0 sprinkles_display_inlineBlock_mobile__192u5bn58 sprinkles_position_relative_mobile__192u5bn5g icon_size__jdu49p0 icon_inlineCrop__jdu49p2 icon_inline__jdu49p3 icon_alignY_uppercase_none__jdu49p4"
aria-hidden="true"
>
<path d="M20.7 7.3c-.4-.4-1-.4-1.4 0L12 14.6 4.7 7.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l8 8c.2.2.5.3.7.3s.5-.1.7-.3l8-8c.4-.4.4-1 0-1.4z">
</path>
</svg>
</span>
</span>
- <div class="reset_base__yw2qws0 sprinkles_paddingBottom_gutter_mobile__1hjdb9v8s sprinkles_paddingTop_gutter_mobile__1hjdb9v7o sprinkles_paddingLeft_gutter_mobile__1hjdb9vb0 sprinkles_paddingRight_gutter_mobile__1hjdb9v9w sprinkles_position_relative_mobile__1hjdb9v5g sprinkles_borderRadius_large_mobile__1hjdb9v6c sprinkles_textAlign_left_mobile__1hjdb9vic sprinkles_boxShadow_borderNeutralLight_lightMode__1hjdb9v4k sprinkles_boxShadow_borderNeutral_darkMode__1hjdb9v4d typography_lightModeTone_light__co4djb10 typography_darkModeTone_dark__co4djb13 sprinkles_background_surface_lightMode__1hjdb9v34 sprinkles_background_surfaceDark_darkMode__1hjdb9v37">
+ <div class="reset_base__e3vexq0 sprinkles_paddingBottom_gutter_mobile__192u5bn8s sprinkles_paddingTop_gutter_mobile__192u5bn7o sprinkles_paddingLeft_gutter_mobile__192u5bnb0 sprinkles_paddingRight_gutter_mobile__192u5bn9w sprinkles_position_relative_mobile__192u5bn5g sprinkles_borderRadius_large_mobile__192u5bn6c sprinkles_textAlign_left_mobile__192u5bnic sprinkles_boxShadow_borderNeutralLight_lightMode__192u5bn4k sprinkles_boxShadow_borderNeutral_darkMode__192u5bn4d typography_lightModeTone_light__1nhuj6710 typography_darkModeTone_dark__1nhuj6713 sprinkles_background_surface_lightMode__192u5bn34 sprinkles_background_surfaceDark_darkMode__192u5bn37">
- <div class="reset_base__yw2qws0 sprinkles_posi
|
tests/browser/braid-design-system.test.ts > braid-design-system > bundler vite > build > should generate the expected files:
tests/browser/braid-design-system.test.ts#L150
Error: Snapshot `braid-design-system > bundler vite > build > should generate the expected files 1` mismatched
- Expected
+ Received
@@ -15,12 +15,12 @@
</script>
</head>
<body>
<div id="app"><style type="text/css">
html,body{margin:0;padding:0;background:#fff}
- html._1hjdb9v11,html._1hjdb9v11 body{color-scheme:dark;background:#1C2330}
- </style><div class="_1fmskxf0 co4djb10 co4djb13"><span class="yw2qws0 _1hjdb9v50 co4djb0 co4djb1 co4djb1t co4djb9 co4djb8 _1lwixuj4">Hello <!-- -->jobStreet<!-- --> <span class="yw2qws0 _1hjdb9v58"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve" focusable="false" fill="currentColor" width="16" height="16" class="yw2qws0 v2pdba0 _1hjdb9v58 _1hjdb9v5g _1ltfiyk0 _1ltfiyk2 _1ltfiyk3 _1ltfiyk4" aria-hidden="true"><path d="M20.7 7.3c-.4-.4-1-.4-1.4 0L12 14.6 4.7 7.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l8 8c.2.2.5.3.7.3s.5-.1.7-.3l8-8c.4-.4.4-1 0-1.4z"></path></svg></span></span><div class="yw2qws0 _1hjdb9v8s _1hjdb9v7o _1hjdb9vb0 _1hjdb9v9w _1hjdb9v5g _1hjdb9v6c _1hjdb9vic _1hjdb9v4k _1hjdb9v4d co4djb10 co4djb13 _1hjdb9v34 _1hjdb9v37"><div class="yw2qws0 _1hjdb9v5g"><div class="yw2qws0 _1hjdb9v5c _1hjdb9vic"><input class="yw2qws0 yw2qwse yw2qws9 yw2qws1 yw2qws6 yw2qws7 yw2qws8 yw2qwsd _1hjdb9v5k _1hjdb9v9 _1hjdb9vi _1hjdb9v7 _1b4ltjx4 _1b4ltjx2" type="checkbox" id="id_1" aria-checked="false"/><div class="yw2qws0 _1hjdb9vi0 _1hjdb9v5g _1hjdb9v68 _1b4ltjx5 _1b4ltjx2 co4djb10 _1hjdb9v34"><span class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vj _1hjdb9v68 _1hjdb9vy _1hjdb9v7 _1b4ltjx9 co4djb11 co4djb13 _1hjdb9v22 _1hjdb9v23"><div class="yw2qws0 _1hjdb9vo _1hjdb9vy _1hjdb9v5g _1b4ltjxc _1b4ltjxe"><div class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vy _1hjdb9v7"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve" focusable="false" fill="currentColor" width="16" height="16" class="yw2qws0 _1hjdb9vq _1hjdb9vo _1hjdb9v50 co4djb1t" aria-hidden="true"><path d="M18 11H6c-.6 0-1 .4-1 1s.4 1 1 1h12c.6 0 1-.4 1-1s-.4-1-1-1z"></path></svg></div><div class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vy _1hjdb9v7"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve" focusable="false" fill="currentColor" width="16" height="16" class="yw2qws0 _1hjdb9vq _1hjdb9vo _1hjdb9v50 co4djb1t" aria-hidden="true"><path d="M19.7 6.3c-.4-.4-1-.4-1.4 0L9 15.6l-3.3-3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4 4c.2.2.4.3.7.3s.5-.1.7-.3l10-10c.4-.4.4-1 0-1.4z"></path></svg></div></div></span><span class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vj _1hjdb9v68 _1hjdb9vy _1hjdb9v3y _1hjdb9v3z"></span><span class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vj _1hjdb9v68 _1hjdb9vy _1hjdb9v7 _1hjdb9v3q _1hjdb9v3v"></span><span class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vj _1hjdb9v68 _1hjdb9vy _1hjdb9v7 _1b4ltjxb _1hjdb9v40 _1hjdb9v45"><div class="yw2qws0 _1hjdb9vo _1hjdb9vy _1hjdb9v5g _1b4ltjxc _1b4ltjxe"><div class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vy _1hjdb9v7"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve" focusable="false" fill="currentColor" width="16" height="16" class="yw2qws0 _1hjdb9vq _1hjdb9vo _1hjdb9v50 co4djb1s" aria-hidden="true"><path d="M18 11H6c-.6 0-1 .4-1 1s.4 1 1 1h12c.6 0 1-.4 1-1s-.4-1-1-1z"></path></svg></div><div class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vy"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" xml:space="preserve" focusable="false" fill="currentColor" width="16" height="16" class="yw2qws0 _1hjdb9vq _1hjdb9vo _1hjdb9v50 co4djb1s" aria-hidden="true"><path d="M19.7 6.3c-.4-.4-1-.4-1.4 0L9 15.6l-3.3-3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4 4c.2.2.4.3.7.3s.5-.1.7-.3l10-10c.4-.4.4-1 0-1.4z"></path></svg></div></div></span></div><div class="yw2qws0 _1hjdb9vb8 _1hjdb9vi8"><div class="yw2qws0 _1hjdb9v5c _1b4ltjx
|
tests/browser/braid-design-system.test.ts > braid-design-system > bundler vite > build > should return built seekAnz site:
tests/browser/braid-design-system.test.ts#L144
Error: Snapshot `braid-design-system > bundler vite > build > should return built seekAnz site 1` mismatched
- Expected
+ Received
@@ -29,136 +29,136 @@
</head>
<body>
<div id="app">
<style type="text/css">
html,body{margin:0;padding:0;background:#fff}
- html._1hjdb9v11,html._1hjdb9v11 body{color-scheme:dark;background:#1C2330}
+ html._192u5bn11,html._192u5bn11 body{color-scheme:dark;background:#1C2330}
</style>
- <div class="_1fmskxf0 co4djb10 co4djb13">
- <span class="yw2qws0 _1hjdb9v50 co4djb0 co4djb1 co4djb1t co4djb9 co4djb8 _1lwixuj4">
+ <div class="igptms0 _1nhuj6710 _1nhuj6713">
+ <span class="e3vexq0 _192u5bn50 _1nhuj670 _1nhuj671 _1nhuj671t _1nhuj679 _1nhuj678 _1lwixuj4">
Hello
seekAnz
- <span class="yw2qws0 _1hjdb9v58">
+ <span class="e3vexq0 _192u5bn58">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
xml:space="preserve"
focusable="false"
fill="currentColor"
width="16"
height="16"
- class="yw2qws0 v2pdba0 _1hjdb9v58 _1hjdb9v5g _1ltfiyk0 _1ltfiyk2 _1ltfiyk3 _1ltfiyk4"
+ class="e3vexq0 w4c4ko0 _192u5bn58 _192u5bn5g jdu49p0 jdu49p2 jdu49p3 jdu49p4"
aria-hidden="true"
>
<path d="M20.7 7.3c-.4-.4-1-.4-1.4 0L12 14.6 4.7 7.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l8 8c.2.2.5.3.7.3s.5-.1.7-.3l8-8c.4-.4.4-1 0-1.4z">
</path>
</svg>
</span>
</span>
- <div class="yw2qws0 _1hjdb9v8s _1hjdb9v7o _1hjdb9vb0 _1hjdb9v9w _1hjdb9v5g _1hjdb9v6c _1hjdb9vic _1hjdb9v4k _1hjdb9v4d co4djb10 co4djb13 _1hjdb9v34 _1hjdb9v37">
+ <div class="e3vexq0 _192u5bn8s _192u5bn7o _192u5bnb0 _192u5bn9w _192u5bn5g _192u5bn6c _192u5bnic _192u5bn4k _192u5bn4d _1nhuj6710 _1nhuj6713 _192u5bn34 _192u5bn37">
- <div class="yw2qws0 _1hjdb9v5g">
+ <div class="e3vexq0 _192u5bn5g">
- <div class="yw2qws0 _1hjdb9v5c _1hjdb9vic">
+ <div class="e3vexq0 _192u5bn5c _192u5bnic">
<input
- class="yw2qws0 yw2qwse yw2qws9 yw2qws1 yw2qws6 yw2qws7 yw2qws8 yw2qwsd _1hjdb9v5k _1hjdb9v9 _1hjdb9vi _1hjdb9v7 _1b4ltjx4 _1b4ltjx2"
+ class="e3vexq0 e3vexqe e3vexq9 e3vexq1 e3vexq6 e3vexq7 e3vexq8 e3vexqd _192u5bn5k _192u5bn9 _192u5bni _192u5bn7 _19xbe8t4 _19xbe8t2"
type="checkbox"
id="id_1"
aria-checked="false"
>
- <div class="yw2qws0 _1hjdb9vi0 _1hjdb9v5g _1hjdb9v68 _1b4ltjx5 _1b4ltjx2 co4djb10 _1hjdb9v34">
- <span class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vj _1hjdb9v68 _1hjdb9vy _1hjdb9v7 _1b4ltjx9 co4djb11 co4djb13 _1hjdb9v22 _1hjdb9v23">
- <div class="yw2qws0 _1hjdb9vo _1hjdb9vy _1hjdb9v5g _1b4ltjxc _1b4ltjxe">
- <div class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vy _1hjdb9v7">
+ <div class="e3vexq0 _192u5bni0 _192u5bn5g _192u5bn68 _19xbe8t5 _19xbe8t2 _1nhuj6710 _192u5bn34">
+ <span class="e3vexq0 _192u5bnk _192u5bnl _192u5bnm _192u5bnn _192u5bn5k _192u5bnj _192u5bn68 _192u5bny _192u5bn7 _19xbe8t9 _1nhuj6711 _1nhuj6713 _192u5bn22 _192u5bn23">
+ <div class="e3vexq0 _192u5bno _192u5bny _192u5bn5g _19xbe8tc _19xbe8te">
+ <div class="e3vexq0 _192u5bnk _192u5bnl _192u5bnm _192u5bnn _192u5bn5k _192u5bny _192u5bn7">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
xml:space="preserve"
focusable="false"
fill="currentColor"
width="16"
height="16"
-
|
tests/browser/braid-design-system.test.ts > braid-design-system > bundler vite > build > should return built jobStreet site:
tests/browser/braid-design-system.test.ts#L134
Error: Snapshot `braid-design-system > bundler vite > build > should return built jobStreet site 1` mismatched
- Expected
+ Received
@@ -29,136 +29,136 @@
</head>
<body>
<div id="app">
<style type="text/css">
html,body{margin:0;padding:0;background:#fff}
- html._1hjdb9v11,html._1hjdb9v11 body{color-scheme:dark;background:#1C2330}
+ html._192u5bn11,html._192u5bn11 body{color-scheme:dark;background:#1C2330}
</style>
- <div class="_1fmskxf0 co4djb10 co4djb13">
- <span class="yw2qws0 _1hjdb9v50 co4djb0 co4djb1 co4djb1t co4djb9 co4djb8 _1lwixuj4">
+ <div class="igptms0 _1nhuj6710 _1nhuj6713">
+ <span class="e3vexq0 _192u5bn50 _1nhuj670 _1nhuj671 _1nhuj671t _1nhuj679 _1nhuj678 _1lwixuj4">
Hello
jobStreet
- <span class="yw2qws0 _1hjdb9v58">
+ <span class="e3vexq0 _192u5bn58">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
xml:space="preserve"
focusable="false"
fill="currentColor"
width="16"
height="16"
- class="yw2qws0 v2pdba0 _1hjdb9v58 _1hjdb9v5g _1ltfiyk0 _1ltfiyk2 _1ltfiyk3 _1ltfiyk4"
+ class="e3vexq0 w4c4ko0 _192u5bn58 _192u5bn5g jdu49p0 jdu49p2 jdu49p3 jdu49p4"
aria-hidden="true"
>
<path d="M20.7 7.3c-.4-.4-1-.4-1.4 0L12 14.6 4.7 7.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l8 8c.2.2.5.3.7.3s.5-.1.7-.3l8-8c.4-.4.4-1 0-1.4z">
</path>
</svg>
</span>
</span>
- <div class="yw2qws0 _1hjdb9v8s _1hjdb9v7o _1hjdb9vb0 _1hjdb9v9w _1hjdb9v5g _1hjdb9v6c _1hjdb9vic _1hjdb9v4k _1hjdb9v4d co4djb10 co4djb13 _1hjdb9v34 _1hjdb9v37">
+ <div class="e3vexq0 _192u5bn8s _192u5bn7o _192u5bnb0 _192u5bn9w _192u5bn5g _192u5bn6c _192u5bnic _192u5bn4k _192u5bn4d _1nhuj6710 _1nhuj6713 _192u5bn34 _192u5bn37">
- <div class="yw2qws0 _1hjdb9v5g">
+ <div class="e3vexq0 _192u5bn5g">
- <div class="yw2qws0 _1hjdb9v5c _1hjdb9vic">
+ <div class="e3vexq0 _192u5bn5c _192u5bnic">
<input
- class="yw2qws0 yw2qwse yw2qws9 yw2qws1 yw2qws6 yw2qws7 yw2qws8 yw2qwsd _1hjdb9v5k _1hjdb9v9 _1hjdb9vi _1hjdb9v7 _1b4ltjx4 _1b4ltjx2"
+ class="e3vexq0 e3vexqe e3vexq9 e3vexq1 e3vexq6 e3vexq7 e3vexq8 e3vexqd _192u5bn5k _192u5bn9 _192u5bni _192u5bn7 _19xbe8t4 _19xbe8t2"
type="checkbox"
id="id_1"
aria-checked="false"
>
- <div class="yw2qws0 _1hjdb9vi0 _1hjdb9v5g _1hjdb9v68 _1b4ltjx5 _1b4ltjx2 co4djb10 _1hjdb9v34">
- <span class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vj _1hjdb9v68 _1hjdb9vy _1hjdb9v7 _1b4ltjx9 co4djb11 co4djb13 _1hjdb9v22 _1hjdb9v23">
- <div class="yw2qws0 _1hjdb9vo _1hjdb9vy _1hjdb9v5g _1b4ltjxc _1b4ltjxe">
- <div class="yw2qws0 _1hjdb9vk _1hjdb9vl _1hjdb9vm _1hjdb9vn _1hjdb9v5k _1hjdb9vy _1hjdb9v7">
+ <div class="e3vexq0 _192u5bni0 _192u5bn5g _192u5bn68 _19xbe8t5 _19xbe8t2 _1nhuj6710 _192u5bn34">
+ <span class="e3vexq0 _192u5bnk _192u5bnl _192u5bnm _192u5bnn _192u5bn5k _192u5bnj _192u5bn68 _192u5bny _192u5bn7 _19xbe8t9 _1nhuj6711 _1nhuj6713 _192u5bn22 _192u5bn23">
+ <div class="e3vexq0 _192u5bno _192u5bny _192u5bn5g _19xbe8tc _19xbe8te">
+ <div class="e3vexq0 _192u5bnk _192u5bnl _192u5bnm _192u5bnn _192u5bn5k _192u5bny _192u5bn7">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
xml:space="preserve"
focusable="false"
fill="currentColor"
width="16"
height="16"
-
|
tests/browser/braid-design-system.test.ts > braid-design-system > bundler vite > start > should return development jobStreet site:
tests/browser/braid-design-system.test.ts#L100
Error: Snapshot `braid-design-system > bundler vite > start > should return development jobStreet site 1` mismatched
- Expected
+ Received
@@ -1,9 +1,9 @@
===================================================================
--- sourceHtml
+++ clientHtml
- @@ -1,198 +1,5021 @@
+ @@ -1,198 +1,5039 @@
<!DOCTYPE html>
<html>
<head>
<script type="module">
import { injectIntoGlobalHook } from "/@react-refresh";
@@ -60,2103 +60,2103 @@
+ </style>
+ <style
+ type="text/css"
+ data-vite-dev-id="{cwd}/node_modules/braid-design-system/dist/lib/css/reset/reset.css.mjs.vanilla.css"
+ >
- + .reset_base__yw2qws0 {
+ + .reset_base__e3vexq0 {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ box-sizing: border-box;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ -webkit-tap-highlight-color: transparent;
+}
- +.reset_block__yw2qws1 {
+ +.reset_block__e3vexq1 {
+ display: block;
+}
- +.reset_body__yw2qws2 {
+ +.reset_body__e3vexq2 {
+ line-height: 1;
+}
- +.reset_list__yw2qws3 {
+ +.reset_list__e3vexq3 {
+ list-style: none;
+}
- +.reset_quote__yw2qws4 {
+ +.reset_quote__e3vexq4 {
+ quotes: none;
+}
- +.reset_quote__yw2qws4:before, .reset_quote__yw2qws4:after {
+ +.reset_quote__e3vexq4:before, .reset_quote__e3vexq4:after {
+ content: '';
+}
- +.reset_table__yw2qws5 {
+ +.reset_table__e3vexq5 {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
- +.reset_appearance__yw2qws6 {
+ +.reset_appearance__e3vexq6 {
+ appearance: none;
+}
- +.reset_transparent__yw2qws7 {
+ +.reset_transparent__e3vexq7 {
+ background-color: transparent;
+}
- +.reset_focusVisible__yw2qws8 {
- + outline: var(--focusRingSize__qhrpjv10) solid transparent;
+ +.reset_focusVisible__e3vexq8 {
+ + outline: var(--focusRingSize__mid7g910) solid transparent;
+ transition: outline-color .125s ease;
+}
- +.reset_focusVisible__yw2qws8:focus-visible {
- + outline-color: var(--borderColor-focus__qhrpjvm);
+ +.reset_focusVisible__e3vexq8:focus-visible {
+ + outline-color: var(--borderColor-focus__mid7g9m);
+}
- +.reset_mark__yw2qwsa {
+ +.reset_mark__e3vexqa {
+ color: inherit;
+}
- +.reset_select__yw2qwsb:disabled {
+ +.reset_select__e3vexqb:disabled {
+ opacity: 1;
+}
- +.reset_select__yw2qwsb::-ms-expand {
+ +.reset_select__e3vexqb::-ms-expand {
+ display: none;
+}
- +.reset_input__yw2qwsd[type="number"] {
+ +.reset_input__e3vexqd[type="number"] {
+ -moz-appearance: textfield;
+}
- +.reset_input__yw2qwsd[type="number"]::-webkit-inner-spin-button,.reset_input__yw2qwsd[type="number"]::-webkit-outer-spin-button {
+ +.reset_input__e3vexqd[type="number"]::-webkit-inner-spin-button,.reset_input__e3vexqd[type="number"]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
- +.reset_input__yw2qwsd::-ms-clear {
+ +.reset_input__e3vexqd::-ms-clear {
+ display: none;
+}
- +.reset_input__yw2qwsd::-webkit-search-cancel-button {
+ +.reset_input__e3vexqd::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
- +.reset_a__yw2qwsg {
+ +.reset_a__e3vexqg {
+ text-decoration: none;
+ color: inherit;
+}
+ </style>
+ <style
+ type="text/css"
+ data-vite-dev-id="{cwd}/node_modules/braid-design-system/dist/lib/css/atoms/sprinkles.css.mjs.vanilla.css"
+ >
- + .sprinkles_overflow_hidden__1hjdb9v0 {
+ + .sprinkles_overflow_hidden__192u5bn0 {
+ overflow: hidden;
+}
- +.sprinkles_overflow_scroll__1hjdb9v1 {
+ +.sprinkles_overflow_scroll__192u5bn1 {
+ overflow: scroll;
+}
- +.sprinkles_overflow_visible__1hjdb9v2 {
+ +.sprinkles_overflow_visible__192u5bn2 {
+ overflow: visible;
+}
- +.sprinkles_overflow_auto__1hjdb9v3 {
+ +.sprinkles_overflow_auto__192u5bn3 {
+ overflow: auto;
+}
- +.sprinkles_userSelect_none__1hjdb9v4 {
+ +.sprinkles_userSelect_none__192u5bn4 {
+ user-select: none;
+}
- +.sprinkles_outline_none__1hjdb9v5 {
+ +.sprinkles_outline_none__192u5bn5 {
+ outline: none;
+}
- +.sprinkles_outline_focus__
|
tests/browser/braid-design-system.test.ts > braid-design-system > bundler vite > start > should return development seekAnz site:
tests/browser/braid-design-system.test.ts#L87
Error: Snapshot `braid-design-system > bundler vite > start > should return development seekAnz site 1` mismatched
- Expected
+ Received
@@ -1,9 +1,9 @@
===================================================================
--- sourceHtml
+++ clientHtml
- @@ -1,198 +1,5021 @@
+ @@ -1,198 +1,5039 @@
<!DOCTYPE html>
<html>
<head>
<script type="module">
import { injectIntoGlobalHook } from "/@react-refresh";
@@ -60,2103 +60,2103 @@
+ </style>
+ <style
+ type="text/css"
+ data-vite-dev-id="{cwd}/node_modules/braid-design-system/dist/lib/css/reset/reset.css.mjs.vanilla.css"
+ >
- + .reset_base__yw2qws0 {
+ + .reset_base__e3vexq0 {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ box-sizing: border-box;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ -webkit-tap-highlight-color: transparent;
+}
- +.reset_block__yw2qws1 {
+ +.reset_block__e3vexq1 {
+ display: block;
+}
- +.reset_body__yw2qws2 {
+ +.reset_body__e3vexq2 {
+ line-height: 1;
+}
- +.reset_list__yw2qws3 {
+ +.reset_list__e3vexq3 {
+ list-style: none;
+}
- +.reset_quote__yw2qws4 {
+ +.reset_quote__e3vexq4 {
+ quotes: none;
+}
- +.reset_quote__yw2qws4:before, .reset_quote__yw2qws4:after {
+ +.reset_quote__e3vexq4:before, .reset_quote__e3vexq4:after {
+ content: '';
+}
- +.reset_table__yw2qws5 {
+ +.reset_table__e3vexq5 {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
- +.reset_appearance__yw2qws6 {
+ +.reset_appearance__e3vexq6 {
+ appearance: none;
+}
- +.reset_transparent__yw2qws7 {
+ +.reset_transparent__e3vexq7 {
+ background-color: transparent;
+}
- +.reset_focusVisible__yw2qws8 {
- + outline: var(--focusRingSize__qhrpjv10) solid transparent;
+ +.reset_focusVisible__e3vexq8 {
+ + outline: var(--focusRingSize__mid7g910) solid transparent;
+ transition: outline-color .125s ease;
+}
- +.reset_focusVisible__yw2qws8:focus-visible {
- + outline-color: var(--borderColor-focus__qhrpjvm);
+ +.reset_focusVisible__e3vexq8:focus-visible {
+ + outline-color: var(--borderColor-focus__mid7g9m);
+}
- +.reset_mark__yw2qwsa {
+ +.reset_mark__e3vexqa {
+ color: inherit;
+}
- +.reset_select__yw2qwsb:disabled {
+ +.reset_select__e3vexqb:disabled {
+ opacity: 1;
+}
- +.reset_select__yw2qwsb::-ms-expand {
+ +.reset_select__e3vexqb::-ms-expand {
+ display: none;
+}
- +.reset_input__yw2qwsd[type="number"] {
+ +.reset_input__e3vexqd[type="number"] {
+ -moz-appearance: textfield;
+}
- +.reset_input__yw2qwsd[type="number"]::-webkit-inner-spin-button,.reset_input__yw2qwsd[type="number"]::-webkit-outer-spin-button {
+ +.reset_input__e3vexqd[type="number"]::-webkit-inner-spin-button,.reset_input__e3vexqd[type="number"]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
- +.reset_input__yw2qwsd::-ms-clear {
+ +.reset_input__e3vexqd::-ms-clear {
+ display: none;
+}
- +.reset_input__yw2qwsd::-webkit-search-cancel-button {
+ +.reset_input__e3vexqd::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
- +.reset_a__yw2qwsg {
+ +.reset_a__e3vexqg {
+ text-decoration: none;
+ color: inherit;
+}
+ </style>
+ <style
+ type="text/css"
+ data-vite-dev-id="{cwd}/node_modules/braid-design-system/dist/lib/css/atoms/sprinkles.css.mjs.vanilla.css"
+ >
- + .sprinkles_overflow_hidden__1hjdb9v0 {
+ + .sprinkles_overflow_hidden__192u5bn0 {
+ overflow: hidden;
+}
- +.sprinkles_overflow_scroll__1hjdb9v1 {
+ +.sprinkles_overflow_scroll__192u5bn1 {
+ overflow: scroll;
+}
- +.sprinkles_overflow_visible__1hjdb9v2 {
+ +.sprinkles_overflow_visible__192u5bn2 {
+ overflow: visible;
+}
- +.sprinkles_overflow_auto__1hjdb9v3 {
+ +.sprinkles_overflow_auto__192u5bn3 {
+ overflow: auto;
+}
- +.sprinkles_userSelect_none__1hjdb9v4 {
+ +.sprinkles_userSelect_none__192u5bn4 {
+ user-select: none;
+}
- +.sprinkles_outline_none__1hjdb9v5 {
+ +.sprinkles_outline_none__192u5bn5 {
+ outline: none;
+}
- +.sprinkles_outline_focus__1h
|