cucumber-protractor/uiTestHelpers/stepDefinitions/actions/appendReactInputFieldValue.js

POM CukeTractor - Bootstrap your cucumber tests with cucumber, protractor and a structured way of creating page objects and component objects

// in some circumstances using send keys to set text on an input doesn't
// fire the change event correcly so for example your redux store might not be updated
// this function is particularly useful if you want to send a lot of text to the
// browser all at once as sendKeys is particularly slow

module.exports = function appendReactInputFieldValue(text, locatorKey) {
  return this.getCurrentPage()
    .getElementWhenInDOM(locatorKey)
    .then((element) => browser.executeScript((domEl, val) => {
      const domElement = domEl;
      const valueFromDescriptor = Object.getOwnPropertyDescriptor(domElement, 'value');
      const elProto = Object.getPrototypeOf(domElement);
      const valueFromProtoDescriptor = Object.getOwnPropertyDescriptor(elProto, 'value');

      let existingVal;

      if (valueFromDescriptor && valueFromDescriptor.get &&
          valueFromProtoDescriptor && valueFromProtoDescriptor.get &&
          valueFromDescriptor.get !== valueFromProtoDescriptor.get) {
        existingVal = valueFromProtoDescriptor.get.call(domElement, val);
      } else {
        existingVal = domElement.value;
      }

      const newVal = existingVal + val;

      if (valueFromDescriptor && valueFromDescriptor.set &&
          valueFromProtoDescriptor && valueFromProtoDescriptor.set &&
          valueFromDescriptor.set !== valueFromProtoDescriptor.set) {
        valueFromProtoDescriptor.set.call(domElement, newVal);
      } else {
        domElement.value = newVal;
      }

      // react 15 - ie11
      window.event = document.createEvent('HTMLEvents');
      window.event.initEvent('propertychange', false, false);
      window.event.propertyname = 'value';
      domElement.dispatchEvent(window.event);

      // react 15 - browsers other than ie
      // react 16 - ie10, ie11, browsers other than ie
      window.event = document.createEvent('HTMLEvents');
      window.event.initEvent('input', true, false);
      domElement.dispatchEvent(window.event);
    }, element, text));
};