Skip to content

just react 19 test#3268

Draft
dreamwasp wants to merge 4 commits intomainfrom
cass-GMT-1473-workspace-test
Draft

just react 19 test#3268
dreamwasp wants to merge 4 commits intomainfrom
cass-GMT-1473-workspace-test

Conversation

@dreamwasp
Copy link
Contributor

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

Don't make me tap the sign.

  1. Go to story X
  2. Do something
  3. Do that something in dark mode
  4. Check it with VO
  5. Finish and do a celebratory dance

PR Links and Envs

Repository PR Link
Monolith Monolith PR
Mono Mono PR

@codecov
Copy link

codecov bot commented Feb 13, 2026

❌ 21 Tests Failed:

Tests completed Failed Passed Skipped
962 21 941 0
View the top 3 failed test(s) by shortest run time
AssetProvider AssetProvider component should fallback to core fonts when getFonts returns null
Stack Traces | 0.003s run time
Error: expect(received).toHaveLength(expected)

Expected length: 2
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:227: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 _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)
AssetProvider AssetProvider component should fallback to core fonts when getFonts returns undefined
Stack Traces | 0.003s run time
Error: expect(received).toHaveLength(expected)

Expected length: 2
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:219: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 _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)
Font Loading and Error Handling Browser Compatibility should handle browsers without fetch API
Stack Traces | 0.003s run time
Error: expect(received).toHaveLength(expected)

Expected length: 1
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/fontLoading.test.tsx:222: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 _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)
AssetProvider AssetProvider component should handle font configurations with missing extensions
Stack Traces | 0.004s run time
Error: expect(received).toHaveLength(expected)

Expected length: 1
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:326: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 _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)
AssetProvider AssetProvider component should render multiple font links when multiple fonts are provided
Stack Traces | 0.004s run time
Error: expect(received).toHaveLength(expected)

Expected length: 3
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:260: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 _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)
AssetProvider createFontLinks should filter out fonts without woff2 extension
Stack Traces | 0.004s run time
Error: expect(received).toHaveLength(expected)

Expected length: 1
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:114: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 _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)
Font Loading and Error Handling Browser Compatibility should handle browsers without document.fonts API
Stack Traces | 0.004s run time
Error: expect(received).toHaveLength(expected)

Expected length: 1
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/fontLoading.test.tsx:199: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 _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)
Font Loading and Error Handling Font Loading Failures should handle malformed font configurations
Stack Traces | 0.004s run time
Error: expect(received).toHaveLength(expected)

Expected length: 2
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/fontLoading.test.tsx:145: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 _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)
AssetProvider AssetProvider component should render font links for percipio theme
Stack Traces | 0.005s run time
Error: expect(received).toHaveLength(expected)

Expected length: 1
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:180: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 _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)
Font Loading and Error Handling Font Preloading should handle multiple fonts preloading
Stack Traces | 0.005s run time
Error: expect(received).toHaveLength(expected)

Expected length: 2
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/fontLoading.test.tsx:97: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 _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)
parseSelectOptions creates an option list
Stack Traces | 0.005s 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)
Font Loading and Error Handling Font Preloading should create preload links for fonts
Stack Traces | 0.006s run time
Error: expect(received).toHaveLength(expected)

Expected length: 1
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/fontLoading.test.tsx:71: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 _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)
AssetProvider AssetProvider component should render font links for core theme by default
Stack Traces | 0.007s run time
Error: expect(received).toHaveLength(expected)

Expected length: 1
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:160: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 _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)
AssetProvider createFontLinks should handle malformed font configurations gracefully
Stack Traces | 0.007s run time
Error: expect(received).toHaveLength(expected)

Expected length: 2
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:143: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 _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)
Font Loading and Error Handling Font Fallback Behavior should create preload links for all valid fonts
Stack Traces | 0.007s run time
Error: expect(received).toHaveLength(expected)

