import { Promise } from 'rsvp'; causes simple tests to fail

A simple component like this:

export default Component.extend({
  actions: {
    show() {
      this.set('show', true);
    }
  }
}) 

<button onclick={{action 'show'}}>show</button>
{{if show 'showing'}}

…and a basic integration test will pass with the new v3 style tests. However, when import { Promise } from 'rsvp'; is added the test will fail

See this example repo

import { Promise as EmberPromise } from rsvp fixes it

[rwjblue]

I’m going to close this issue, but hopefully the breadcrumbs above help folks that might stumble on the same things.

[rwjblue]

There are three possible fixes here (all of which should probably be done):

• Run-wrap the click:

Ember.run(() => {
  this.$('button:contains("Show")').trigger('click');
});

• Upgrade to ember-cli-babel@6.10.0, which includes https://github.com/babel/ember-cli-babel/pull/197 so that the import { Promise } from 'rsvp'; does not force regenerator-runtime to use Ember.RSVP.Promise.

• Update to use the newer DOM helpers introduced in emberjs/rfcs#268, and released in ember-cli-qunit@4.2.0 (just today). These helpers are async and properly run-wrapped (they also use native DOM events so are more correct than the simulated jQuery events that are being used in the test ATM). The only caveat is that these helpers do not allow the jQuery style selectors (button:contains('Showing')) that are being used here.