18/19 by dreamwasp · Pull Request #3290 · Codecademy/gamut

dreamwasp · 2026-03-19T13:51:02Z

Overview

PR Checklist

Related to designs:
Related to JIRA ticket: [ABC-123]
I have run this code to verify it works
This PR includes unit tests for the code change
This PR includes testing instructions tests for the code change
The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

Go to story X
Do something
Do that something in dark mode
Check it with VO
Finish and do a celebratory dance

PR Links and Envs

Repository	PR Link
Monolith	Monolith PR
Mono	Mono PR

nx-cloud · 2026-03-19T13:52:48Z

View your CI Pipeline Execution ↗ for commit 469095e

☁️ Nx Cloud last updated this comment at 2026-03-19 16:43:17 UTC

codecov · 2026-03-19T13:53:51Z

❌ 3 Tests Failed:

Tests completed	Failed	Passed	Skipped
818	3	815	0

View the top 3 failed test(s) by shortest run time

FeatureShimmer renders shimmer

Stack Traces | 0.004s run time

TypeError: rootInteresectionObserver.unobserve is not a function
    at InViewFeature.stopObserver (.../features/viewport/observers.ts:75:35)
    at InViewFeature.unmount (.../features/viewport/index.ts:91:26)
    at HTMLVisualElement.unmount (.../src/render/VisualElement.ts:520:25)
    at .../motion/utils/use-motion-ref.ts:56:74
    at runWithFiberInDEV (.../react-dom/cjs/react-dom-client.development.js:874:13)
    at safelyDetachRef (.../react-dom/cjs/react-dom-client.development.js:13529:37)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14291:13)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14419:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14296:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14419:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14419:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseMutationEffects (.../react-dom/cjs/react-dom-client.development.js:14555:11)
    at commitMutationEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14883:11)
    at flushMutationEffects (.../react-dom/cjs/react-dom-client.development.js:17979:13)
    at commitRoot (.../react-dom/cjs/react-dom-client.development.js:17953:9)
    at performWorkOnRoot (.../react-dom/cjs/react-dom-client.development.js:16667:15)
    at performSyncWorkOnRoot (.../react-dom/cjs/react-dom-client.development.js:18972:7)
    at flushSyncWorkAcrossRoots_impl (.../react-dom/cjs/react-dom-client.development.js:18814:21)
    at flushSyncWork$1 (.../react-dom/cjs/react-dom-client.development.js:16898:12)
    at ReactDOMRoot.Object.<anonymous>.process.env.NODE_ENV.ReactDOMHydrationRoot.unmount.ReactDOMRoot.unmount [as unmount] (.../react-dom/cjs/react-dom-client.development.js:27911:11)
    at Object.unmount (.../gamut/gamut/node_modules/@.../react/dist/pure.js:163:12)
    at .../gamut/gamut/node_modules/@.../react/dist/pure.js:307:12
    at .../gamut/gamut/node_modules/@.../react/dist/act-compat.js:47:24
    at Object.<anonymous>.process.env.NODE_ENV.exports.act (.../gamut/gamut/node_modules/react/cjs/react.development.js:814:22)
    at .../gamut/gamut/node_modules/@.../react/dist/act-compat.js:46:25
    at .../gamut/gamut/node_modules/@.../react/dist/pure.js:306:28
    at Array.forEach (<anonymous>)
    at cleanup (.../gamut/gamut/node_modules/@.../react/dist/pure.js:302:22)
    at Object.<anonymous> (.../gamut/gamut/node_modules/@.../react/dist/index.js:28:25)
    at Promise.then.completed (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusHook (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:281:40)
    at async _runTest (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:254:5)
    at async _runTestsForDescribeBlock (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:126:9)
    at async _runTestsForDescribeBlock (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:121:9)
    at async run (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:71:3)
    at async runAndTransformResultsToJestFormat (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at async jestAdapter (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at async runTestInternal (.../gamut/gamut/node_modules/jest-runner/build/runTest.js:367:16)
    at async runTest (.../gamut/gamut/node_modules/jest-runner/build/runTest.js:444:34)

parseSelectOptions creates an option list

Stack Traces | 0.004s run time

Error: expect(received).toMatchSnapshot()

Snapshot name: `parseSelectOptions creates an option list 1`

- Snapshot  - 14
+ Received  + 26

  [
-   <option
-     data-testid="test-val"
-     label="Value"
-     value="val"
-   >
-     Value
-   </option>,
-   <option
-     data-testid="test-val2"
-     label="Value 2"
-     value="val2"
-   >
-     Value 2
-   </option>,
+   {
+     "$$typeof": Symbol(react.transitional.element),
+     "_owner": null,
+     "_store": {},
+     "key": "test-val",
+     "props": {
+       "children": "Value",
+       "data-testid": "test-val",
+       "label": "Value",
+       "value": "val",
+     },
+     "type": "option",
+   },
+   {
+     "$$typeof": Symbol(react.transitional.element),
+     "_owner": null,
+     "_store": {},
+     "key": "test-val2",
+     "props": {
+       "children": "Value 2",
+       "data-testid": "test-val2",
+       "label": "Value 2",
+       "value": "val2",
+     },
+     "type": "option",
+   },
  ]
    at Object.<anonymous> (.../Form/__tests__/utils.test.tsx:10:21)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at async _runTest (.../jest-circus/build/run.js:252:3)
    at async _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at async _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at async run (.../jest-circus/build/run.js:71:3)
    at async runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at async jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at async runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at async runTest (.../jest-runner/build/runTest.js:444:34)

FeatureShimmer renders shimmer when reduced motion is false

Stack Traces | 0.045s run time

TypeError: rootInteresectionObserver.unobserve is not a function
    at InViewFeature.stopObserver (.../features/viewport/observers.ts:75:35)
    at InViewFeature.unmount (.../features/viewport/index.ts:91:26)
    at HTMLVisualElement.unmount (.../src/render/VisualElement.ts:520:25)
    at .../motion/utils/use-motion-ref.ts:56:74
    at runWithFiberInDEV (.../react-dom/cjs/react-dom-client.development.js:874:13)
    at safelyDetachRef (.../react-dom/cjs/react-dom-client.development.js:13529:37)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14291:13)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14419:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14296:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14419:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14419:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseDeletionEffects (.../react-dom/cjs/react-dom-client.development.js:14223:9)
    at commitDeletionEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14378:11)
    at recursivelyTraverseMutationEffects (.../react-dom/cjs/react-dom-client.development.js:14555:11)
    at commitMutationEffectsOnFiber (.../react-dom/cjs/react-dom-client.development.js:14883:11)
    at flushMutationEffects (.../react-dom/cjs/react-dom-client.development.js:17979:13)
    at commitRoot (.../react-dom/cjs/react-dom-client.development.js:17953:9)
    at performWorkOnRoot (.../react-dom/cjs/react-dom-client.development.js:16667:15)
    at performSyncWorkOnRoot (.../react-dom/cjs/react-dom-client.development.js:18972:7)
    at flushSyncWorkAcrossRoots_impl (.../react-dom/cjs/react-dom-client.development.js:18814:21)
    at flushSyncWork$1 (.../react-dom/cjs/react-dom-client.development.js:16898:12)
    at ReactDOMRoot.Object.<anonymous>.process.env.NODE_ENV.ReactDOMHydrationRoot.unmount.ReactDOMRoot.unmount [as unmount] (.../react-dom/cjs/react-dom-client.development.js:27911:11)
    at Object.unmount (.../gamut/gamut/node_modules/@.../react/dist/pure.js:163:12)
    at .../gamut/gamut/node_modules/@.../react/dist/pure.js:307:12
    at .../gamut/gamut/node_modules/@.../react/dist/act-compat.js:47:24
    at Object.<anonymous>.process.env.NODE_ENV.exports.act (.../gamut/gamut/node_modules/react/cjs/react.development.js:814:22)
    at .../gamut/gamut/node_modules/@.../react/dist/act-compat.js:46:25
    at .../gamut/gamut/node_modules/@.../react/dist/pure.js:306:28
    at Array.forEach (<anonymous>)
    at cleanup (.../gamut/gamut/node_modules/@.../react/dist/pure.js:302:22)
    at Object.<anonymous> (.../gamut/gamut/node_modules/@.../react/dist/index.js:28:25)
    at Promise.then.completed (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusHook (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:281:40)
    at async _runTest (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:254:5)
    at async _runTestsForDescribeBlock (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:126:9)
    at async _runTestsForDescribeBlock (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:121:9)
    at async run (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/run.js:71:3)
    at async runAndTransformResultsToJestFormat (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at async jestAdapter (.../gamut/gamut/node_modules/jest-config/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at async runTestInternal (.../gamut/gamut/node_modules/jest-runner/build/runTest.js:367:16)
    at async runTest (.../gamut/gamut/node_modules/jest-runner/build/runTest.js:444:34)

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}

codecademydev · 2026-03-19T16:43:52Z

📬 Published Alpha Packages:

@codecademy/gamut@68.1.3-alpha.53c3b0.0
@codecademy/gamut-icons@9.57.1-alpha.53c3b0.0
@codecademy/gamut-illustrations@0.58.8-alpha.53c3b0.0
@codecademy/gamut-kit@0.6.588-alpha.53c3b0.0
@codecademy/gamut-patterns@0.10.27-alpha.53c3b0.0
@codecademy/gamut-styles@17.12.2-alpha.53c3b0.0
@codecademy/gamut-tests@5.3.2-alpha.53c3b0.0
@codecademy/variance@0.26.1-alpha.53c3b0.0

github-actions · 2026-03-19T16:45:46Z

🚀 Styleguide deploy preview ready!

Preview URL: https://69bc2834a3b6c000dddc26ec--gamut-preview.netlify.app
Deploy Logs: https://app.netlify.com/projects/gamut-preview/deploys/69bc2834a3b6c000dddc26ec

18/19

fe532d0

dreamwasp added 4 commits March 19, 2026 10:01

terst build

16e2769

update react-hook-form

bd2e499

put connected form back

077f07b

try re-creating ref type in cast;

469095e

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

18/19#3290

18/19#3290
dreamwasp wants to merge 5 commits intocass-gm-plain-19from
cass-gm-plain-1819

dreamwasp commented Mar 19, 2026

Uh oh!

nx-cloud bot commented Mar 19, 2026 •

edited

Loading

Uh oh!

codecov bot commented Mar 19, 2026 •

edited

Loading

Uh oh!

codecademydev commented Mar 19, 2026

Uh oh!

github-actions bot commented Mar 19, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

dreamwasp commented Mar 19, 2026

Overview

PR Checklist

Testing Instructions

PR Links and Envs

Uh oh!

nx-cloud bot commented Mar 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codecov bot commented Mar 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

❌ 3 Tests Failed:

Uh oh!

codecademydev commented Mar 19, 2026

Uh oh!

github-actions bot commented Mar 19, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

nx-cloud bot commented Mar 19, 2026 •

edited

Loading

codecov bot commented Mar 19, 2026 •

edited

Loading