Expected length: 2
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/fontLoading.test.tsx:168: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 _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)
AssetProvider AssetProvider component should only rnder valid font configurations 
Stack Traces | 0.008s run time
Error: expect(received).toHaveLength(expected)

Expected length: 1
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:297: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 _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)
AssetProvider createFontLinks should handle undefined fonts parameter
Stack Traces | 0.011s run time
Error: expect(received).toHaveLength(expected)

Expected length: 2
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:90: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 _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)
AssetProvider createFontLinks should create font links for woff2 fonts only
Stack Traces | 0.033s run time
Error: expect(received).toHaveLength(expected)

Expected length: 1
Received length: 0
Received object: []
    at Object.<anonymous> (.../src/__tests__/AssetProvider.test.tsx:71: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 _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)
InfoTip Multiple InfoTips closes all InfoTips when clicking outside
Stack Traces | 1.05s run time
Error: expect(element).toHaveAttribute("aria-expanded", "true") // element.getAttribute("aria-expanded") === "true"

Expected the element to have attribute:
  aria-expanded="true"
Received:
  aria-expanded="false"

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="css-1kye20p-InfoTipWrapper eh9y8s83"
      >
        <div
          class="css-19410ca-Box-InfoTipContainer e5fuvit0"
        >
          <div
            aria-hidden="false"
            class="css-1jitdgu-Box-TipBody eh9y8s81"
            tabindex="-1"
          >
            InfoTip A
          </div>
        </div>
        <div
          class="css-1ylawcp-Box-TargetContainer eh9y8s82"
        >
          <button
            aria-expanded="false"
            aria-label="Show information"
            aria-roledescription="More information button"
            class="e116l7sm0 css-7adma1-ResetElement-createButtonComponent e1bhhzie1"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="css-r88dkc-Svg eol2zvm0"
              fill="#fff"
              role="img"
              viewBox="0 0 140 140"
              xmlns="http://www.w3.org/2000/svg"
            >
              <mask
                id="MiniInfoOutlineIcon-mask-_r_2d_"
              >
                <g
                  fill="none"
                  stroke="#fff"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="10"
                >
                  <path
                    d="M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
                  />
                  <path
                    d="M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
                  />
                </g>
              </mask>
              <g
                mask="url(#MiniInfoOutlineIcon-mask-_r_2d_)"
              >
                <rect
                  fill="currentColor"
                  height="100%"
                  width="100%"
                />
              </g>
            </svg>
          </button>
        </div>
      </div>
      <div
        class="css-1kye20p-InfoTipWrapper eh9y8s83"
      >
        <div
          class="css-19410ca-Box-InfoTipContainer e5fuvit0"
        >
          <div
            aria-hidden="false"
            class="css-1jitdgu-Box-TipBody eh9y8s81"
            tabindex="-1"
          >
            InfoTip B
          </div>
        </div>
        <div
          class="css-1ylawcp-Box-TargetContainer eh9y8s82"
        >
          <button
            aria-expanded="false"
            aria-label="Show information"
            aria-roledescription="More information button"
            class="e116l7sm0 css-7adma1-ResetElement-createButtonComponent e1bhhzie1"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="css-r88dkc-Svg eol2zvm0"
              fill="#fff"
              role="img"
              viewBox="0 0 140 140"
              xmlns="http://www.w3.org/2000/svg"
            >
              <mask
                id="MiniInfoOutlineIcon-mask-_r_2e_"
              >
                <g
                  fill="none"
                  stroke="#fff"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="10"
                >
                  <path
                    d="M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
                  />
                  <path
                    d="M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
                  />
                </g>
              </mask>
              <g
                mask="url(#MiniInfoOutlineIcon-mask-_r_2e_)"
              >
                <rect
                  fill="currentColor"
                  height="100%"
                  width="100%"
                />
              </g>
            </svg>
          </button>
        </div>
      </div>
      <div
        data-testid="outside"
      >
        Outside
      </div>
    </div>
  </body>
