Ember Page Object helper for Ember Power Select

custom-helpers.js

// tests/pages/custom-helpers.js
import { buildSelector } from '../page-object';
import { typeInSearch, clickTrigger, nativeMouseUp } from '../helpers/ember-power-select';

export var powerSelectable = function (selector, options = {}) {
  return {
    isDescriptor: true,

    value(value) {
      wait().then(() => {
        clickTrigger(buildSelector(this, selector, options));
        typeInSearch(value);
        wait().then(() => {
          nativeMouseUp(`.ember-power-select-option:contains("${value}")`);
        });
      });

      return this;
    }
  };
};

some-page.js

// tests/pages/some-page.js
import PageObject, { clickable } from '../page-object';
import { powerSelectable } from './custom-helpers';

export default PageObject.create({
  scope: '[data-autoid="form"]',

  selectTag: powerSelectable('[data-autoid="tags"]'),

  save: clickable('[data-autoid="save"]')
});