discourse/test/javascripts/helpers/select-kit-helper.js

function checkSelectKitIsNotExpanded(selector) {
  if (find(selector).hasClass('is-expanded')) {
    throw 'You expected select-kit to be collapsed but it is expanded.';
  }
}

function checkSelectKitIsNotCollapsed(selector) {
  if (!find(selector).hasClass('is-expanded')) {
    throw 'You expected select-kit to be expanded but it is collapsed.';
  }
}

Ember.Test.registerAsyncHelper('expandSelectKit', function(app, selector) {
  selector = selector || '.select-kit';

  checkSelectKitIsNotExpanded(selector);

  click(selector + ' .select-kit-header');
});

Ember.Test.registerAsyncHelper('collapseSelectKit', function(app, selector) {
  selector = selector || '.select-kit';

  checkSelectKitIsNotCollapsed(selector);

  click(selector + ' .select-kit-header');
});

Ember.Test.registerAsyncHelper('selectKitSelectRow', function(app, rowValue, options) {
  options = options || {};
  options.selector = options.selector || '.select-kit';

  checkSelectKitIsNotCollapsed(options.selector);

  click(options.selector + " .select-kit-row[data-value='" + rowValue + "']");
});

Ember.Test.registerAsyncHelper('selectKitSelectNoneRow', function(app, options) {
  options = options || {};
  options.selector = options.selector || '.select-kit';

  checkSelectKitIsNotCollapsed(options.selector);

  click(options.selector + " .select-kit-row.none");
});

Ember.Test.registerAsyncHelper('selectKitFillInFilter', function(app, filter, options) {
  options = options || {};
  options.selector = options.selector || '.select-kit';

  checkSelectKitIsNotCollapsed(options.selector);

  var filterQuerySelector = options.selector + ' .filter-input';
  fillIn(filterQuerySelector, filter);

});

function selectKit(selector) { // eslint-disable-line no-unused-vars
  selector = selector || '.select-kit';

  function rowHelper(row) {
    return {
      name: function() { return row.attr('data-name'); },
      icon: function() { return row.find('.d-icon'); },
      title: function() { return row.attr('title'); },
      value: function() { return row.attr('data-value'); },
      el: row
    };
  }

  function headerHelper(header) {
    return {
      name: function() {
        return header.attr('data-name');
      },
      icon: function() { return header.find('.icon'); },
      title: function() { return header.attr('title'); },
      el: header
    };
  }

  function filterHelper(filter) {
    return {
      icon: function() { return filter.find('.d-icon'); },
      exists: function() { return exists(filter); },
      el: filter
    };
  }

  function keyboardHelper() {
    function createEvent(target, keyCode, options) {
      target = target || ".filter-input";
      selector = find(selector).find(target);
      options = options || {};

      andThen(function() {
        var type = options.type || 'keydown';
        var event = jQuery.Event(type);
        event.keyCode = keyCode;
        if (options && options.metaKey === true) { event.metaKey = true; }
        find(selector).trigger(event);
      });
    }

    return {
      down: function(target) { createEvent(target, 40); },
      up: function(target) { createEvent(target, 38); },
      escape: function(target) { createEvent(target, 27); },
      enter: function(target) { createEvent(target, 13); },
      tab: function(target) { createEvent(target, 9); },
      backspace: function(target) { createEvent(target, 8); },
      selectAll: function(target) { createEvent(target, 65, {metaKey: true}); },
    };
  }

  return {
    keyboard: keyboardHelper(),

    isExpanded: find(selector).hasClass('is-expanded'),

    isHidden: find(selector).hasClass('is-hidden'),

    header: headerHelper(find(selector).find('.select-kit-header')),

    filter: filterHelper(find(selector).find('.select-kit-filter')),

    rows: find(selector).find('.select-kit-row'),

    rowByValue: function(value) {
      return rowHelper(find(selector).find('.select-kit-row[data-value="' + value + '"]'));
    },

    rowByName: function(name) {
      return rowHelper(find(selector).find('.select-kit-row[data-name="' + name + '"]'));
    },

    rowByIndex: function(index) {
      return rowHelper(find(selector).find('.select-kit-row:eq(' + index + ')'));
    },

    el: find(selector),

    noneRow: rowHelper(find(selector).find('.select-kit-row.none')),

    selectedRow: rowHelper(find(selector).find('.select-kit-row.is-selected')),

    highlightedRow: rowHelper(find(selector).find('.select-kit-row.is-highlighted'))
  };
}