Fuyan/test draft

change-beta/@azure-communication-react-2ded9686-b6a2-4ba0-8f30-c37c5b51390f.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Hard mute",
+  "comment": "test",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-2ded9686-b6a2-4ba0-8f30-c37c5b51390f.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Hard mute",
+  "comment": "test",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/CallComposite/components/buttons/Microphone.tsx

@@ -62,7 +62,7 @@ export const Microphone = (props: {
       enableDeviceSelectionMenu={props.splitButtonsForDeviceSelection}
       disabled={microphoneButtonProps.disabled || props.disabled || !!(isRoomsCall && role === 'Unknown')}
       onRenderOffIcon={
-        unmuteMicCapability && !unmuteMicCapability.isPresent
+        unmuteMicCapability?.isPresent === false
           ? () => <_HighContrastAwareIcon disabled={true} iconName={'ControlButtonMicProhibited'} />
           : undefined
       }

packages/react-composites/tests/browser/call/hermetic/RoomsCallScreen.test.ts

@@ -66,6 +66,7 @@ test.describe('Rooms CallScreen tests for different roles', async () => {
     const initialState = defaultMockCallAdapterState([], 'Attendee', true);
     await page.goto(buildUrlWithMockAdapter(serverUrl, { ...initialState }));
     await waitForSelector(page, dataUiId(IDS.videoGallery));
+    await page.waitForTimeout(2000);
     expect(await stableScreenshot(page)).toMatchSnapshot('rooms-call-screen-attendee.png');
     if (isTestProfileMobile(testInfo)) {
       await pageClick(page, dataUiId(IDS.moreButton));