Test fixes continued.

components/Chat/ChatMessage.test.tsx

@@ -1,12 +1,13 @@
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import { default as ChatMessage } from './ChatMessage'
 
 describe('<ChatMessage />', () => {
     it('renders a single chat message with by and datetime', () => {
         const div = document.createElement('div')
-        const root = ReactDOM.createRoot(div).render(<ChatMessage by={'James'} datetime={new Date()}>
+        const root = createRoot(div)
+        root.render(<ChatMessage by={'James'} datetime={new Date()}>
             This would contain an actual message
         </ChatMessage>)
-        root.unmount(div)
+        root.unmount()
     })
 })

components/Logo/Logo.test.tsx

@@ -6,6 +6,6 @@ describe('<Logo />', () => {
         const div = document.createElement('div')
         const root = createRoot(div)
         root.render(<Logo />)
-        root.unmount(div)
+        root.unmount()
     })
 })

components/Profile/Profile.test.tsx

@@ -13,7 +13,7 @@ const BasicStory = composeStory(Basic, Meta)
 describe('<Profile />', () => {
     it('renders the basic profile story', () => {
         render(<ThemeProvider theme={theme}><BasicStory /></ThemeProvider>)
-        expect(screen.getByText(mockPerson.charName)).toBeInTheDocument()
+        expect(screen.getByText(mockPerson.charName ?? 'should not match')).toBeInTheDocument()
 
     })
 

src/context/AuthContext.tsx

@@ -1,4 +1,3 @@
-import { PropsWithChildren } from "react";
 import { Auth } from '@/auth'
 import { User } from '@/components/models/User'
 import { useEffect, useState, useMemo } from 'react'
@@ -39,7 +38,7 @@ interface AuthProviderProps extends Record<string, string | number | boolean | R
  * @param param0
  * @returns
  */
-const AuthProvider = ({ mockAuth = false, ...rest }: PropsWithChildren<AuthProviderProps>) => {
+const AuthProvider = ({ mockAuth = false, ...rest }: AuthProviderProps) => {
     const [loading, setLoading] = useState<boolean>(true)
     const [session, setSession] = useState<AuthDataInfo['session']>(undefined)
 
@@ -82,7 +81,7 @@ const AuthProvider = ({ mockAuth = false, ...rest }: PropsWithChildren<AuthProvi
         }
     }, [])
     useEffect(() => {
-        if (!mockAuth) {
+        if (mockAuth !== true) {
             obtainAuth()
         }
         return () => { }

src/context/UserContext.test.tsx

@@ -22,8 +22,7 @@ describe('<UserContext />', () => {
                 >
                     <UserRenderer />
                 </UserProvider>
-            </>,
-            div
+            </>
         )
         root.unmount();
     })