Add tests

__tests__/setup/marshal.js

@@ -0,0 +1,22 @@
+export default function marshal(props) {
+  return (
+    props &&
+    Object.keys(props).reduce(
+      (nextProps, key) => {
+        const { [key]: value } = props;
+
+        if (typeof value === 'function') {
+          nextProps[key] = `() => ${value.toString()}`;
+          nextProps.__evalKeys.push(key);
+        } else {
+          nextProps[key] = value;
+        }
+
+        return nextProps;
+      },
+      {
+        __evalKeys: []
+      }
+    )
+  );
+}

__tests__/setup/pageObjects/index.js

@@ -19,6 +19,7 @@ import sendMessageViaSendBox from './sendMessageViaSendBox';
 import sendTextToClipboard from './sendTextToClipboard';
 import startSpeechSynthesize from './startSpeechSynthesize';
 import typeOnSendBox from './typeOnSendBox';
+import updateProps from './updateProps';
 
 function mapMap(map, mapper) {
   return Object.keys(map).reduce((final, key) => {
@@ -51,7 +52,8 @@ export default function pageObjects(driver) {
       sendMessageViaSendBox,
       sendTextToClipboard,
       startSpeechSynthesize,
-      typeOnSendBox
+      typeOnSendBox,
+      updateProps
     },
     fn => fn.bind(null, driver)
   );

__tests__/setup/pageObjects/updateProps.js

@@ -0,0 +1,7 @@
+import marshal from '../marshal';
+
+export default function updateProps(driver, mergeProps) {
+  return driver.executeScript(mergeProps => {
+    window.WebChatTest.updateProps(unmarshal(mergeProps));
+  }, marshal(mergeProps));
+}

__tests__/setup/setupTestFramework.js

@@ -7,6 +7,7 @@ import getPort from 'get-port';
 import handler from 'serve-handler';
 
 import createPageObjects from './pageObjects/index';
+import marshal from './marshal';
 import retry from './retry';
 import setupTestEnvironment from './setupTestEnvironment';
 
@@ -15,29 +16,6 @@ const BROWSER_NAME = process.env.WEBCHAT_TEST_ENV || 'chrome-docker';
 // const BROWSER_NAME = 'chrome-local';
 const NUM_RETRIES = 3;
 
-function marshal(props) {
-  return (
-    props &&
-    Object.keys(props).reduce(
-      (nextProps, key) => {
-        const { [key]: value } = props;
-
-        if (typeof value === 'function') {
-          nextProps[key] = `() => ${value.toString()}`;
-          nextProps.__evalKeys.push(key);
-        } else {
-          nextProps[key] = value;
-        }
-
-        return nextProps;
-      },
-      {
-        __evalKeys: []
-      }
-    )
-  );
-}
-
 expect.extend({
   toMatchImageSnapshot: configureToMatchImageSnapshot({
     customSnapshotsDir: join(__dirname, '../__image_snapshots__', BROWSER_NAME)

__tests__/setup/web/index.html

@@ -102,7 +102,7 @@
         await loadScript('/webchat-instrumented.js');
 
         let directLine;
-        
+
         if (!useProductionBot && !createDirectLine) {
           directLine = window.MockBotAdapter.createDirectLine({});
         } else {
@@ -118,11 +118,11 @@
               throw err;
             }
           }, 3);
-          
+
           createDirectLine || (createDirectLine = window.WebChat.createDirectLine);
           directLine = (createDirectLine || window.WebChat.createDirectLine)({ token });
         }
-        
+
         const store = window.WebChatTest.store = window.WebChat.createStore(storeInitialState, store => {
           const setupMiddleware = storeMiddleware(store);
 
@@ -137,15 +137,29 @@
           };
         });
 
-        window.WebChat.renderWebChat({
+        props = {
           directLine,
           store,
           styleSet: createStyleSet && createStyleSet(props.styleOptions),
           username: 'Happy Web Chat user',
           ...props
-        }, document.getElementById('webchat'));
+        };
+
+        renderWebChat = props => {
+          console.log(props);
+
+          window.WebChat.renderWebChat(props, document.getElementById('webchat'));
+        };
+
+        renderWebChat(props);
 
         document.querySelector('#webchat > *').focus();
+
+        window.WebChatTest.updateProps = mergeProps => {
+          props = { ...props, ...mergeProps };
+
+          renderWebChat(props);
+        };
       }
 
       window.WebChatTest = {

__tests__/timestamp.js

@@ -0,0 +1,28 @@
+import { imageSnapshotOptions, timeouts } from './constants.json';
+
+import minNumActivitiesShown from './setup/conditions/minNumActivitiesShown';
+import uiConnected from './setup/conditions/uiConnected';
+
+// selenium-webdriver API doc:
+// https://seleniumhq.github.io/selenium/docs/api/javascript/module/selenium-webdriver/index_exports_WebDriver.html
+
+jest.setTimeout(timeouts.test);
+
+test('update timestamp on-the-fly', async () => {
+  const { driver, pageObjects } = await setupWebDriver();
+
+  await driver.wait(uiConnected(), timeouts.directLine);
+  await pageObjects.sendMessageViaSendBox('echo Hello, World!', { waitForSend: true });
+
+  await driver.wait(minNumActivitiesShown(2), timeouts.directLine);
+
+  expect(await driver.takeScreenshot()).toMatchImageSnapshot(imageSnapshotOptions);
+
+  await pageObjects.updateProps({ locale: 'zh-HK' });
+
+  expect(await driver.takeScreenshot()).toMatchImageSnapshot(imageSnapshotOptions);
+
+  await pageObjects.updateProps({ locale: 'zh-YUE' });
+
+  expect(await driver.takeScreenshot()).toMatchImageSnapshot(imageSnapshotOptions);
+});