cleaning up unit test and jsdom setup

packages/use-auth-client/.gitignore

@@ -0,0 +1,17 @@
+build_info.json
+node_modules/
+dist/
+**/*.js
+**/*.js.map
+**/*.d.ts
+
+# generated docs
+/docs/reference
+
+# Cannot ignore .d.ts files in types/
+!types/**/*.d.ts
+
+# Cannot ignore setup files for webpack and jest, which are still JavaScript.
+!webpack.config.js
+!jest.config.js
+!test-setup.js

packages/use-auth-client/FixJSDOMEnvironment.ts

@@ -0,0 +1,11 @@
+import JSDOMEnvironment from 'jest-environment-jsdom';
+
+// https://github.com/facebook/jest/blob/v29.4.3/website/versioned_docs/version-29.4/Configuration.md#testenvironment-string
+export default class FixJSDOMEnvironment extends JSDOMEnvironment {
+  constructor(...args: ConstructorParameters<typeof JSDOMEnvironment>) {
+    super(...args);
+
+    // FIXME https://github.com/jsdom/jsdom/issues/3363
+    this.global.structuredClone = structuredClone;
+  }
+}

packages/use-auth-client/jest.config.ts

@@ -1,6 +1,6 @@
 module.exports = {
   preset: 'ts-jest',
-  testEnvironment: 'jsdom',
+  testEnvironment: './FixJSDOMEnvironment.ts',
   roots: ['<rootDir>/test'],
   setupFilesAfterEnv: ['<rootDir>/setupTests.ts'],
 };

packages/use-auth-client/package.json

@@ -27,7 +27,7 @@
     "@babel/preset-typescript": "^7.24.7",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
-    "@types/react": "16.8",
+    "@types/react": ">16.8",
     "babel": "^6.23.0",
     "babel-jest": "^29.7.0",
     "fake-indexeddb": "^6.0.0",

packages/use-auth-client/setupTests.ts

@@ -2,4 +2,17 @@ import 'fake-indexeddb/auto';
 import { TextEncoder } from 'util';
 import '@testing-library/jest-dom';
 
+import { Crypto } from '@peculiar/webcrypto';
+const crypto = new Crypto();
+
+Object.defineProperty(globalThis, 'crypto', {
+  value: crypto,
+});
+
+Object.defineProperty(global, 'console', {
+  writable: true,
+  value: { ...global.console, log: jest.fn(), warn: jest.fn(), error: jest.fn() },
+});
+
+
 global.TextEncoder = TextEncoder;

packages/use-auth-client/test/use-auth-client.test.tsx

@@ -6,7 +6,7 @@ import { describe, it } from '@jest/globals';
 describe('useAuthClient', () => {
   it('should return an authClient object with the expected properties', async () => {
     interface Props {
-      children: React.ReactNode;
+      children?: React.ReactNode;
     }
     const Component: React.FC<Props> = () => {
       const { isAuthenticated, login, logout } = useAuthClient();
@@ -21,7 +21,10 @@ describe('useAuthClient', () => {
     // disable typescript
     render(<Component />);
 
-    const isAuthenticated = screen.getByTestId('isAuthenticated');
-    expect(isAuthenticated).toHaveTextContent('false');
+    (
+      expect(screen.getByTestId('isAuthenticated')) as unknown as {
+        toHaveTextContent: (str: string) => boolean;
+      }
+    ).toHaveTextContent('false');
   });
 });