Consolidate and update browser-echo-bot dependencies (#4764)

package.json

@@ -7,6 +7,7 @@
     "libraries/functional-tests/dialogToDialog/*",
     "libraries/testskills/*",
     "testing/*",
+    "testing/browser-functional/browser-echo-bot",
     "tools",
     "transcripts"
   ],
@@ -97,6 +98,7 @@
     "typedoc-plugin-external-module-name": "^4.0.6",
     "typedoc-plugin-markdown": "^4.2.7",
     "typescript": "~4.7",
+    "webpack-dev-server": "^5.1.0",
     "wsrun": "^5.2.4",
     "esmify": "^2.1.1",
     "babelify": "^10.0.0"

testing/browser-functional/browser-echo-bot/package.json

@@ -11,40 +11,34 @@
     "start": "webpack-dev-server"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.2",
-    "botbuilder-core": "^4.5.1",
-    "botbuilder-dialogs": "~4.5.1",
-    "botframework-directlinejs": "~0.11.2",
-    "botframework-webchat": "~4.16.0",
-    "core-js": "^3.1.4"
+    "@babel/runtime": "^7.25.6",
+    "botbuilder-core": "4.1.6",
+    "botbuilder-dialogs": "4.1.6",
+    "botframework-directlinejs": "~0.15.5",
+    "botframework-webchat": "~4.18.0",
+    "core-js": "^3.38.1",
+    "process": "^0.11.10"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.0",
-    "@babel/core": "^7.23.2",
+    "@babel/cli": "^7.25.6",
+    "@babel/core": "^7.25.2",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-typescript": "^7.23.2",
-    "@babel/runtime": "^7.23.2",
-    "babel-loader": "^8.0.6",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-typescript": "^7.24.7",
+    "@babel/runtime": "^7.25.6",
+    "babel-loader": "^9.2.1",
     "browserify": "^17.0.0",
     "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.11.0",
-    "react": "~16.8.6",
-    "react-dom": "~16.8.6",
-    "regenerator-runtime": "^0.13.2",
+    "copy-webpack-plugin": "^12.0.2",
+    "crypto-browserify": "^3.12.0",
+    "css-loader": "^7.1.2",
+    "react": "~18.3.1",
+    "react-dom": "~18.3.1",
+    "regenerator-runtime": "^0.14.1",
     "stream-browserify": "^3.0.0",
-    "style-loader": "^0.23.1",
-    "webpack": "^5.94.0",
+    "style-loader": "^4.0.0",
+    "webpack": "^5.95.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.2"
-  },
-  "resolutions": {
-    "botframework-webchat/sanitize-html": "^2.13.0",
-    "@microsoft/recognizers-text-number": "~1.3.1"
-  },
-  "overrides": {
-    "botframework-webchat/sanitize-html": "^2.13.0",
-    "@microsoft/recognizers-text-number": "~1.3.1"
+    "webpack-dev-server": "^5.1.0"
   }
 }

testing/browser-functional/browser-echo-bot/src/css/app.css

@@ -9,19 +9,6 @@ body {
     box-sizing: content-box;
 }
 
-section {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: 10px;
-    padding: 10px;
-    border: 1px solid #d1d1d1;
-    display: flex;
-    overflow: hidden;
-}
-
 section > div:first-child {
     width: 100%;
 }

testing/browser-functional/browser-echo-bot/webpack.config.js

@@ -61,9 +61,10 @@ module.exports = {
             tls: false,
             vm: false,
             path: false,
-            crypto: false,
+            crypto: require.resolve('crypto-browserify'),
             stream: require.resolve('stream-browserify'),
-            buffer: require.resolve('buffer')
+            buffer: require.resolve('buffer'),
+            'process/browser': require.resolve('process/browser'),
         },
     },
     output: {

testing/browser-functional/browser-tests-build-ci.yml

@@ -42,8 +42,11 @@ steps:
     cp "%GECKOWEBDRIVER%/geckodriver.exe" "testing/browser-functional/drivers"
   displayName: use browser drivers
 
-- script: cd testing/browser-functional/browser-echo-bot && yarn && yarn build
-  displayName: yarn install and build browser-echo-bot
+- script: yarn --network-timeout 600000
+  displayName: yarn install
+
+- script: yarn build
+  displayName: yarn build
 
 - task: PowerShell@2
   inputs:
@@ -75,9 +78,6 @@ steps:
      echo "# Deploy source code"
      call az webapp deployment source config-zip --resource-group "$(TestResourceGroup)" --name "$(TestWebApp)" --src "$(System.DefaultWorkingDirectory)/testing/browser-functional/browser-echo-bot/browser-echo-bot.zip"
 
-- script: yarn --network-timeout 600000
-  displayName: yarn install
-
 - script: yarn browser-functional-test chrome
   displayName: run chrome tests