Box: fix bug introduced in https://github.com/pinterest/gestalt/pull/3822 #17244
Annotations
10 errors and 1 warning
Tests:
packages/gestalt/src/OverlayPanel.jsdom.test.tsx#L38
Error: expect(received).toMatchSnapshot()
Snapshot name: `OverlayPanel should render all props with nodes 1`
- Snapshot - 4
+ Received + 4
@@ -25,20 +25,20 @@
>
<div
class="Flex rowGap0 columnGap0 flexGrow justifyBetween xsDirectionRow xsItemsCenter"
>
<div
- class="box flexGrow paddingX600 paddingY600 xsDisplayFlex"
+ class="box flexGrow paddingX6 paddingY6 xsDisplayFlex"
>
<h1
class="Heading fontSize500 default alignStart breakWord"
>
OverlayPanel title
</h1>
</div>
<div
- class="box flexNone paddingX600 paddingY700"
+ class="box flexNone paddingX6 paddingY7"
>
<button
aria-controls=":r0:"
aria-label="Dismiss"
class="parentButton"
@@ -74,20 +74,20 @@
<div
class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex"
style="height: 100%; width: 100%;"
>
<div
- class="box flexGrow overflowAuto paddingX600 paddingY600 relative"
+ class="box flexGrow overflowAuto paddingX6 paddingY6 relative"
style="height: 100%;"
>
<section />
</div>
<div
class="box fit relative"
>
<div
- class="box paddingX600 paddingY600"
+ class="box paddingX6 paddingY6"
>
<footer />
</div>
</div>
</div>
at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:38:23)
at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10)
at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9)
at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21)
at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19)
at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16)
at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34)
at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
|
Tests:
packages/gestalt/src/OverlayPanel.jsdom.test.tsx#L57
Error: expect(received).toMatchSnapshot()
Snapshot name: `OverlayPanel should render all props with render props 1`
- Snapshot - 4
+ Received + 4
@@ -25,20 +25,20 @@
>
<div
class="Flex rowGap0 columnGap0 flexGrow justifyBetween xsDirectionRow xsItemsCenter"
>
<div
- class="box flexGrow paddingX600 paddingY600 xsDisplayFlex"
+ class="box flexGrow paddingX6 paddingY6 xsDisplayFlex"
>
<h1
class="Heading fontSize500 default alignStart breakWord"
>
OverlayPanel title
</h1>
</div>
<div
- class="box flexNone paddingX600 paddingY700"
+ class="box flexNone paddingX6 paddingY7"
>
<button
aria-controls=":r1:"
aria-label="Dismiss"
class="parentButton"
@@ -76,22 +76,22 @@
<div
class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex"
style="height: 100%; width: 100%;"
>
<div
- class="box flexGrow overflowAuto paddingX600 paddingY600 relative"
+ class="box flexGrow overflowAuto paddingX6 paddingY6 relative"
style="height: 100%;"
>
<button
type="submit"
/>
</div>
<div
class="box fit relative"
>
<div
- class="box paddingX600 paddingY600"
+ class="box paddingX6 paddingY6"
>
<button
type="submit"
/>
</div>
at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:57:23)
at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10)
at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9)
at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21)
at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19)
at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16)
at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34)
at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
|
Tests:
packages/gestalt/src/OverlayPanel.jsdom.test.tsx#L75
Error: expect(received).toMatchSnapshot()
Snapshot name: `OverlayPanel should render animation in 1`
- Snapshot - 2
+ Received + 2
@@ -22,11 +22,11 @@
>
<div
class="box flexGrow justifyEnd marginBottom800 xsDisplayFlex"
>
<div
- class="absolute box flexNone paddingX600 paddingY700"
+ class="absolute box flexNone paddingX6 paddingY7"
style="z-index: 1;"
>
<button
aria-controls=":r2:"
aria-label="Dismiss"
@@ -61,11 +61,11 @@
<div
class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex"
style="height: 100%; width: 100%;"
>
<div
- class="box flexGrow overflowAuto paddingX600 paddingY600 relative"
+ class="box flexGrow overflowAuto paddingX6 paddingY6 relative"
style="height: 100%;"
>
<section />
</div>
</div>
at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:75:23)
at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10)
at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9)
at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21)
at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19)
at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16)
at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34)
at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
|
Tests:
packages/gestalt/src/OverlayPanel.jsdom.test.tsx#L93
Error: expect(received).toMatchSnapshot()
Snapshot name: `OverlayPanel should render animation out 1`
- Snapshot - 2
+ Received + 2
@@ -22,11 +22,11 @@
>
<div
class="box flexGrow justifyEnd marginBottom800 xsDisplayFlex"
>
<div
- class="absolute box flexNone paddingX600 paddingY700"
+ class="absolute box flexNone paddingX6 paddingY7"
style="z-index: 1;"
>
<button
aria-controls=":r3:"
aria-label="Dismiss"
@@ -61,11 +61,11 @@
<div
class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex"
style="height: 100%; width: 100%;"
>
<div
- class="box flexGrow overflowAuto paddingX600 paddingY600 relative"
+ class="box flexGrow overflowAuto paddingX6 paddingY6 relative"
style="height: 100%;"
>
<section />
</div>
</div>
at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:93:23)
at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10)
at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9)
at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21)
at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19)
at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16)
at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34)
at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
|
Tests:
packages/gestalt/src/OverlayPanel.jsdom.test.tsx#L416
Error: expect(received).toMatchSnapshot()
Snapshot name: `OverlayPanel renders OverlayPanel with confirmation modal 1`
- Snapshot - 3
+ Received + 3
@@ -26,11 +26,11 @@
aria-hidden="true"
class="box flexGrow justifyEnd marginBottom800 xsDisplayFlex"
data-floating-ui-inert=""
>
<div
- class="absolute box flexNone paddingX600 paddingY700"
+ class="absolute box flexNone paddingX6 paddingY7"
style="z-index: 1;"
>
<button
aria-controls=":ri:"
aria-label="Dismiss"
@@ -67,11 +67,11 @@
class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex"
data-floating-ui-inert=""
style="height: 100%; width: 100%;"
>
<div
- class="box flexGrow overflowAuto paddingX600 paddingY600 relative"
+ class="box flexGrow overflowAuto paddingX6 paddingY6 relative"
style="height: 100%;"
>
<section />
</div>
</div>
@@ -98,11 +98,11 @@
>
<div
name="trap-focus"
>
<div
- class="box paddingX300 paddingY300"
+ class="box paddingX3 paddingY3"
style="width: 100%;"
>
<div
class="Flex rowGap400 columnGap400 xsDirectionColumn"
>
at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:416:23)
at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10)
at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9)
at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21)
at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19)
at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16)
at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34)
at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
|
Tests:
packages/gestalt/src/Dropdown.jsdom.test.tsx#L70
Error: expect(received).toMatchSnapshot()
Snapshot name: `Dropdown renders a menu of 6 items 1`
- Snapshot - 12
+ Received + 12
@@ -30,18 +30,18 @@
>
<div
class="box flexGrow marginBottom200 marginEnd200 marginStart200 marginTop200 xsDirectionColumn xsDisplayFlex xsItemsCenter"
>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
id="ex-1-item-0"
role="menuitem"
rounding="2"
tabindex="-1"
>
<div
- class="box paddingX200 paddingY200 rounding200 secondary xsDirectionColumn xsDisplayFlex"
+ class="box paddingX2 paddingY2 rounding2 secondary xsDirectionColumn xsDisplayFlex"
>
<div
class="Flex rowGap0 columnGap0 xsDirectionRow"
>
<div
@@ -72,18 +72,18 @@
</div>
</div>
</div>
</div>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
id="ex-1-item-1"
role="menuitem"
rounding="2"
tabindex="-1"
>
<div
- class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex"
+ class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex"
>
<div
class="Flex rowGap0 columnGap0 xsDirectionRow"
>
<div
@@ -114,18 +114,18 @@
</div>
</div>
</div>
</div>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
id="ex-1-item-2"
role="menuitem"
rounding="2"
tabindex="-1"
>
<div
- class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex"
+ class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex"
>
<a
class="noOutline inheritColor rounding0 block tapTransition noUnderline outlineFocus"
href="https://pinterest.com"
rel="noopener noreferrer"
@@ -182,18 +182,18 @@
</div>
</a>
</div>
</div>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
id="ex-1-item-3"
role="menuitem"
rounding="2"
tabindex="-1"
>
<div
- class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex"
+ class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex"
>
<div
class="Flex rowGap0 columnGap0 xsDirectionRow"
>
<div
@@ -255,18 +255,18 @@
</div>
</div>
</div>
</div>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOut
|
Tests:
packages/gestalt/src/Dropdown.jsdom.test.tsx#L116
Error: expect(received).toMatchSnapshot()
Snapshot name: `Dropdown renders a menu of 3 items conditionally 1`
- Snapshot - 24
+ Received + 24
@@ -30,18 +30,18 @@
>
<div
class="box flexGrow marginBottom200 marginEnd200 marginStart200 marginTop200 xsDirectionColumn xsDisplayFlex xsItemsCenter"
>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
id="ex-1-item-0"
role="menuitem"
rounding="2"
tabindex="-1"
>
<div
- class="box paddingX200 paddingY200 rounding200 secondary xsDirectionColumn xsDisplayFlex"
+ class="box paddingX2 paddingY2 rounding2 secondary xsDirectionColumn xsDisplayFlex"
>
<div
class="Flex rowGap0 columnGap0 xsDirectionRow"
>
<div
@@ -72,18 +72,18 @@
</div>
</div>
</div>
</div>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
id="ex-1-item-1"
role="menuitem"
rounding="2"
tabindex="-1"
>
<div
- class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex"
+ class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex"
>
<div
class="Flex rowGap0 columnGap0 xsDirectionRow"
>
<div
@@ -114,18 +114,18 @@
</div>
</div>
</div>
</div>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
id="ex-1-item-2"
role="menuitem"
rounding="2"
tabindex="-1"
>
<div
- class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex"
+ class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex"
>
<div
class="Flex rowGap0 columnGap0 xsDirectionRow"
>
<div
@@ -156,18 +156,18 @@
</div>
</div>
</div>
</div>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
id="ex-1-item-3"
role="menuitem"
rounding="2"
tabindex="-1"
>
<div
- class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex"
+ class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex"
>
<div
class="Flex rowGap0 columnGap0 xsDirectionRow"
>
<div
@@ -198,18 +198,18 @@
</div>
</div>
</div>
</div>
<div
- class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
+ class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"
|
Tests:
packages/gestalt/src/ComboBox.jsdom.test.tsx#L378
Error: expect(received).toMatchSnapshot()
Snapshot name: `ComboBox Controlled ComboBox with Tags renders with tags 1`
- Snapshot - 9
+ Received + 9
@@ -33,11 +33,11 @@
class="box marginEnd100"
style="margin-bottom: 2px;"
>
<div
aria-disabled="false"
- class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock"
+ class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock"
style="height: 24px; max-width: 300px;"
>
<div
class="box marginEnd500 xsDisplayFlex xsItemsCenter"
style="height: 100%;"
@@ -81,11 +81,11 @@
class="box marginEnd100"
style="margin-bottom: 2px;"
>
<div
aria-disabled="false"
- class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock"
+ class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock"
style="height: 24px; max-width: 300px;"
>
<div
class="box marginEnd500 xsDisplayFlex xsItemsCenter"
style="height: 100%;"
@@ -129,11 +129,11 @@
class="box marginEnd100"
style="margin-bottom: 2px;"
>
<div
aria-disabled="false"
- class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock"
+ class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock"
style="height: 24px; max-width: 300px;"
>
<div
class="box marginEnd500 xsDisplayFlex xsItemsCenter"
style="height: 100%;"
@@ -177,11 +177,11 @@
class="box marginEnd100"
style="margin-bottom: 2px;"
>
<div
aria-disabled="false"
- class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock"
+ class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock"
style="height: 24px; max-width: 300px;"
>
<div
class="box marginEnd500 xsDisplayFlex xsItemsCenter"
style="height: 100%;"
@@ -225,11 +225,11 @@
class="box marginEnd100"
style="margin-bottom: 2px;"
>
<div
aria-disabled="false"
- class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock"
+ class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock"
style="height: 24px; max-width: 300px;"
>
<div
class="box marginEnd500 xsDisplayFlex xsItemsCenter"
style="height: 100%;"
@@ -273,11 +273,11 @@
class="box marginEnd100"
style="margin-bottom: 2px;"
>
<div
aria-disabled="false"
- class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock"
+ class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock"
style="height: 24px; max-width: 300px;"
>
<div
class="box marginEnd500 xsDisplayFlex xsItemsCenter"
style="height: 100%;"
@@ -321,11 +321,11 @@
class="box marginEnd100"
style="margin-bottom: 2px;"
>
<div
aria-disabled="false"
- class="box paddingX100 paddingYNaN relative rounding100 secondary xsDispl
|
Tests:
packages/gestalt/src/SideNavigation.test.tsx#L12
Error: expect(received).toMatchSnapshot()
Snapshot name: `SideNavigation renders basic Item 1`
- Snapshot - 3
+ Received + 3
@@ -33,11 +33,11 @@
"width": undefined,
}
}
>
<div
- className="box paddingX200 paddingY200"
+ className="box paddingX2 paddingY2"
style={
Object {
"paddingBottom": 24,
"width": undefined,
}
@@ -54,11 +54,11 @@
>
<li
className="liItem"
>
<a
- className="noOutline inheritColor noUnderline tapTransition rounding200 accessibilityOutline block fullWidth pointer"
+ className="noOutline inheritColor noUnderline tapTransition rounding2 accessibilityOutline block fullWidth pointer"
href="#"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
@@ -73,11 +73,11 @@
onTouchStart={[Function]}
rel=""
tabIndex={0}
>
<div
- className="box paddingXNaN paddingY200 paddingYNaN relative rounding200 xsDisplayFlex xsItemsCenter"
+ className="box paddingXundefined paddingY2 paddingYundefined relative rounding2 xsDisplayFlex xsItemsCenter"
style={
Object {
"height": undefined,
"minHeight": 44,
"outline": undefined,
at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SideNavigation.test.tsx:12:18)
at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10)
at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9)
at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21)
at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19)
at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16)
at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34)
at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
|
Tests:
packages/gestalt/src/SideNavigation.test.tsx#L23
Error: expect(received).toMatchSnapshot()
Snapshot name: `SideNavigation renders Sections 1`
- Snapshot - 4
+ Received + 4
@@ -33,11 +33,11 @@
"width": undefined,
}
}
>
<div
- className="box paddingX200 paddingY200"
+ className="box paddingX2 paddingY2"
style={
Object {
"paddingBottom": 24,
"width": undefined,
}
@@ -54,11 +54,11 @@
>
<li
className="liItem section"
>
<div
- className="box marginBottom200 paddingX400"
+ className="box marginBottom200 paddingX4"
role="presentation"
>
<div
className="default alignStart breakWord lineClamp Text fontSize300 fontWeightSemiBold"
style={
@@ -76,11 +76,11 @@
>
<li
className="liItem"
>
<a
- className="noOutline inheritColor noUnderline tapTransition rounding200 accessibilityOutline block fullWidth pointer"
+ className="noOutline inheritColor noUnderline tapTransition rounding2 accessibilityOutline block fullWidth pointer"
href="#"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onKeyDown={[Function]}
@@ -95,11 +95,11 @@
onTouchStart={[Function]}
rel=""
tabIndex={0}
>
<div
- className="box paddingXNaN paddingY200 paddingYNaN relative rounding200 xsDisplayFlex xsItemsCenter"
+ className="box paddingXundefined paddingY2 paddingYundefined relative rounding2 xsDisplayFlex xsItemsCenter"
style={
Object {
"height": undefined,
"minHeight": 44,
"outline": undefined,
at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SideNavigation.test.tsx:23:18)
at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10)
at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9)
at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9)
at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21)
at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19)
at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16)
at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34)
at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
|
Tests
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/
|