Merge pull request #427 from ant-media/fixAudioIsFalseInMediaConstraints

Remove default media constraints

react/src/Components/Footer/Components/ParticipantListButton.js

@@ -38,7 +38,7 @@ function ParticipantListButton({ footer }) {
                 >
                     <SvgIcon size={32} color={conference?.participantListDrawerOpen ? '#000' : '#fff'} name={'participants'} />
                   {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
-                    <a style={{color: conference?.participantListDrawerOpen ? '#000' : '#fff'}}>{Object.keys(conference.allParticipants).length}</a>
+                    <a style={{color: conference?.participantListDrawerOpen ? '#000' : '#fff'}}>{conference.participantCount}</a>
                 </CustomizedBtn>
             </Tooltip>
         );

react/src/__tests__/Components/Footer/Components/EndCallButton.test.js

@@ -0,0 +1,39 @@
+// src/EndCallButton.test.js
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ConferenceContext } from 'pages/AntMedia';
+import EndCallButton from "../../../../Components/Footer/Components/EndCallButton";
+
+// Mock the context value
+const contextValue = {
+  setLeftTheRoom: jest.fn(),
+};
+
+// Mock the useContext hook
+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useContext: jest.fn(),
+}));
+
+describe('End Call Button Component', () => {
+
+  beforeEach(() => {
+    // Reset the mock implementation before each test
+    jest.clearAllMocks();
+
+    React.useContext.mockImplementation(input => {
+      if (input === ConferenceContext) {
+        return contextValue;
+      }
+      return jest.requireActual('react').useContext(input);
+    });
+  });
+
+
+  it('renders without crashing', () => {
+    render(
+      <EndCallButton />
+    );
+  });
+
+});

react/src/__tests__/Components/Footer/Components/FakeParticipantButton.test.js

@@ -0,0 +1,40 @@
+// src/FakeParticipantButton.test.js
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ConferenceContext } from 'pages/AntMedia';
+import EndCallButton from "../../../../Components/Footer/Components/EndCallButton";
+import FakeParticipantButton from "../../../../Components/Footer/Components/FakeParticipantButton";
+
+// Mock the context value
+const contextValue = {
+  setLeftTheRoom: jest.fn(),
+};
+
+// Mock the useContext hook
+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useContext: jest.fn(),
+}));
+
+describe('Fake Participant Button Component', () => {
+
+  beforeEach(() => {
+    // Reset the mock implementation before each test
+    jest.clearAllMocks();
+
+    React.useContext.mockImplementation(input => {
+      if (input === ConferenceContext) {
+        return contextValue;
+      }
+      return jest.requireActual('react').useContext(input);
+    });
+  });
+
+
+  it('renders without crashing', () => {
+    render(
+      <FakeParticipantButton />
+    );
+  });
+
+});

react/src/__tests__/Components/Footer/Components/ParticipantListButton.test.js

@@ -1,13 +1,15 @@
 // src/Button.test.js
 import React from 'react';
-import { render } from '@testing-library/react';
+import {act, render} from '@testing-library/react';
 import { ConferenceContext } from 'pages/AntMedia';
 import ParticipantListButton from 'Components/Footer/Components/ParticipantListButton';
 import { random } from 'lodash';
 
 // Mock the context value
 const contextValue = {
   allParticipants: {},
+  participantCount: 0,
+  setParticipantCount: jest.fn()
 };
 
 // Mock the useContext hook
@@ -37,11 +39,14 @@ describe('ParticipantList Button Component', () => {
       );
   });
 
-  it('check the count on button', () => {
+  it('check the count on button', async () => {
     var noOfParticipants = random(1, 10);
-    for (let i = 0; i < noOfParticipants; i++) {
-      contextValue.allParticipants[`k${i}`] = `v${i}`;
-    }
+
+    await act(()=>
+    {
+      contextValue.setParticipantCount(noOfParticipants)
+      contextValue.participantCount = noOfParticipants;
+    });
 
     const { container, getByText, getByRole } = render(
         <ParticipantListButton />

react/src/__tests__/pages/LeftTheRoom.test.js

@@ -0,0 +1,48 @@
+// src/LeftTheRoom.test.js
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react';
+import { ConferenceContext } from 'pages/AntMedia';
+import theme from "styles/theme";
+import { ThemeProvider } from '@mui/material/styles';
+import {ThemeList} from "styles/themeList";
+import LeftTheRoom from "../../pages/LeftTheRoom";
+
+// Mock the context value
+const contextValue = {
+  allParticipants: {},
+  videoTrackAssignments: [{id: 1, name: 'test'}],
+  globals: {desiredTileCount: 10},
+  handleLeaveFromRoom: jest.fn(),
+};
+
+// Mock the useContext hook
+jest.mock('react', () => ({
+  ...jest.requireActual('react'),
+  useContext: jest.fn(),
+}));
+
+describe('Left The Room Component', () => {
+
+  beforeEach(() => {
+    // Reset the mock implementation before each test
+    jest.clearAllMocks();
+
+    React.useContext.mockImplementation(input => {
+      if (input === ConferenceContext) {
+        return contextValue;
+      } 
+      return jest.requireActual('react').useContext(input);
+    });
+  });
+
+
+  it('renders without crashing', () => {
+    const { container, getByText, getByRole } = render(
+        <ThemeProvider theme={theme(ThemeList.Green)}>
+            <LeftTheRoom />
+        </ThemeProvider>
+      );
+
+    console.log(container.outerHTML);
+  });
+});

react/src/pages/AntMedia.js

@@ -92,7 +92,6 @@ function getMediaConstraints(videoSendResolution, frameRate) {
             };
             break;
         default:
-            constraint = { video: true };
             break;
     }
 
@@ -1274,7 +1273,6 @@ function AntMedia(props) {
         if (devices.length > 0) {
             checkAndUpdateVideoAudioSources();
         } else {
-            mediaConstraints = getMediaConstraints(null, 20);
             navigator.mediaDevices.enumerateDevices().then(devices => {
                 setDevices(devices);
             });