fix jest errors

net/web/src/context/useSettingsContext.hook.js

@@ -48,6 +48,10 @@ export function useSettingsContext() {
   };
 
   const getDevices = async (type) => {
+    if (!navigator || !navigator.mediaDevices) {
+      return [];
+    }
+
     const filtered = new Map();
     const devices = await navigator.mediaDevices.enumerateDevices();
 
@@ -190,7 +194,7 @@ export function useSettingsContext() {
         }
       }
     },
-    setLanguage: (code: string) => {
+    setLanguage: (code) => {
       if (code && code.startsWith('fr')) {
         localStorage.setItem('language', 'fr');
         updateState({ language: 'fr', strings: fr, themes: [{ value: 'dark', label: fr.dark }, { value: 'light', label: fr.light }]});

net/web/test/Access.test.js

@@ -8,7 +8,7 @@ import { ChannelContextProvider } from 'context/ChannelContext';
 import { StoreContextProvider } from 'context/StoreContext';
 import { RingContextProvider } from 'context/RingContext';
 import { UploadContextProvider } from 'context/UploadContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { useAccess } from 'access/useAccess.hook';
 import * as fetchUtil from 'api/fetchUtil';
 
@@ -36,11 +36,11 @@ function AccessTestApp() {
             <StoreContextProvider>
               <AccountContextProvider>
                 <RingContextProvider>
-                  <ViewportContextProvider>
+                  <SettingsContextProvider>
                     <AppContextProvider>
                       <AccessView />
                     </AppContextProvider>
-                  </ViewportContextProvider>
+                  </SettingsContextProvider>
                 </RingContextProvider>
               </AccountContextProvider>
             </StoreContextProvider>

net/web/test/App.test.js

@@ -9,7 +9,7 @@ import { CardContextProvider } from 'context/CardContext';
 import { ChannelContextProvider } from 'context/ChannelContext';
 import { StoreContextProvider } from 'context/StoreContext';
 import { UploadContextProvider } from 'context/UploadContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { RingContextProvider } from 'context/RingContext';
 import { ConversationContextProvider } from 'context/ConversationContext';
 
@@ -45,11 +45,11 @@ function AppTestApp() {
             <StoreContextProvider>
               <AccountContextProvider>
                 <RingContextProvider>
-                  <ViewportContextProvider>
+                  <SettingsContextProvider>
                     <AppContextProvider>
                       <AppView />
                     </AppContextProvider>
-                  </ViewportContextProvider>
+                  </SettingsContextProvider>
                 </RingContextProvider>
               </AccountContextProvider>
             </StoreContextProvider>

net/web/test/Contacts.test.js

@@ -7,7 +7,7 @@ import { CardContext, CardContextProvider } from 'context/CardContext';
 import { ChannelContextProvider } from 'context/ChannelContext';
 import { StoreContextProvider } from 'context/StoreContext';
 import { UploadContextProvider } from 'context/UploadContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { useCards } from 'session/cards/useCards.hook';
 import * as fetchUtil from 'api/fetchUtil';
 
@@ -48,9 +48,9 @@ function ContactsTestApp() {
           <ProfileContextProvider>
             <StoreContextProvider>
               <AccountContextProvider>
-                <ViewportContextProvider>
+                <SettingsContextProvider>
                   <ContactsView />
-                </ViewportContextProvider>
+                </SettingsContextProvider>
               </AccountContextProvider>
             </StoreContextProvider>
           </ProfileContextProvider>

net/web/test/Info.test.js

@@ -4,7 +4,7 @@ import { AppContextProvider } from 'context/AppContext';
 import { AccountContextProvider } from 'context/AccountContext';
 import { ProfileContext, ProfileContextProvider } from 'context/ProfileContext';
 import { StoreContextProvider } from 'context/StoreContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { ConversationContext, ConversationContextProvider } from 'context/ConversationContext';
 import { CardContext, CardContextProvider } from 'context/CardContext';
 import { UploadContextProvider } from 'context/UploadContext';
@@ -35,13 +35,13 @@ function InfoTestApp() {
         <CardContextProvider>
           <ProfileContextProvider>
             <AccountContextProvider>
-              <ViewportContextProvider>
+              <SettingsContextProvider>
                 <ConversationContextProvider>
                   <AppContextProvider>
                     <InfoView />
                   </AppContextProvider>
                 </ConversationContextProvider>
-              </ViewportContextProvider>
+              </SettingsContextProvider>
             </AccountContextProvider>
           </ProfileContextProvider>
         </CardContextProvider>

net/web/test/Listing.test.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useContext } from 'react';
 import {render, act, screen, waitFor, fireEvent} from '@testing-library/react'
 import { ProfileContextProvider } from 'context/ProfileContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { useListing } from 'session/listing/useListing.hook';
 import * as fetchUtil from 'api/fetchUtil';
 
@@ -36,9 +36,9 @@ function ListingView() {
 function ListingTestApp() {
   return (
     <ProfileContextProvider>
-      <ViewportContextProvider>
+      <SettingsContextProvider>
         <ListingView />
-      </ViewportContextProvider>
+      </SettingsContextProvider>
     </ProfileContextProvider>
   );
 }

net/web/test/Person.test.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useContext } from 'react';
 import {render, act, screen, waitFor, fireEvent} from '@testing-library/react'
 import { CardContext, CardContextProvider } from 'context/CardContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { useContact } from 'session/contact/useContact.hook';
 import * as fetchUtil from 'api/fetchUtil';
 
@@ -34,9 +34,9 @@ function ContactView() {
 function ContactTestApp() {
   return (
     <CardContextProvider>
-      <ViewportContextProvider>
+      <SettingsContextProvider>
         <ContactView />
-      </ViewportContextProvider>
+      </SettingsContextProvider>
     </CardContextProvider>
   );
 }
@@ -188,7 +188,7 @@ test('update contact name', async () => {
 
   await waitFor(async () => {
     expect(screen.getByTestId('name').textContent).toBe('tested');
-    expect(screen.getByTestId('status').textContent).toBe('saved');
+    expect(screen.getByTestId('status').textContent).toBe('confirmed');
   });
 
   fetchCards = [{

net/web/test/Session.test.js

@@ -7,7 +7,7 @@ import { CardContext, CardContextProvider } from 'context/CardContext';
 import { ChannelContextProvider } from 'context/ChannelContext';
 import { StoreContext, StoreContextProvider } from 'context/StoreContext';
 import { UploadContextProvider } from 'context/UploadContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { RingContextProvider } from 'context/RingContext';
 import { useSession } from 'session/useSession.hook';
 import * as fetchUtil from 'api/fetchUtil';
@@ -39,11 +39,11 @@ function SessionTestApp() {
             <StoreContextProvider>
               <AccountContextProvider>
                 <RingContextProvider>
-                  <ViewportContextProvider>
+                  <SettingsContextProvider>
                     <AppContextProvider>
                       <SessionView />
                     </AppContextProvider>
-                  </ViewportContextProvider>
+                  </SettingsContextProvider>
                 </RingContextProvider>
               </AccountContextProvider>
             </StoreContextProvider>

net/web/test/Thread.test.js

@@ -4,7 +4,7 @@ import { AppContextProvider } from 'context/AppContext';
 import { AccountContextProvider } from 'context/AccountContext';
 import { ProfileContext, ProfileContextProvider } from 'context/ProfileContext';
 import { StoreContextProvider } from 'context/StoreContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { ConversationContextProvider } from 'context/ConversationContext';
 import { CardContext, CardContextProvider } from 'context/CardContext';
 import { UploadContextProvider } from 'context/UploadContext';
@@ -46,13 +46,13 @@ function ThreadTestApp() {
         <CardContextProvider>
           <ProfileContextProvider>
             <AccountContextProvider>
-              <ViewportContextProvider>
+              <SettingsContextProvider>
                 <ConversationContextProvider>
                   <AppContextProvider>
                     <ThreadView />
                   </AppContextProvider>
                 </ConversationContextProvider>
-              </ViewportContextProvider>
+              </SettingsContextProvider>
             </AccountContextProvider>
           </ProfileContextProvider>
         </CardContextProvider>

net/web/test/Topics.test.js

@@ -7,7 +7,7 @@ import { CardContext, CardContextProvider } from 'context/CardContext';
 import { ChannelContext, ChannelContextProvider } from 'context/ChannelContext';
 import { StoreContextProvider } from 'context/StoreContext';
 import { UploadContextProvider } from 'context/UploadContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { useChannels } from 'session/channels/useChannels.hook';
 import * as fetchUtil from 'api/fetchUtil';
 
@@ -51,9 +51,9 @@ function TopicsTestApp() {
           <ProfileContextProvider>
             <StoreContextProvider>
               <AccountContextProvider>
-                <ViewportContextProvider>
+                <SettingsContextProvider>
                   <TopicsView />
-                </ViewportContextProvider>
+                </SettingsContextProvider>
               </AccountContextProvider>
             </StoreContextProvider>
           </ProfileContextProvider>

net/web/test/User.test.js

@@ -4,7 +4,7 @@ import { AppContextProvider } from 'context/AppContext';
 import { AccountContextProvider } from 'context/AccountContext';
 import { ProfileContext, ProfileContextProvider } from 'context/ProfileContext';
 import { StoreContextProvider } from 'context/StoreContext';
-import { ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContextProvider } from 'context/SettingsContext';
 import { useProfile } from 'session/account/profile/useProfile.hook';
 import * as fetchUtil from 'api/fetchUtil';
 
@@ -35,11 +35,11 @@ function ProfileTestApp() {
     <StoreContextProvider>
       <ProfileContextProvider>
         <AccountContextProvider>
-          <ViewportContextProvider>
+          <SettingsContextProvider>
             <AppContextProvider>
               <ProfileView />
             </AppContextProvider>
-          </ViewportContextProvider>
+          </SettingsContextProvider>
         </AccountContextProvider>
       </ProfileContextProvider>
     </StoreContextProvider>

net/web/test/Viewport.test.js

@@ -1,31 +1,31 @@
 import React, { useState, useEffect, useContext } from 'react';
 import {render, act, screen, waitFor, fireEvent} from '@testing-library/react'
 
-import { ViewportContext, ViewportContextProvider } from 'context/ViewportContext';
+import { SettingsContext, SettingsContextProvider } from 'context/SettingsContext';
 
 function ViewportView() {
   const [renderCount, setRenderCount] = useState(0);
-  const viewport = useContext(ViewportContext);
+  const settings = useContext(SettingsContext);
 
   useEffect(() => {
     setRenderCount(renderCount + 1);
-  }, [viewport.state]);
+  }, [settings.state]);
 
   return (
     <div>
       <span data-testid="count">{ renderCount }</span>
-      <span data-testid="display">{ viewport.state.display }</span>
+      <span data-testid="display">{ settings.state.display }</span>
-      <span data-testid="width">{ viewport.state.width }</span>
+      <span data-testid="width">{ settings.state.width }</span>
-      <span data-testid="height">{ viewport.state.height }</span>
+      <span data-testid="height">{ settings.state.height }</span>
     </div>
   );
 }
 
 function ViewportTestApp() {
   return (
-    <ViewportContextProvider>
+    <SettingsContextProvider>
       <ViewportView />
-    </ViewportContextProvider>
+    </SettingsContextProvider>
   );
 }