DatePicker: support SheetMobile for mobile #17094
Annotations
2 errors and 1 warning
Run tests:
packages/gestalt-datepicker/src/DatePicker.jsdom.test.tsx#L163
Error: expect(received).toMatchSnapshot()
Snapshot name: `DatePicker Mobile Datepicker renders 1`
- Snapshot - 30
+ Received + 30
@@ -10,23 +10,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"
/>
@@ -35,22 +35,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"
>
@@ -94,67 +94,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%;"
tabindex="-1"
>
<div
- class="box__zI7 accessibilityOutline__iyn borderBox__Hsu relative__XiG xsDirectionColumn__jzS xsDisplayFlex__Jea"
+ class="Jea XiG jzS zI7 iyn Hsu"
style="width: 100%;"
>
<div
- class="box__zI7 accessibilityOutline__iyn borderBox__Hsu fit__xuU paddingX4__fZz paddingY4__qDf relative__XiG"
+ class="XiG fZz qDf xuU zI7 iyn Hsu"
>
<div
- class="Flex__un8 rowGap0__C9i columnGap0__TB_ justifyCenter__mQ8 xsDirectionRow__hs0"
+ class="hs0 mQ8 un8 C9i TB_"
|
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