ReferenceError: Can't find variable: Promise

I get the error ReferenceError: Can't find variable: Promise when I use selectChoose in an acceptance test. It runs fine in the browser but fails in the console.

I’m using Ember 2.11.1, Ember Power Select 1.8.5 and Phantom JS 2.1.1.

[cibernox]

Ok, I’ve found the cause. It turns out it is a problem with promises and regenerator.

  function _asyncToGenerator(fn) {
    return function () {
      var gen = fn.apply(this, arguments);
      return new Promise(function (resolve, reject) { // <===== here!
        function step(key, arg) {
          try {
            var info = gen[key](arg);
            var value = info.value;
          } catch (error) {
            reject(error);
            return;
          }
         // ... more code
      });
    };
  }

In recent versions of EPS I started using async await on tests to people can do things like await selectChoose('#my-select', 'Barry'). But while I take care of conditionally import the regenerator runtime in browsers that don’t support generators, seems that the runtime relies on the existence of a global promise.

I’ll investigate if there is a workaround. In the meanwhile my advice is:

• Kill PhantomJS with 🔥 . It is a terrible, bug-ridden browser that literally 0 ppl in the world use.
• Include the babel polyfill, perhaps conditionally only in testing. This problem doesn’t affect the behaviour of the select in browsers without promises like IE, only affects testing.

[danielleadams]

That’ll do it! My initial instinct was that it was babel-related, but I must not have configured the polyfill correctly in the build file. Thanks @luketheobscure!