</html>
    at forEach (.../Tip/__tests__/helpers.tsx:437:22)
    at Array.forEach (<anonymous>)
    at .../Tip/__tests__/helpers.tsx:436:13
    at runWithExpensiveErrorDiagnosticsDisabled (.../gamut/gamut/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../gamut/gamut/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../gamut/gamut/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../gamut/gamut/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:594:17)
    at processTimers (node:internal/timers:529:7)
InfoTip Multiple InfoTips closes all InfoTips when Escape is pressed
Stack Traces | 1.07s run time
Error: expect(element).toHaveAttribute("aria-expanded", "true") // element.getAttribute("aria-expanded") === "true"

Expected the element to have attribute:
  aria-expanded="true"
Received:
  aria-expanded="false"

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="css-1kye20p-InfoTipWrapper eh9y8s83"
      >
        <div
          class="css-19410ca-Box-InfoTipContainer e5fuvit0"
        >
          <div
            aria-hidden="false"
            class="css-1jitdgu-Box-TipBody eh9y8s81"
            tabindex="-1"
          >
            InfoTip A
          </div>
        </div>
        <div
          class="css-1ylawcp-Box-TargetContainer eh9y8s82"
        >
          <button
            aria-expanded="false"
            aria-label="Show information"
            aria-roledescription="More information button"
            class="e116l7sm0 css-7adma1-ResetElement-createButtonComponent e1bhhzie1"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="css-r88dkc-Svg eol2zvm0"
              fill="#fff"
              role="img"
              viewBox="0 0 140 140"
              xmlns="http://www.w3.org/2000/svg"
            >
              <mask
                id="MiniInfoOutlineIcon-mask-_r_2a_"
              >
                <g
                  fill="none"
                  stroke="#fff"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="10"
                >
                  <path
                    d="M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
                  />
                  <path
                    d="M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
                  />
                </g>
              </mask>
              <g
                mask="url(#MiniInfoOutlineIcon-mask-_r_2a_)"
              >
                <rect
                  fill="currentColor"
                  height="100%"
                  width="100%"
                />
              </g>
            </svg>
          </button>
        </div>
      </div>
      <div
        class="css-1kye20p-InfoTipWrapper eh9y8s83"
      >
        <div
          class="css-12632mm-Box-InfoTipContainer e5fuvit0"
        >
          <div
            aria-hidden="false"
            class="css-1jitdgu-Box-TipBody eh9y8s81"
            tabindex="-1"
          >
            InfoTip B
          </div>
        </div>
        <div
          class="css-1ylawcp-Box-TargetContainer eh9y8s82"
        >
          <button
            aria-expanded="true"
            aria-label="Show information"
            aria-roledescription="More information button"
            class="e116l7sm0 css-1ysmvz9-ResetElement-createButtonComponent e1bhhzie1"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="css-r88dkc-Svg eol2zvm0"
              fill="#fff"
              role="img"
              viewBox="0 0 140 140"
              xmlns="http://www.w3.org/2000/svg"
            >
              <mask
                id="MiniInfoOutlineIcon-mask-_r_2b_"
              >
                <g
                  fill="none"
                  stroke="#fff"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="10"
                >
                  <path
                    d="M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
                  />
                  <path
                    d="M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
                  />
                </g>
              </mask>
              <g
                mask="url(#MiniInfoOutlineIcon-mask-_r_2b_)"
              >
                <rect
                  fill="currentColor"
                  height="100%"
                  width="100%"
                />
              </g>
            </svg>
          </button>
        </div>
      </div>
      <div
        class="css-1kye20p-InfoTipWrapper eh9y8s83"
      >
        <div
          class="css-19410ca-Box-InfoTipContainer e5fuvit0"
        >
          <div
            aria-hidden="false"
            class="css-1jitdgu-Box-TipBody eh9y8s81"
            tabindex="-1"
          >
            InfoTip C
          </div>
        </div>
        <div
          class="css-1ylawcp-Box-TargetContainer eh9y8s82"
        >
          <button
            aria-expanded="false"
            aria-label="Show information"
            aria-roledescription="More information button"
            class="e116l7sm0 css-7adma1-ResetElement-createButtonComponent e1bhhzie1"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="css-r88dkc-Svg eol2zvm0"
              fill="#fff"
              role="img"
              viewBox="0 0 140 140"
              xmlns="http://www.w3.org/2000/svg"
            >
              <mask
                id="MiniInfoOutlineIcon-mask-_r_2c_"
              >
                <g
                  fill="none"
                  stroke="#fff"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="10"
                >
                  <path
                    d="M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
                  />
                  <path
                    d="M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
                  />
                </g>
              </mask>
              <g
                mask="url(#MiniInfoOutlineIcon-mask-_r_2c_)"
              >
                <rect
                  fill="currentColor"
                  height="100%"
                  width="100%"
                />
              </g>
            </svg>
          </button>
        </div>
      </div>
    </div>
  </body>
