BannerCallout: VR Implementation Changes #17122
Annotations
2 errors and 1 warning
|
Run tests:
packages/gestalt-datepicker/src/DatePicker.jsdom.test.tsx#L164
Error: expect(received).toMatchSnapshot()
Snapshot name: `DatePicker Mobile Datepicker renders 1`
- Snapshot - 33
+ Received + 33
@@ -4,18 +4,18 @@
<div>
<div
class="_gestalt"
>
<label
- class="label__LTD block__kVc pointer__BG7"
+ class="LTD kVc BG7"
for="fake_id"
>
<div
- class="box__zI7 accessibilityOutline__iyn borderBox__Hsu marginBottom2__VxL"
+ class="VxL zI7 iyn Hsu"
>
<div
- class="default__X8m alignStart__zDA breakWord__IZT Text__tBJ antialiased__dyH sansSerif__iFc fontSize100__dR0 fontWeightNormal__swG"
+ class="X8m zDA IZT tBJ dyH iFc dR0 swG"
>
select
</div>
</div>
</label>
@@ -24,23 +24,23 @@
>
<div
class="react-datepicker__input-container"
>
<div
- class="box__zI7 accessibilityOutline__iyn borderBox__Hsu flexGrow__ujU relative__XiG xsCol12__xcv xsCol12__L4E xsDisplayFlex__Jea xsItemsCenter__KS5"
+ class="Jea KS5 XiG ujU xcv L4E zI7 iyn Hsu"
>
<div
- class="box__zI7 accessibilityOutline__iyn borderBox__Hsu flexGrow__ujU xsCol12__xcv xsCol12__L4E"
+ class="ujU xcv L4E zI7 iyn Hsu"
>
<span>
<div
- class="box__zI7 accessibilityOutline__iyn borderBox__Hsu relative__XiG"
+ class="XiG zI7 iyn Hsu"
>
<input
aria-invalid="false"
autocomplete="off"
- class="textField__D8X borderBox__Hsu Text__tBJ antialiased__dyH sansSerif__iFc xsCol12__L4E base__mbr accessibilityOutline__iyn enabled__fSK normal__Et3 borderColorLightGray__LJB lg__oVz large__xD4 lg__ybQ truncate__z-6"
+ class="D8X Hsu tBJ dyH iFc L4E mbr iyn fSK Et3 LJB oVz xD4 ybQ z-6"
id="fake_id"
inputmode="none"
type="text"
value="12/14/2018"
/>
@@ -49,22 +49,22 @@
</div>
<div
class="calendarIcon"
>
<div
- class="box__zI7 accessibilityOutline__iyn borderBox__Hsu marginEnd5__wzk relative__XiG xsDisplayFlex__Jea xsItemsCenter__KS5"
+ class="Jea KS5 XiG wzk zI7 iyn Hsu"
style="min-height: 48px;"
>
<div
aria-disabled="false"
- class="tapTransition__S9z circle__INd accessibilityOutline__iyn"
+ class="S9z INd iyn"
role="button"
tabindex="-1"
>
<svg
aria-label="Open calendar"
- class="default__Uvi icon__gUZ iconBlock__U9O block__kVc"
+ class="Uvi gUZ U9O kVc"
height="16"
role="img"
viewBox="0 0 24 24"
width="16"
>
@@ -108,67 +108,67 @@
>
<div
name="trap-focus"
>
<div
- class="container__aQn fixed___he borderBox__Hsu flex___O1 justifyCenter__mQ8 left0__Rym top0__QLY xsCol12__L4E partialPageContainer__I4V xsItemsEnd__iJk"
+ class="aQn _he Hsu _O1 mQ8 Rym QLY L4E I4V iJk"
>
<div
- class="backdrop__JJV absolute__MIw left0__Rym top0__QLY right0__p6V bottom0__ojN overflowScrollY__Cii initialize__UxA zoomOut__kOw zoomOut__Smz"
+ class="JJV MIw Rym QLY p6V ojN Cii UxA kOw Smz"
/>
<div
aria-label="Bottom sheet"
- class="wrapper__A2V relative__XiG overflowAuto__XbT flex___O1 hideOutline__CCY autoWrapper__pZq slideUpInitialize__D_U"
+ class="A2V XiG XbT _O1 CCY pZq D_U"
id=":r6:"
role="dialog"
style="width: 100%;"
|
|
Run tests
Process completed with exit code 1.
|
|
Run echo "::set-output name=dir::$(yarn cache dir)"
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
|
Loading