Add tests

compulim · compulim · commit 89ac86dd3995 · 2026-04-14T21:22:05.000Z
diff --git a/__tests__/html2/accessibility/sendBox/ariaLabel.html b/__tests__/html2/accessibility/sendBox/ariaLabel.html
@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script type="importmap">
+      {
+        "imports": {
+          "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "react": "/__dist__/packages/bundle/static/react.js",
+          "react-dom": "/__dist__/packages/bundle/static/react-dom.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
+      import { createStoreWithOptions, renderWebChat, testIds } from 'botframework-webchat';
+
+      const {
+        testHelpers: { createDirectLineEmulator }
+      } = window;
+
+      // TODO: Should find ways to eliminate this line.
+      window.WebChat = { createStoreWithOptions, testIds };
+
+      testHelpers.hideKnownError();
+
+      run(async function () {
+        const { directLine, store } = createDirectLineEmulator();
+
+        renderWebChat(
+          {
+            directLine,
+            overrideLocalizedStrings: {
+              TEXT_INPUT_ALT: 'Hello, World!'
+            },
+            store
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        expect(pageElements.sendBoxTextBox().tagName).toBe('INPUT');
+        expect(pageElements.sendBoxTextBox().getAttribute('aria-label')).toBe('Hello, World!');
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html2/accessibility/sendBox/ariaLabel.multilineTextBox.html b/__tests__/html2/accessibility/sendBox/ariaLabel.multilineTextBox.html
@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script type="importmap">
+      {
+        "imports": {
+          "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "react": "/__dist__/packages/bundle/static/react.js",
+          "react-dom": "/__dist__/packages/bundle/static/react-dom.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
+      import { createStoreWithOptions, renderWebChat, testIds } from 'botframework-webchat';
+
+      const {
+        testHelpers: { createDirectLineEmulator }
+      } = window;
+
+      // TODO: Should find ways to eliminate this line.
+      window.WebChat = { createStoreWithOptions, testIds };
+
+      testHelpers.hideKnownError();
+
+      run(async function () {
+        const { directLine, store } = createDirectLineEmulator();
+
+        renderWebChat(
+          {
+            directLine,
+            overrideLocalizedStrings: {
+              TEXT_INPUT_ALT: 'Hello, World!'
+            },
+            store,
+            styleOptions: {
+              sendBoxTextWrap: true
+            }
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        expect(pageElements.sendBoxTextBox().tagName).toBe('TEXTAREA');
+        expect(pageElements.sendBoxTextBox().getAttribute('aria-label')).toBe('Hello, World!');
+      });
+    </script>
+  </body>
+</html>
