Choose a grouped option when testing ember-power-select dropdowns

select-group-choose.js

import Ember from 'ember';
import run from 'ember-runloop';

/**
 * Copied from https://github.com/cibernox/ember-power-select/blob/master/test-support/helpers/ember-power-select.js
 */
function fireNativeMouseEvent(eventType, selectorOrDomElement, options = {}) {
  let event = new window.Event(eventType, { bubbles: true, cancelable: true, view: window });
  Object.keys(options).forEach((key) => event[key] = options[key]);
  let target;
  if (typeof selectorOrDomElement === 'string') {
    target = $(selectorOrDomElement)[0];
  } else {
    target = selectorOrDomElement;
  }
  run(() => target.dispatchEvent(event));
}

/**
 * Copied from https://github.com/cibernox/ember-power-select/blob/master/test-support/helpers/ember-power-select.js
 */
export function nativeMouseUp(selectorOrDomElement, options) {
  fireNativeMouseEvent('mouseup', selectorOrDomElement, options);
}

/**
 * Copied from https://github.com/cibernox/ember-power-select/blob/master/test-support/helpers/ember-power-select.js
 */
export function nativeMouseDown(selectorOrDomElement, options) {
  fireNativeMouseEvent('mousedown', selectorOrDomElement, options);
}

export default Ember.Test.registerAsyncHelper('selectGroupChoose', function(app, cssPath, groupName, value) {
  let $trigger = find(`${cssPath} .ember-power-select-trigger`);

  if ($trigger === undefined || $trigger.length === 0) {
    $trigger = find(cssPath);
  }

  let contentId = `${$trigger.attr('aria-controls')}`;
  let $content = find(`#${contentId}`)
  // If the dropdown is closed, open it
  if ($content.length === 0) {
    nativeMouseDown($trigger.get(0));
    wait();
  }

  // Select the option with the given text
  andThen(function() {
    let potentialTargets = $(`#${contentId}
                             .ember-power-select-group:contains("${groupName}")
                             .ember-power-select-option:contains("${value}")`).toArray();
    let target;
    if (potentialTargets.length > 1) {
      target = potentialTargets.filter((t) => t.textContent.trim() === value)[0] || potentialTargets[0];
    } else {
      target = potentialTargets[0];
    }
    nativeMouseUp(target);
  });
});