Migrate test

microsoft · Apr 6, 2024 · 6dd7059 · 6dd7059
1 parent 5410127
commit 6dd7059
Show file tree

Hide file tree

Showing 28 changed files with 490 additions and 311 deletions.
diff --git a/...-with-custom-thumbnail-quality-1-snap.png → ...-thumbnail-quality-should-send-1-snap.png b/...-with-custom-thumbnail-quality-1-snap.png → ...-thumbnail-quality-should-send-1-snap.png
diff --git a/...-with-custom-thumbnail-quality-1-snap.png → ...-thumbnail-quality-should-send-1-snap.png b/...-with-custom-thumbnail-quality-1-snap.png → ...-thumbnail-quality-should-send-1-snap.png
diff --git a/...ure-with-custom-thumbnail-size-1-snap.png → ...tom-thumbnail-size-should-send-1-snap.png b/...ure-with-custom-thumbnail-size-1-snap.png → ...tom-thumbnail-size-should-send-1-snap.png
diff --git a/...ker-with-custom-thumbnail-size-1-snap.png → ...tom-thumbnail-size-should-send-1-snap.png b/...ker-with-custom-thumbnail-size-1-snap.png → ...tom-thumbnail-size-should-send-1-snap.png
diff --git a/...d-a-picture-without-web-worker-1-snap.png → ...without-web-worker-should-send-1-snap.png b/...d-a-picture-without-web-worker-1-snap.png → ...without-web-worker-should-send-1-snap.png
diff --git a/...oad-js-upload-a-txt-plain-file-1-snap.png → ...-a-plain-text-file-should-send-1-snap.png b/...oad-js-upload-a-txt-plain-file-1-snap.png → ...-a-plain-text-file-should-send-1-snap.png
diff --git a/...er/upload-js-upload-a-zip-file-1-snap.png → ...-upload-a-zip-file-should-send-1-snap.png b/...er/upload-js-upload-a-zip-file-1-snap.png → ...-upload-a-zip-file-should-send-1-snap.png
diff --git a/...ker/upload-js-upload-a-picture-2-snap.png → ...-picture-should-send-telemetry-1-snap.png b/...ker/upload-js-upload-a-picture-2-snap.png → ...-picture-should-send-telemetry-1-snap.png
diff --git a/...with-custom-thumbnail-disabled-1-snap.png → ...-without-thumbnail-should-send-1-snap.png b/...with-custom-thumbnail-disabled-1-snap.png → ...-without-thumbnail-should-send-1-snap.png
diff --git a/__tests__/html/upload/uploadPlainTextFile.html b/__tests__/html/upload/uploadPlainTextFile.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<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>
+    <script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script>
+      run(async function () {
+        const directLine = WebChat.createDirectLine({ token: await testHelpers.token.fetchDirectLineToken() });
+        const store = testHelpers.createStore();
+
+        WebChat.renderWebChat(
+          {
+            directLine,
+            store
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        await pageObjects.uploadFile('empty.txt');
+        await host.click(pageElements.sendButton());
+
+        await pageConditions.minNumActivitiesShown(2);
+        await pageConditions.allImagesLoaded();
+
+        await host.snapshot();
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html/upload/uploadPlainTextFile.js b/__tests__/html/upload/uploadPlainTextFile.js
@@ -0,0 +1,5 @@
+/** @jest-environment ./packages/test/harness/src/host/jest/WebDriverEnvironment.js */
+
+describe('upload a plain text file', () => {
+  test('should send', () => runHTML('upload/uploadPlainTextFile'));
+});
diff --git a/__tests__/html/upload/uploadZipFile.html b/__tests__/html/upload/uploadZipFile.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<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>
+    <script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script>
+      run(async function () {
+        const directLine = WebChat.createDirectLine({ token: await testHelpers.token.fetchDirectLineToken() });
+        const store = testHelpers.createStore();
+
+        WebChat.renderWebChat(
+          {
+            directLine,
+            store
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        await pageObjects.uploadFile('empty.zip');
+        await host.click(pageElements.sendButton());
+
+        await pageConditions.minNumActivitiesShown(2);
+        await pageConditions.allImagesLoaded();
+
+        await host.snapshot();
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html/upload/uploadZipFile.js b/__tests__/html/upload/uploadZipFile.js
@@ -0,0 +1,5 @@
+/** @jest-environment ./packages/test/harness/src/host/jest/WebDriverEnvironment.js */
+
+describe('upload a zip file', () => {
+  test('should send', () => runHTML('upload/uploadZipFile'));
+});
diff --git a/__tests__/html/upload/withWebWorker/customThumbnailQuality.html b/__tests__/html/upload/withWebWorker/customThumbnailQuality.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<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>
+    <script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script>
+      run(async function () {
+        const directLine = WebChat.createDirectLine({ token: await testHelpers.token.fetchDirectLineToken() });
+        const store = testHelpers.createStore();
+
+        WebChat.renderWebChat(
+          {
+            directLine,
+            store,
+            styleOptions: {
+              uploadThumbnailQuality: 0.1
+            }
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        await pageObjects.uploadFile('seaofthieves.jpg');
+        await host.click(pageElements.sendButton());
+
+        await pageConditions.minNumActivitiesShown(2);
+        await pageConditions.allImagesLoaded();
+
+        await host.snapshot();
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html/upload/withWebWorker/customThumbnailQuality.js b/__tests__/html/upload/withWebWorker/customThumbnailQuality.js
@@ -0,0 +1,5 @@
+/** @jest-environment ./packages/test/harness/src/host/jest/WebDriverEnvironment.js */
+
+describe('with Web Worker upload a picture with custom thumbnail quality', () => {
+  test('should send', () => runHTML('upload/withWebWorker/customThumbnailQuality'));
+});
diff --git a/__tests__/html/upload/withWebWorker/customThumbnailSize.html b/__tests__/html/upload/withWebWorker/customThumbnailSize.html
@@ -0,0 +1,41 @@
+<!doctype html>
+<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>
+    <script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script>
+      run(async function () {
+        const directLine = WebChat.createDirectLine({ token: await testHelpers.token.fetchDirectLineToken() });
+        const store = testHelpers.createStore();
+
+        WebChat.renderWebChat(
+          {
+            directLine,
+            store,
+            styleOptions: {
+              uploadThumbnailContentType: 'image/png',
+              uploadThumbnailHeight: 60,
+              uploadThumbnailWidth: 120
+            }
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        await pageObjects.uploadFile('seaofthieves.jpg');
+        await host.click(pageElements.sendButton());
+
+        await pageConditions.minNumActivitiesShown(2);
+        await pageConditions.allImagesLoaded();
+
+        await host.snapshot();
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html/upload/withWebWorker/customThumbnailSize.js b/__tests__/html/upload/withWebWorker/customThumbnailSize.js
@@ -0,0 +1,5 @@
+/** @jest-environment ./packages/test/harness/src/host/jest/WebDriverEnvironment.js */
+
+describe('with Web Worker upload a picture with custom thumbnail size', () => {
+  test('should send', () => runHTML('upload/withWebWorker/customThumbnailSize'));
+});
diff --git a/__tests__/html/upload/withWebWorker/withTelemetry.html b/__tests__/html/upload/withWebWorker/withTelemetry.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<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>
+    <script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script>
+      run(async function () {
+        const directLine = WebChat.createDirectLine({ token: await testHelpers.token.fetchDirectLineToken() });
+        const store = testHelpers.createStore();
+
+        const telemetryMeasurements = [];
+
+        WebChat.renderWebChat(
+          {
+            directLine,
+            store,
+            onTelemetry: event => {
+              const { data, dimensions, duration, error, fatal, name, type, value } = event;
+
+              telemetryMeasurements.push({
+                data,
+                dimensions,
+                duration,
+                error,
+                fatal,
+                name,
+                type,
+                value
+              });
+            }
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        await pageObjects.uploadFile('seaofthieves.jpg');
+        await host.click(pageElements.sendButton());
+
+        await pageConditions.minNumActivitiesShown(2);
+        await pageConditions.allImagesLoaded();
+
+        const sendFileTelemetryMeasurements = telemetryMeasurements.filter(({ name }) =>
+          ['init', 'sendFiles:makeThumbnail', 'submitSendBox'].includes(name)
+        );
+
+        expect(sendFileTelemetryMeasurements).toHaveProperty('length', 4);
+        expect(sendFileTelemetryMeasurements[2]).toHaveProperty('name', 'sendFiles:makeThumbnail');
+        expect(sendFileTelemetryMeasurements[2]).toHaveProperty('type', 'timingend');
+
+        sendFileTelemetryMeasurements[2].duration = 1000;
+
+        expect(sendFileTelemetryMeasurements).toEqual([
+          {
+            data: undefined,
+            dimensions: {
+              'capability:downscaleImage:workerType': 'web worker',
+              'capability:renderer': 'html',
+              'prop:locale': 'en-US',
+              'prop:speechRecognition': 'false',
+              'prop:speechSynthesis': 'false'
+            },
+            duration: undefined,
+            error: undefined,
+            fatal: undefined,
+            name: 'init',
+            type: 'event',
+            value: undefined
+          },
+          {
+            data: undefined,
+            dimensions: {
+              'capability:downscaleImage:workerType': 'web worker',
+              'capability:renderer': 'html',
+              'prop:locale': 'en-US',
+              'prop:speechRecognition': 'false',
+              'prop:speechSynthesis': 'false'
+            },
+            duration: undefined,
+            error: undefined,
+            fatal: undefined,
+            name: 'sendFiles:makeThumbnail',
+            type: 'timingstart',
+            value: undefined
+          },
+          {
+            data: undefined,
+            dimensions: {
+              'capability:downscaleImage:workerType': 'web worker',
+              'capability:renderer': 'html',
+              'prop:locale': 'en-US',
+              'prop:speechRecognition': 'false',
+              'prop:speechSynthesis': 'false'
+            },
+            duration: 1000,
+            error: undefined,
+            fatal: undefined,
+            name: 'sendFiles:makeThumbnail',
+            type: 'timingend',
+            value: undefined
+          },
+          {
+            data: {
+              numFiles: 1,
+              sumSizeInKB: 379
+            },
+            dimensions: {
+              'capability:downscaleImage:workerType': 'web worker',
+              'capability:renderer': 'html',
+              'prop:locale': 'en-US',
+              'prop:speechRecognition': 'false',
+              'prop:speechSynthesis': 'false'
+            },
+            duration: undefined,
+            error: undefined,
+            fatal: undefined,
+            name: 'submitSendBox',
+            type: 'event',
+            value: undefined
+          }
+        ]);
+
+        await host.snapshot();
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html/upload/withWebWorker/withTelemetry.js b/__tests__/html/upload/withWebWorker/withTelemetry.js
@@ -0,0 +1,5 @@
+/** @jest-environment ./packages/test/harness/src/host/jest/WebDriverEnvironment.js */
+
+describe('with Web Worker upload a picture', () => {
+  test('should send telemetry', () => runHTML('upload/withWebWorker/withTelemetry'));
+});
diff --git a/__tests__/html/upload/withWebWorker/withoutThumbnail.html b/__tests__/html/upload/withWebWorker/withoutThumbnail.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<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>
+    <script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script>
+      run(async function () {
+        const directLine = WebChat.createDirectLine({ token: await testHelpers.token.fetchDirectLineToken() });
+        const store = testHelpers.createStore();
+
+        WebChat.renderWebChat(
+          {
+            directLine,
+            store,
+            styleOptions: {
+              enableUploadThumbnail: false
+            }
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        await pageObjects.uploadFile('seaofthieves.jpg');
+        await host.click(pageElements.sendButton());
+
+        await pageConditions.minNumActivitiesShown(2);
+        await pageConditions.allImagesLoaded();
+
+        await host.snapshot();
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html/upload/withWebWorker/withoutThumbnail.js b/__tests__/html/upload/withWebWorker/withoutThumbnail.js
@@ -0,0 +1,5 @@
+/** @jest-environment ./packages/test/harness/src/host/jest/WebDriverEnvironment.js */
+
+describe('with Web Worker upload a picture without thumbnail', () => {
+  test('should send', () => runHTML('upload/withWebWorker/withoutThumbnail'));
+});