tests: resolves failing tests in supplemental 7 demo (#837)

Signed-off-by: Anthony D. Mays <[email protected]>

Author: anthonydmays

supplemental7/a11y/__tests__/setup.ts

@@ -24,3 +24,14 @@ const localStorageMock = {
 };
 global.localStorage = localStorageMock as any;
 
+// Mock IntersectionObserver to prevent async state updates in tests
+global.IntersectionObserver = class IntersectionObserver {
+  constructor() {}
+  disconnect() {}
+  observe() {}
+  takeRecords() {
+    return [];
+  }
+  unobserve() {}
+} as unknown as typeof IntersectionObserver;
+

supplemental7/a11y/app/components/CodeBlock.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
-import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { vscDarkPlus } from 'react-syntax-highlighter/dist/cjs/styles/prism';
 
 interface CodeBlockProps {
   code: string;

supplemental7/a11y/jest.config.js

@@ -11,6 +11,7 @@ const customJestConfig = {
   testEnvironment: 'jest-environment-jsdom',
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/$1',
+    '^react-syntax-highlighter/dist/esm/(.*)$': 'react-syntax-highlighter/dist/cjs/$1',
   },
   testMatch: ['**/__tests__/**/*.test.[jt]s?(x)'],
   collectCoverageFrom: [