Move all fatModule test to use ESM harness and page-object

compulim · compulim · commit 261ac1a03a29 · 2025-09-28T01:16:30.000Z
diff --git a/__tests__/html2/simple/fatModule/adaptiveCards.html b/__tests__/html2/simple/fatModule/adaptiveCards.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -17,6 +15,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, renderWebChat } from 'botframework-webchat';
 
       run(async function () {
diff --git a/__tests__/html2/simple/fatModule/esm.run/adaptiveCards.html b/__tests__/html2/simple/fatModule/esm.run/adaptiveCards.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -18,6 +16,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, renderWebChat } from 'botframework-webchat';
 
       run(async function () {
diff --git a/__tests__/html2/simple/fatModule/esm.run/simple.html b/__tests__/html2/simple/fatModule/esm.run/simple.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -18,6 +16,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, renderWebChat } from 'botframework-webchat';
 
       run(async function () {
diff --git a/__tests__/html2/simple/fatModule/esm.run/supportPolymiddleware.reactDOMRender.html b/__tests__/html2/simple/fatModule/esm.run/supportPolymiddleware.reactDOMRender.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -20,6 +18,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
diff --git a/__tests__/html2/simple/fatModule/esm.run/supportPolymiddleware.reactDOMRender.withCreateRoot.html b/__tests__/html2/simple/fatModule/esm.run/supportPolymiddleware.reactDOMRender.withCreateRoot.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -20,6 +18,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
diff --git a/__tests__/html2/simple/fatModule/esm.run/supportPolymiddleware.renderWebChat.html b/__tests__/html2/simple/fatModule/esm.run/supportPolymiddleware.renderWebChat.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -20,6 +18,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, renderWebChat } from 'botframework-webchat';
       import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
diff --git a/__tests__/html2/simple/fatModule/esm.sh/adaptiveCards.html b/__tests__/html2/simple/fatModule/esm.sh/adaptiveCards.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -17,6 +15,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, renderWebChat } from 'botframework-webchat';
 
       run(async function () {
diff --git a/__tests__/html2/simple/fatModule/esm.sh/fluentTheme.html b/__tests__/html2/simple/fatModule/esm.sh/fluentTheme.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
     <style type="text/css">
       /* TODO: [P*] Can we eliminate this style? */
       .fui-FluentProvider,
@@ -29,6 +27,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { FluentProvider, webLightTheme } from '@fluentui/react-components';
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { FluentThemeProvider } from 'botframework-webchat-fluent-theme';
diff --git a/__tests__/html2/simple/fatModule/esm.sh/simple.html b/__tests__/html2/simple/fatModule/esm.sh/simple.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -17,6 +15,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, renderWebChat } from 'botframework-webchat';
 
       run(async function () {
diff --git a/__tests__/html2/simple/fatModule/esm.sh/supportPolymiddleware.reactDOMRender.html b/__tests__/html2/simple/fatModule/esm.sh/supportPolymiddleware.reactDOMRender.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -18,6 +16,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
       import { createElement } from 'react';
diff --git a/__tests__/html2/simple/fatModule/esm.sh/supportPolymiddleware.reactDOMRender.withCreateRoot.html b/__tests__/html2/simple/fatModule/esm.sh/supportPolymiddleware.reactDOMRender.withCreateRoot.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -19,6 +17,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
       import { createElement } from 'react';
diff --git a/__tests__/html2/simple/fatModule/esm.sh/supportPolymiddleware.renderWebChat.html b/__tests__/html2/simple/fatModule/esm.sh/supportPolymiddleware.renderWebChat.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -18,6 +16,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, renderWebChat } from 'botframework-webchat';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
       import { createElement } from 'react';
diff --git a/__tests__/html2/simple/fatModule/esm.sh/tsx/fluentTheme.html b/__tests__/html2/simple/fatModule/esm.sh/tsx/fluentTheme.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
     <style type="text/css">
       /* TODO: [P*] Can we eliminate this style? */
       .fui-FluentProvider,
@@ -30,6 +28,9 @@
     </script>
     <script src="https://esm.sh/tsx" type="module"></script>
     <script type="text/babel">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { FluentProvider, webLightTheme } from '@fluentui/react-components';
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { FluentThemeProvider } from 'botframework-webchat-fluent-theme';
diff --git a/__tests__/html2/simple/fatModule/esm.sh/tsx/simple.html b/__tests__/html2/simple/fatModule/esm.sh/tsx/simple.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -21,6 +19,9 @@
     </script>
     <script src="https://esm.sh/tsx" type="module"></script>
     <script type="text/babel">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { createElement } from 'react';
       import { createRoot } from 'react-dom/client';
diff --git a/__tests__/html2/simple/fatModule/esm.sh/tsx/supportPolymiddleware.reactDOMRender.withCreateRoot.html b/__tests__/html2/simple/fatModule/esm.sh/tsx/supportPolymiddleware.reactDOMRender.withCreateRoot.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -21,6 +19,9 @@
     </script>
     <script src="https://esm.sh/tsx" type="module"></script>
     <script type="text/babel">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
diff --git a/__tests__/html2/simple/fatModule/fluentTheme.html b/__tests__/html2/simple/fatModule/fluentTheme.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
     <style type="text/css">
       /* TODO: [P*] Can we eliminate this style? */
       .fui-FluentProvider,
@@ -33,6 +31,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { FluentProvider, webLightTheme } from '@fluentui/react-components';
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { FluentThemeProvider } from 'botframework-webchat-fluent-theme';
diff --git a/__tests__/html2/simple/fatModule/simple.html b/__tests__/html2/simple/fatModule/simple.html
@@ -17,6 +17,7 @@
     <script type="module">
       import '/test-harness.mjs';
       import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, renderWebChat } from 'botframework-webchat';
       import { version } from 'react';
 
diff --git a/__tests__/html2/simple/fatModule/simple.react-baseline.html b/__tests__/html2/simple/fatModule/simple.react-baseline.html
@@ -18,6 +18,7 @@
     <script type="module">
       import '/test-harness.mjs';
       import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, renderWebChat } from 'botframework-webchat';
       import { createElement, version } from 'react';
 
diff --git a/__tests__/html2/simple/fatModule/simple.react-umd.html b/__tests__/html2/simple/fatModule/simple.react-umd.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -19,6 +17,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, ReactWebChat } from 'botframework-webchat';
       import { createElement } from 'react';
       import { render } from 'react-dom';
diff --git a/__tests__/html2/simple/fatModule/speech.skip.html b/__tests__/html2/simple/fatModule/speech.skip.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -17,6 +15,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import {
         createCognitiveServicesSpeechServicesPonyfillFactory,
         createDirectLine,
diff --git a/__tests__/html2/simple/fatModule/supportPolymiddleware.reactDOMRender.html b/__tests__/html2/simple/fatModule/supportPolymiddleware.reactDOMRender.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -19,6 +17,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, ReactWebChat } from 'botframework-webchat';
       import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
diff --git a/__tests__/html2/simple/fatModule/supportPolymiddleware.renderWebChat.html b/__tests__/html2/simple/fatModule/supportPolymiddleware.renderWebChat.html
@@ -2,8 +2,6 @@
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
-    <script crossorigin="anonymous" src="/test-harness.js"></script>
-    <script crossorigin="anonymous" src="/test-page-object.js"></script>
   </head>
   <body>
     <main id="webchat"></main>
@@ -19,6 +17,9 @@
       }
     </script>
     <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
       import { createDirectLine, createStoreWithOptions, hooks, renderWebChat } from 'botframework-webchat';
       import { useStyleOptions } from 'botframework-webchat/hook';
       import { activityComponent, createActivityPolymiddleware } from 'botframework-webchat/middleware';
