Skip to content

BannerSlim: fix

BannerSlim: fix #17783

Triggered via pull request January 17, 2025 00:06
Status Failure
Total duration 7m 43s
Artifacts

ci.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

10 errors and 2 warnings
Tests: packages/gestalt/src/BannerSlim.test.tsx#L9
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders neutral type with message 1` - Snapshot - 0 + Received + 2 @@ -18,17 +18,19 @@ className="FlexItem flexGrow" > <div className="box" > + <div> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" /> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" > test </span> + </div> </div> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:9: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)
Tests: packages/gestalt/src/BannerSlim.test.tsx#L20
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders an icon with accessibility label 1` - Snapshot - 0 + Received + 2 @@ -40,17 +40,19 @@ Object { "marginTop": "-1px", } } > + <div> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" /> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" > test </span> + </div> </div> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:20: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)
Tests: packages/gestalt/src/BannerSlim.test.tsx#L31
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders non-neutral compact with accessibility label 1` - Snapshot - 0 + Received + 2 @@ -40,17 +40,19 @@ Object { "marginTop": "-1px", } } > + <div> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" /> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" > test </span> + </div> </div> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:31: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)
Tests: packages/gestalt/src/BannerSlim.test.tsx#L46
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders simple message with helper link 1` - Snapshot - 28 + Received + 30 @@ -18,42 +18,44 @@ className="FlexItem flexGrow" > <div className="box" > - <span - className="default alignStart breakWord Text fontSize300 fontWeightNormal" - /> - <span - className="default alignStart breakWord Text fontSize300 fontWeightNormal" - > - test - + <div> + <span + className="default alignStart breakWord Text fontSize300 fontWeightNormal" + /> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" > - <a - aria-label="Learn more Pinterest.com" - className="noOutline inheritColor rounding0 inlineBlock tapTransition hoverNoUnderline underline outlineFocus" - href="http://www.pinterest.com" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - onKeyPress={[Function]} - onMouseDown={[Function]} - onMouseEnter={[Function]} - onMouseLeave={[Function]} - onMouseUp={[Function]} - onTouchCancel={[Function]} - onTouchEnd={[Function]} - onTouchMove={[Function]} - onTouchStart={[Function]} - rel="" + test + + <span + className="default alignStart breakWord Text fontSize300 fontWeightNormal" > - Learn more - </a> + <a + aria-label="Learn more Pinterest.com" + className="noOutline inheritColor rounding0 inlineBlock tapTransition hoverNoUnderline underline outlineFocus" + href="http://www.pinterest.com" + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onKeyPress={[Function]} + onMouseDown={[Function]} + onMouseEnter={[Function]} + onMouseLeave={[Function]} + onMouseUp={[Function]} + onTouchCancel={[Function]} + onTouchEnd={[Function]} + onTouchMove={[Function]} + onTouchStart={[Function]} + rel="" + > + Learn more + </a> + </span> </span> - </span> + </div> </div> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:46: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)
Tests: packages/gestalt/src/BannerSlim.test.tsx#L67
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders complex message 1` - Snapshot - 34 + Received + 36 @@ -18,46 +18,48 @@ className="FlexItem flexGrow" > <div className="box" > - <span - className="default alignStart breakWord Text fontSize300 fontWeightNormal" - /> - <span - className="default alignStart breakWord Text fontSize300 fontWeightNormal" - > - The campaign - + <div> <span - className="default alignStart breakWord Text fontSize300 fontWeightSemiBold" + className="default alignStart breakWord Text fontSize300 fontWeightNormal" + /> + <span + className="default alignStart breakWord Text fontSize300 fontWeightNormal" > - Back to School + The campaign + + <span + className="default alignStart breakWord Text fontSize300 fontWeightSemiBold" + > + Back to School + </span> + + is regularly hitting its + + <a + className="noOutline inheritColor rounding0 inlineBlock tapTransition hoverNoUnderline underline outlineFocus" + href="http://www.pinterest.com" + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onKeyPress={[Function]} + onMouseDown={[Function]} + onMouseEnter={[Function]} + onMouseLeave={[Function]} + onMouseUp={[Function]} + onTouchCancel={[Function]} + onTouchEnd={[Function]} + onTouchMove={[Function]} + onTouchStart={[Function]} + rel="" + > + daily cap + </a> + . Consider raising daily caps to increase scale for a similar CPC and CTR. </span> - - is regularly hitting its - - <a - className="noOutline inheritColor rounding0 inlineBlock tapTransition hoverNoUnderline underline outlineFocus" - href="http://www.pinterest.com" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - onKeyPress={[Function]} - onMouseDown={[Function]} - onMouseEnter={[Function]} - onMouseLeave={[Function]} - onMouseUp={[Function]} - onTouchCancel={[Function]} - onTouchEnd={[Function]} - onTouchMove={[Function]} - onTouchStart={[Function]} - rel="" - > - daily cap - </a> - . Consider raising daily caps to increase scale for a similar CPC and CTR. - </span> + </div> </div> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:67: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)
Tests: packages/gestalt/src/BannerSlim.test.tsx#L83
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders primary action and dismiss button 1` - Snapshot - 0 + Received + 2 @@ -18,18 +18,20 @@ className="FlexItem flexGrow" > <div className="box" > + <div> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" /> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" > test </span> + </div> </div> </div> <div className="FlexItem flexNone" > at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:83: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)
Tests: packages/gestalt/src/BannerSlim.test.tsx#L9
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders neutral type with message 1` - Snapshot - 0 + Received + 2 @@ -18,17 +18,19 @@ className="FlexItem flexGrow" > <div className="box" > + <div> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" /> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" > test </span> + </div> </div> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:9: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/BannerSlim.test.tsx#L20
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders an icon with accessibility label 1` - Snapshot - 0 + Received + 2 @@ -40,17 +40,19 @@ Object { "marginTop": "-1px", } } > + <div> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" /> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" > test </span> + </div> </div> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:20: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/BannerSlim.test.tsx#L31
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders non-neutral compact with accessibility label 1` - Snapshot - 0 + Received + 2 @@ -40,17 +40,19 @@ Object { "marginTop": "-1px", } } > + <div> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" /> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" > test </span> + </div> </div> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:31: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/BannerSlim.test.tsx#L46
Error: expect(received).toMatchSnapshot() Snapshot name: `BannerSlim renders simple message with helper link 1` - Snapshot - 28 + Received + 30 @@ -18,42 +18,44 @@ className="FlexItem flexGrow" > <div className="box" > - <span - className="default alignStart breakWord Text fontSize300 fontWeightNormal" - /> - <span - className="default alignStart breakWord Text fontSize300 fontWeightNormal" - > - test - + <div> + <span + className="default alignStart breakWord Text fontSize300 fontWeightNormal" + /> <span className="default alignStart breakWord Text fontSize300 fontWeightNormal" > - <a - aria-label="Learn more Pinterest.com" - className="noOutline inheritColor rounding0 inlineBlock tapTransition hoverNoUnderline underline outlineFocus" - href="http://www.pinterest.com" - onBlur={[Function]} - onClick={[Function]} - onFocus={[Function]} - onKeyPress={[Function]} - onMouseDown={[Function]} - onMouseEnter={[Function]} - onMouseLeave={[Function]} - onMouseUp={[Function]} - onTouchCancel={[Function]} - onTouchEnd={[Function]} - onTouchMove={[Function]} - onTouchStart={[Function]} - rel="" + test + + <span + className="default alignStart breakWord Text fontSize300 fontWeightNormal" > - Learn more - </a> + <a + aria-label="Learn more Pinterest.com" + className="noOutline inheritColor rounding0 inlineBlock tapTransition hoverNoUnderline underline outlineFocus" + href="http://www.pinterest.com" + onBlur={[Function]} + onClick={[Function]} + onFocus={[Function]} + onKeyPress={[Function]} + onMouseDown={[Function]} + onMouseEnter={[Function]} + onMouseLeave={[Function]} + onMouseUp={[Function]} + onTouchCancel={[Function]} + onTouchEnd={[Function]} + onTouchMove={[Function]} + onTouchStart={[Function]} + rel="" + > + Learn more + </a> + </span> </span> - </span> + </div> </div> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/BannerSlim.test.tsx:46: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/r
Tests
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
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/