Fluent: test fluentui bundles (#5142)

* Fluent: test fluentui bundles

* Remove unnecessary serve instructions

* Add precommit and fix issues

* Rename package

* Add build artifacts to docker context

* Sort

* Bring back botframework-webchat-fluent-theme.production.min.js.map

* Reorder static entries

* Fix extra space

* Fix duplicate string

* Apply customizations to the dark theme

* Fix color

.dockerignore

@@ -2,7 +2,9 @@
 !/__tests__
 /__tests__/__image_snapshots__
 !/packages/bundle/dist
+!/packages/fluent-theme/dist
 !/packages/playground/build
+!/packages/test/fluent-bundle/dist
 !/packages/test/harness/dist
 !/packages/test/page-object/dist
 !/serve-test.json

.github/workflows/pull-request-validation.yml

@@ -53,16 +53,17 @@ jobs:
       - name: Pack Docker artifact
         run: |
           zip docker.zip -r@ <<EOF
-          ./__tests__/
           ./babel-jest-config.js
           ./babel-passthru-transformer.js
           ./babel.config.json
           ./docker-compose-wsl2.yml
           ./jest.config.js
-          ./package.json
           ./package-lock.json
+          ./package.json
+          ./__tests__/
           ./packages/bundle/dist/
           ./packages/fluent-theme/dist/
+          ./packages/test/fluent-bundle/dist/
           ./packages/test/harness/
           ./packages/test/page-object/dist/
           ./serve-test.json

docker-compose-wsl2.yml

@@ -46,6 +46,7 @@ services:
       - ./__tests__/html/:/var/web/__tests__/html/
       - ./packages/bundle/dist/:/var/web/packages/bundle/dist/
       - ./packages/fluent-theme/dist/:/var/web/packages/fluent-theme/dist/
+      - ./packages/test/fluent-bundle/dist/:/var/web/packages/test/fluent-bundle/dist/
       - ./packages/test/harness/dist/:/var/web/packages/test/harness/dist/
       - ./packages/test/page-object/dist/:/var/web/packages/test/page-object/dist/
 

packages/test/dev-server/src/index.js

@@ -61,6 +61,46 @@ const resolveFromRepositoryRoot = resolveFromProjectRoot.bind(undefined, '../../
     )
   );
 
+  app.use(
+    '/__dist__/fluent-bundle.development.js',
+    express.static(
+      resolve(
+        fileURLToPath(import.meta.url),
+        '../../../../test/fluent-bundle/dist/fluent-bundle.development.js'
+      )
+    )
+  );
+
+  app.use(
+    '/__dist__/fluent-bundle.development.js.map',
+    express.static(
+      resolve(
+        fileURLToPath(import.meta.url),
+        '../../../../test/fluent-bundle/dist/fluent-bundle.development.js.map'
+      )
+    )
+  );
+
+  app.use(
+    '/__dist__/fluent-bundle.production.min.js',
+    express.static(
+      resolve(
+        fileURLToPath(import.meta.url),
+        '../../../../test/fluent-bundle/dist/fluent-bundle.production.min.js'
+      )
+    )
+  );
+
+  app.use(
+    '/__dist__/fluent-bundle.production.min.js.map',
+    express.static(
+      resolve(
+        fileURLToPath(import.meta.url),
+        '../../../../test/fluent-bundle/dist/fluent-bundle.production.min.js.map'
+      )
+    )
+  );
+
   // /__dist__/ will be serve from ESBuild development server.
   app.use(
     '/__dist__/',

packages/test/fluent-bundle/.eslintrc.yml

@@ -0,0 +1,12 @@
+extends:
+  - ../../../.eslintrc.production.yml
+  - ../../../.eslintrc.react.yml
+
+# TODO: #3212 When we move to React Native, we should disable this.
+env:
+  browser: true
+
+rules:
+  react/destructuring-assignment: off
+  react/require-default-props: off
+  dot-notation: off

packages/test/fluent-bundle/.gitignore

@@ -0,0 +1,4 @@
+/*.tgz
+/dist
+/lib
+/node_modules

packages/test/fluent-bundle/.prettierrc.yml

@@ -0,0 +1,11 @@
+arrowParens: avoid
+bracketSameLine: false
+bracketSpacing: true
+endOfLine: auto
+printWidth: 120
+proseWrap: preserve
+quoteProps: as-needed
+semi: true
+singleQuote: true
+tabWidth: 2
+trailingComma: none