sendBox.js

import { imageSnapshotOptions, timeouts } from './constants.json';

import actionDispatched from './setup/conditions/actionDispatched';
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('should focus send box when message is being sent', async () => {
  const { driver, pageObjects } = await setupWebDriver({
    createStyleSet: styleOptions => {
      const styleSet = window.WebChat.createStyleSet(styleOptions);

      return Object.assign({}, styleSet, {
        sendBoxTextBox: Object.assign({}, styleSet.sendBoxTextBox, {
          '& .webchat__send-box-text-box__input:focus': {
            backgroundColor: 'Yellow'
          }
        })
      });
    }
  });

  await driver.wait(uiConnected(), timeouts.directLine);
  await pageObjects.sendMessageViaSendBox('Hello, World!', { waitForSend: true });
  await driver.wait(minNumActivitiesShown(2), timeouts.directLine);

  const base64PNG = await driver.takeScreenshot();

  expect(base64PNG).toMatchImageSnapshot(imageSnapshotOptions);
});