Fuyan/oce dep updates test

change-beta/@azure-communication-react-b0affcd5-5770-4f23-9e6e-94149f8cc082.json

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

change/@azure-communication-react-b0affcd5-5770-4f23-9e6e-94149f8cc082.json

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

common/config/package.json

@@ -21,7 +21,7 @@
     "@playwright/test": "~1.49.1",
     "@rollup/plugin-commonjs": "~25.0.7",
     "@rollup/plugin-json": "^6.0.1",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.6",
     "beachball": "^2.44.0",
     "rollup": "^4.27.2",
     "rollup-plugin-sourcemaps": "~0.6.3",

packages/calling-component-bindings/package.json

@@ -46,7 +46,7 @@
   },
   "devDependencies": {
         "@azure/communication-calling": "1.32.2-beta.1 || ^1.32.1",
-    "@azure/communication-calling-effects": "^1.1.2",
+    "@azure/communication-calling-effects": "^1.1.3",
     "@babel/cli": "^7.24.8",
     "@babel/core": "^7.25.2",
     "@types/jest": "^29.5.14",

packages/chat-stateful-client/package.json

@@ -50,7 +50,7 @@
     "@types/react": "18.3.12",
     "@typescript-eslint/eslint-plugin": "^7.14.1",
     "@typescript-eslint/parser": "^7.14.1",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.6",
     "copyfiles": "^2.4.1",
     "cpy-cli": "^5.0.0",
     "cross-env": "^7.0.3",
@@ -69,4 +69,4 @@
     "ts-jest": "^29.1.5",
     "typescript": "5.4.5"
   }
-}
+}

packages/communication-react/package.json

@@ -28,17 +28,17 @@
     "@azure/logger": "^1.0.4",
     "@fluentui/react-components": "^9.56.1",
     "@fluentui/react": "^8.121.11",
-    "@fluentui/react-file-type-icons": "8.12.4",
+    "@fluentui/react-file-type-icons": "8.12.7",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-icons": "^2.0.266",
+    "@fluentui/react-icons": "^2.0.270",
     "@fluentui/react-window-provider": "^2.2.27",
     "@fluentui-contrib/react-chat": "0.1.10",
     "@griffel/react": "^1.5.27",
     "@types/events": "^3.0.3",
     "copy-to-clipboard": "^3.3.1",
-    "dompurify": "^3.1.7",
+    "dompurify": "^3.2.3",
     "events": "^3.3.0",
-    "html-react-parser": "^5.1.18",
+    "html-react-parser": "^5.2.2",
     "immer": "10.1.1",
     "memoize-one": "^5.2.1",
     "nanoid": "3.3.8",
