New Twiddle

controllers.index.js

import Ember from 'ember';

export default Ember.Controller.extend({

  matcher(item, query) {
    let rating = item.get('rating');
    return rating.toLowerCase().indexOf(query.toLowerCase());
  },

  actions: {
    selectedRating(model, rating) {
      model.set('rating', rating);
    }
  }
});

models.proposal.js

import Ember from 'ember';
import RSVP from 'rsvp';

export default Ember.Object.extend({
  name: '',
  desc: '',
  rating: null,
  ratings: Ember.computed(function() {
    let proxy = Ember.ArrayProxy.extend(Ember.PromiseProxyMixin, {
      'promise': new RSVP.Promise(function (resolve/*, reject*/) {
        Ember.run.later(function () {
          resolve(createList());
        }, 100);
      })
    });
    proxy = proxy.create();
    proxy.then(function(result) {
      proxy.set('content', result);
    });
    return proxy;
  }),
});

function createList() {
  let list = [];
  for (let i = 0; i < 10; i++) {
    list.push(Ember.Object.create({ rating: lang[i] }));
  }
  return list;
}

let lang = [
  'one',
  'two',
  'three',
  'four',
  'five',
  'six',
  'seven',
  'eight',
  'nine',
  'ten'
];

routes.index.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    let factory = Ember.getOwner(this)._lookupFactory('model:proposal');
    return factory.create({
      name: 'Build something ambitions',
      desc: 'Start with Ember'
    });
  }
});

templates.index.hbs

<dl>
  <dt>{{model.name}}</dt>
  <dd>{{model.desc}}</dd>
</dl>

<p>How would you rate this proposal?</p>
{{#power-select
  placeholder="Rate (ten is high)…"
  selected=model.rating
  matcher=matcher
  onchange=(action "selectedRating" model)
  options=model.ratings
  as |choice|
}}
  {{choice.rating}}
{{/power-select}}

{{outlet}}

tests.acceptance.index-test.js

import { test } from 'qunit';
import moduleForAcceptance from '../../tests/helpers/module-for-acceptance';

moduleForAcceptance('Acceptance | index');

test('visiting /', function(assert) {
  visit('/');

  andThen(function() {
    let placeholder = find('.ember-power-select-placeholder').text().trim();
    assert.ok(placeholder);
  });
});

tests.helpers.destroy-app.js

import Ember from 'ember';

export default function destroyApp(application) {
  Ember.run(application, 'destroy');
}

tests.helpers.module-for-acceptance.js

import { module } from 'qunit';
import Ember from 'ember';
import startApp from '../helpers/start-app';
import destroyApp from '../helpers/destroy-app';

const { RSVP: { Promise } } = Ember;

export default function(name, options = {}) {
  module(name, {
    beforeEach() {
      this.application = startApp();

      if (options.beforeEach) {
        return options.beforeEach.apply(this, arguments);
      }
    },

    afterEach() {
      let afterEach = options.afterEach && options.afterEach.apply(this, arguments);
      return Promise.resolve(afterEach).then(() => destroyApp(this.application));
    }
  });
}

tests.helpers.resolver.js

import Resolver from '../../resolver';
import config from '../../config/environment';

const resolver = Resolver.create();

resolver.namespace = {
  modulePrefix: config.modulePrefix,
  podModulePrefix: config.podModulePrefix
};

export default resolver;

tests.helpers.start-app.js

import Ember from 'ember';
import Application from '../../app';
import config from '../../config/environment';

const { run } = Ember;
const assign = Ember.assign || Ember.merge;

export default function startApp(attrs) {
  let application;

  let attributes = assign({rootElement: "#test-root"}, config.APP);
  attributes = assign(attributes, attrs); // use defaults, but you can override;

  run(() => {
    application = Application.create(attributes);
    application.setupForTesting();
    application.injectTestHelpers();
  });

  return application;
}

tests.test-helper.js

import resolver from './helpers/resolver';
import {
  setResolver
} from 'ember-qunit';

setResolver(resolver);

twiddle.json

{
  "version": "0.10.4",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.4.6",
    "ember-template-compiler": "2.4.6"
  },
  "addons": {
    "ember-power-select": "0.10.11"
  }
}