</html>
    at forEach (.../Tip/__tests__/helpers.tsx:437:22)
    at Array.forEach (<anonymous>)
    at .../Tip/__tests__/helpers.tsx:436:13
    at runWithExpensiveErrorDiagnosticsDisabled (.../gamut/gamut/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../gamut/gamut/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../gamut/gamut/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../gamut/gamut/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:594:17)
    at processTimers (node:internal/timers:529:7)
InfoTip Multiple InfoTips closes multiple InfoTips with different placements
Stack Traces | 1.1s run time
Error: expect(element).toHaveAttribute("aria-expanded", "true") // element.getAttribute("aria-expanded") === "true"

Expected the element to have attribute:
  aria-expanded="true"
Received:
  aria-expanded="false"

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="css-1kye20p-InfoTipWrapper eh9y8s83"
      >
        <div
          class="css-19410ca-Box-InfoTipContainer e5fuvit0"
        >
          <div
            aria-hidden="false"
            class="css-1jitdgu-Box-TipBody eh9y8s81"
            tabindex="-1"
          >
            First Tip
          </div>
        </div>
        <div
          class="css-1ylawcp-Box-TargetContainer eh9y8s82"
        >
          <button
            aria-expanded="false"
            aria-label="Show information"
            aria-roledescription="More information button"
            class="e116l7sm0 css-7adma1-ResetElement-createButtonComponent e1bhhzie1"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="css-r88dkc-Svg eol2zvm0"
              fill="#fff"
              role="img"
              viewBox="0 0 140 140"
              xmlns="http://www.w3.org/2000/svg"
            >
              <mask
                id="MiniInfoOutlineIcon-mask-_r_2f_"
              >
                <g
                  fill="none"
                  stroke="#fff"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="10"
                >
                  <path
                    d="M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
                  />
                  <path
                    d="M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
                  />
                </g>
              </mask>
              <g
                mask="url(#MiniInfoOutlineIcon-mask-_r_2f_)"
              >
                <rect
                  fill="currentColor"
                  height="100%"
                  width="100%"
                />
              </g>
            </svg>
          </button>
        </div>
      </div>
      <div
        class="css-2i64hg-Box ebnwbv90"
      >
        <div
          class="css-1ylawcp-Box-TargetContainer eh9y8s82"
        >
          <button
            aria-expanded="true"
            aria-label="Show information"
            aria-roledescription="More information button"
            class="e116l7sm0 css-1ysmvz9-ResetElement-createButtonComponent e1bhhzie1"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="css-r88dkc-Svg eol2zvm0"
              fill="#fff"
              role="img"
              viewBox="0 0 140 140"
              xmlns="http://www.w3.org/2000/svg"
            >
              <mask
                id="MiniInfoOutlineIcon-mask-_r_2i_"
              >
                <g
                  fill="none"
                  stroke="#fff"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="10"
                >
                  <path
                    d="M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
                  />
                  <path
                    d="M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
                  />
                </g>
              </mask>
              <g
                mask="url(#MiniInfoOutlineIcon-mask-_r_2i_)"
              >
                <rect
                  fill="currentColor"
                  height="100%"
                  width="100%"
                />
              </g>
            </svg>
          </button>
        </div>
      </div>
      <div
        class="css-1kye20p-InfoTipWrapper eh9y8s83"
      >
        <div
          class="css-19410ca-Box-InfoTipContainer e5fuvit0"
        >
          <div
            aria-hidden="false"
            class="css-1jitdgu-Box-TipBody eh9y8s81"
            tabindex="-1"
          >
            Third Tip
          </div>
        </div>
        <div
          class="css-1ylawcp-Box-TargetContainer eh9y8s82"
        >
          <button
            aria-expanded="false"
            aria-label="Show information"
            aria-roledescription="More information button"
            class="e116l7sm0 css-7adma1-ResetElement-createButtonComponent e1bhhzie1"
            type="button"
          >
            <svg
              aria-hidden="true"
              class="css-r88dkc-Svg eol2zvm0"
              fill="#fff"
              role="img"
              viewBox="0 0 140 140"
              xmlns="http://www.w3.org/2000/svg"
            >
              <mask
                id="MiniInfoOutlineIcon-mask-_r_2h_"
              >
                <g
                  fill="none"
                  stroke="#fff"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="10"
                >
                  <path
                    d="M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
                  />
                  <path
                    d="M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
                  />
                </g>
              </mask>
              <g
                mask="url(#MiniInfoOutlineIcon-mask-_r_2h_)"
              >
                <rect
                  fill="currentColor"
                  height="100%"
                  width="100%"
                />
              </g>
            </svg>
          </button>
        </div>
      </div>
    </div>
    <div
      class="e1litdw31 css-bgdttk-VariableProvider-PortalWrapper-PortalWrapper e1skjn880"
    >
      <div
        style="opacity: 1;"
      >
        <div
          class="eh9y8s80 css-aguvya-PopoverContainer-FloatingTipBody e178ijqm0"
          data-floating="popover"
          data-testid="popover-content-container"
          style="top: -15px; left: 0px;"
          tabindex="-1"
        >
          <div
            class="css-4hk5xm-RaisedDiv e178ijqm4"
          >
            <div
              class="css-1v6hngy-FlexBox-BeakBox e178ijqm2"
            >
              <div
                class="css-5lxk3x-Box-Beak e178ijqm3"
                data-testid="popover-beak"
              />
            </div>
            <div
              class="css-1brfh0z-FlexBox-FloatingTipTextWrapper eh9y8s85"
            >
              Second Tip
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
    at forEach (.../Tip/__tests__/helpers.tsx:437:22)
    at Array.forEach (<anonymous>)
    at .../Tip/__tests__/helpers.tsx:436:13
    at runWithExpensiveErrorDiagnosticsDisabled (.../gamut/gamut/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../gamut/gamut/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../gamut/gamut/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../gamut/gamut/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:594:17)
    at processTimers (node:internal/timers:529:7)

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

@nx-cloud
Copy link

nx-cloud bot commented Feb 13, 2026

View your CI Pipeline Execution ↗ for commit 7e2e618


☁️ Nx Cloud last updated this comment at 2026-02-13 19:58:13 UTC

@codecademydev
Copy link
Collaborator

📬 Published Alpha Packages:

@codecademy/gamut@68.0.3-alpha.c9bcd5.0
@codecademy/gamut-icons@9.55.2-alpha.c9bcd5.0
@codecademy/gamut-illustrations@0.58.4-alpha.c9bcd5.0
@codecademy/gamut-kit@0.6.582-alpha.c9bcd5.0
@codecademy/gamut-patterns@0.10.23-alpha.c9bcd5.0
@codecademy/gamut-styles@17.11.4-alpha.c9bcd5.0
@codecademy/gamut-tests@5.2.21-alpha.c9bcd5.0
@codecademy/styleguide@79.1.3-alpha.c9bcd5.0
@codecademy/variance@0.25.3-alpha.c9bcd5.0

@github-actions
Copy link
Contributor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants