@ember/test-helpers/dist/dom/fill-in.js

Helpers for testing Ember.js applications

import getElement from './-get-element.js';
import isFormControl from './-is-form-control.js';
import guardForMaxlength from './-guard-for-maxlength.js';
import { __focus__ } from './focus.js';
import { s as settled } from '../setup-context-DegmztrF.js';
import fireEvent from './fire-event.js';
import { isContentEditable } from './-target.js';
import { log } from './-logging.js';
import { registerHook, runHooks } from '../helper-hooks.js';
import getDescription from './-get-description.js';

registerHook('fillIn', 'start', (target, text) => {
  log('fillIn', target, text);
});

/**
  Fill the provided text into the `value` property (or set `.innerHTML` when
  the target is a content editable element) then trigger `change` and `input`
  events on the specified target.

  @public
  @param {string|Element|IDOMElementDescriptor} target the element, selector, or descriptor to enter text into
  @param {string} text the text to fill into the target element
  @return {Promise<void>} resolves when the application is settled

  @example
  <caption>
    Emulating filling an input with text using `fillIn`
  </caption>

  fillIn('input', 'hello world');
*/
function fillIn(target, text) {
  return Promise.resolve().then(() => runHooks('fillIn', 'start', target, text)).then(() => {
    if (!target) {
      throw new Error('Must pass an element, selector, or descriptor to `fillIn`.');
    }
    const element = getElement(target);
    if (!element) {
      const description = getDescription(target);
      throw new Error(`Element not found when calling \`fillIn('${description}')\`.`);
    }
    if (typeof text === 'undefined' || text === null) {
      throw new Error('Must provide `text` when calling `fillIn`.');
    }
    if (isFormControl(element)) {
      if (element.disabled) {
        throw new Error(`Can not \`fillIn\` disabled '${getDescription(target)}'.`);
      }
      if ('readOnly' in element && element.readOnly) {
        throw new Error(`Can not \`fillIn\` readonly '${getDescription(target)}'.`);
      }
      guardForMaxlength(element, text, 'fillIn');
      return __focus__(element).then(() => {
        element.value = text;
        return element;
      });
    } else if (isContentEditable(element)) {
      return __focus__(element).then(() => {
        element.innerHTML = text;
        return element;
      });
    } else {
      throw new Error('`fillIn` is only usable on form controls or contenteditable elements.');
    }
  }).then(element => fireEvent(element, 'input').then(() => fireEvent(element, 'change')).then(settled)).then(() => runHooks('fillIn', 'end', target, text));
}

export { fillIn as default };
//# sourceMappingURL=fill-in.js.map