@@ -112,7 +112,7 @@
   },
   "devDependencies": {
         "@azure/communication-calling": "1.32.2-beta.1 || ^1.32.1",
-    "@azure/communication-calling-effects": "^1.1.2",
+    "@azure/communication-calling-effects": "^1.1.3",
     "@azure/core-auth": "^1.7.2",
     "@babel/cli": "^7.24.8",
     "@babel/core": "^7.25.2",
@@ -124,15 +124,15 @@
     "@internal/react-components": "1.23.0-beta.0",
     "@internal/react-composites": "1.23.0-beta.0",
     "@internal/acs-ui-javascript-loaders": "1.23.0-beta.0",
-    "@microsoft/api-documenter": "~7.26.0",
+    "@microsoft/api-documenter": "~7.26.5",
     "@microsoft/api-extractor": "~7.48.0",
     "@rollup/plugin-json": "^6.0.1",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
     "@types/dompurify": "^3.0.5",
     "@types/jest": "^29.5.14",
     "@types/json-stringify-safe": "^5.0.3",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.6",
     "@types/react-dom": "18.3.1",
     "@types/react-linkify": "^1.0.4",
     "@types/react": "18.3.12",
@@ -172,7 +172,7 @@
     "ts-patch": "^3.1.2",
     "type-fest": "^4.14.0",
     "typescript": "5.4.5",
-    "typescript-transform-paths": "^3.5.2"
+    "typescript-transform-paths": "^3.5.3"
   },
   "beachball": {
     "shouldPublish": false

packages/react-components/package.json

@@ -39,16 +39,16 @@
     "@azure/logger": "^1.0.4",
     "@fluentui/react": "^8.121.11",
     "@fluentui/react-components": "^9.56.1",
-    "@fluentui/react-file-type-icons": "8.12.4",
+    "@fluentui/react-file-type-icons": "8.12.7",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-icons": "^2.0.266",
+    "@fluentui/react-icons": "^2.0.270",
     "@fluentui/react-window-provider": "^2.2.27",
     "@fluentui-contrib/react-chat": "0.1.10",
     "@internal/acs-ui-common": "1.23.0-beta.0",
     "@griffel/react": "^1.5.27",
     "copy-to-clipboard": "^3.3.1",
-    "dompurify": "^3.1.7",
-    "html-react-parser": "^5.1.18",
+    "dompurify": "^3.2.3",
+    "html-react-parser": "^5.2.2",
     "react-linkify": "^1.0.0-alpha",
     "react-use-draggable-scroll": "^0.4.7",
     "roosterjs-content-model-api": "^9.16.0",
@@ -80,7 +80,7 @@
     "@types/dompurify": "^3.0.5",
     "@types/jest": "^29.5.14",
     "@types/json-stringify-safe": "^5.0.3",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.6",
     "@types/react-dom": "18.3.1",
     "@types/react-linkify": "^1.0.4",
     "@types/react": "18.3.12",

packages/react-composites/package.json

@@ -52,15 +52,15 @@
     "@azure/core-paging": "^1.5.0",
     "@azure/core-rest-pipeline": "^1.13.0",
     "@azure/logger": "^1.0.4",
-    "@fluentui/react-file-type-icons": "8.12.4",
+    "@fluentui/react-file-type-icons": "8.12.7",
     "@fluentui/react-hooks": "^8.8.16",
     "@internal/acs-ui-common": "1.23.0-beta.0",
     "@internal/calling-component-bindings": "1.23.0-beta.0",
     "@internal/calling-stateful-client": "1.23.0-beta.0",
     "@internal/chat-component-bindings": "1.23.0-beta.0",
     "@internal/chat-stateful-client": "1.23.0-beta.0",
     "@internal/react-components": "1.23.0-beta.0",
-    "@fluentui/react-icons": "^2.0.266",
+    "@fluentui/react-icons": "^2.0.270",
     "@fluentui/react": "^8.121.11",
     "@types/events": "^3.0.3",
     "copy-to-clipboard": "^3.3.1",
@@ -88,7 +88,7 @@
     "@babel/preset-env": "7.23.9",
     "@internal/fake-backends": "1.23.0-beta.0",
     "@internal/eslint-plugin-custom-rules": "0.1.0",
-    "@microsoft/api-documenter": "~7.26.0",
+    "@microsoft/api-documenter": "~7.26.5",
     "@microsoft/api-extractor": "~7.48.0",
     "@playwright/test": "~1.49.1",
     "@testing-library/jest-dom": "^6.4.8",
@@ -97,7 +97,7 @@
     "@types/express": "^4.17.8",
     "@types/jest": "^29.5.14",
     "@types/json-stringify-safe": "^5.0.3",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.6",
     "@types/react-dom": "18.3.1",
     "@types/react-linkify": "^1.0.4",
     "@types/react": "18.3.12",
@@ -158,4 +158,4 @@
     "webpack": "5.95.0",
     "yargs": "^17.7.2"
   }
-}
+}

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

@@ -38,6 +38,8 @@ export const Microphone = (props: {
   const role = useSelector(getRole);
   const unmuteMicCapability = useSelector(getCapabilites)?.unmuteMic;
 
+  console.error('Microphone.tsx: ', role, unmuteMicCapability);
+
   /**
    * When call is in connecting state, microphone button should be disabled.
    * This is due to to headless limitation where a call can not be muted/unmuted in lobby.

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

@@ -17,7 +17,7 @@ test.describe('Media access mic/camera forbid/permit tests', async () => {
     const initialState = defaultMockCallAdapterState(participants, 'Presenter', false, undefined, true);
 
     await page.goto(buildUrlWithMockAdapter(serverUrl, initialState, { newControlBarExperience: 'true' }));
-    await page.pause();
+
     if (isTestProfileMobile(testInfo)) {
       await waitForSelector(page, dataUiId(IDS.microphoneButton));
       await waitForSelector(page, dataUiId(IDS.cameraButton));
@@ -51,7 +51,7 @@ test.describe('Media access mic/camera forbid/permit tests', async () => {
     }
 
     await page.goto(buildUrlWithMockAdapter(serverUrl, initialState, { newControlBarExperience: 'true' }));
-    await page.pause();
+
     if (isTestProfileMobile(testInfo)) {
       await waitForSelector(page, dataUiId(IDS.microphoneButton));
       await waitForSelector(page, dataUiId(IDS.cameraButton));