BraidTestProvider: Provide scrollIntoView stub function for jsdom (#…

…1590)

.changeset/bright-squids-ring.md

@@ -0,0 +1,15 @@
+---
+'braid-design-system': patch
+---
+
+---
+updated:
+  - BraidTestProvider
+---
+
+**BraidTestProvider:** Provide `scrollIntoView` stub function for jsdom
+
+Fixes an issue where `scrollIntoView` is not defined in jsdom, causing tests to fail with the following error:
+```
+Error: Uncaught [TypeError: highlightedItem?.scrollIntoView is not a function]
+```

jest/setupTests.ts

@@ -6,9 +6,6 @@ import { format, TextEncoder, TextDecoder } from 'util';
 global.TextEncoder = TextEncoder;
 global.TextDecoder = TextDecoder;
 
-// Mocking for `jsdom`
-window.HTMLElement.prototype.scrollIntoView = function () {};
-
 const error = global.console.error;
 
 globalThis.IS_REACT_ACT_ENVIRONMENT = true;

packages/braid-design-system/src/lib/components/BraidTestProvider/BraidTestProvider.tsx

@@ -8,6 +8,21 @@ import {
 import { BraidTestProviderContext } from './BraidTestProviderContext';
 import { breakpointContext } from '../BraidProvider/BreakpointContext';
 
+/**
+ * Mocking for `jsdom` which doesn't support `scrollIntoView`.
+ * Can remove this if/when `jsdom` adds a stub for `scrollIntoView`.
+ *
+ * GitHub issue: https://github.com/jsdom/jsdom/issues/1695
+ * Pull request: https://github.com/jsdom/jsdom/pull/3639
+ */
+if (
+  typeof navigator !== 'undefined' &&
+  navigator?.userAgent?.includes('jsdom')
+) {
+  window.HTMLElement.prototype.scrollIntoView =
+    window.HTMLElement.prototype.scrollIntoView || (() => {});
+}
+
 interface BraidTestProviderProps
   extends Omit<BraidProviderProps, 'theme' | 'styleBody'> {
   themeName?: keyof typeof themes;