Get these passing on Canary

The babel polyfill is required to avoid a `ReferenceError: regeneratorRuntime is not defined` error.

Author: pablobm

ember-cli-build.js

@@ -5,7 +5,9 @@ const EmberAddon = require('ember-cli/lib/broccoli/ember-addon');
 
 module.exports = function(defaults) {
   let app = new EmberAddon(defaults, {
-    // Add options here
+    'ember-cli-babel': {
+      includePolyfill: true,
+    }
   });
 
   /*

tests/integration/components/stripe-card-cvc-test.js

@@ -1,25 +1,31 @@
-import { moduleForComponent, test } from 'ember-qunit';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
 import hbs from 'htmlbars-inline-precompile';
+import { render } from '@ember/test-helpers';
 import StripeMock from 'ember-stripe-elements/utils/stripe-mock';
 import env from 'dummy/config/environment';
+import StripeService from 'dummy/services/stripev3';
 
-moduleForComponent('stripe-card-cvc', 'Integration | Component | stripe card cvc', {
-  integration: true,
-  beforeEach() {
-    window.Stripe = StripeMock;
+module('Integration | Component | stripe card cvc', function(hooks) {
+  setupRenderingTest(hooks);
 
-    let config = {
+  hooks.beforeEach(function() {
+    window.Stripe = StripeMock;
+    const config = {
       mock: true,
-      publishableKey: env.stripe.publishableKey
+      publishableKey: env.stripe.publishableKey,
     };
 
-    this.register('config:stripe', config, { instantiate: false });
-    this.inject.service('stripev3', 'config', 'config:stripe');
-  }
-});
+    this.owner.register(
+      'service:stripev3',
+      StripeService.create({ config }),
+      { instantiate: false }
+    );
+  });
 
-test('it renders', function(assert) {
-  this.render(hbs`{{stripe-card-cvc}}`);
+  test('it renders', async function(assert) {
+    await render(hbs`{{stripe-card-cvc}}`);
 
-  assert.equal(this.$().text().trim(), '');
+    assert.equal(this.element.textContent.trim(), '');
+  });
 });

tests/integration/components/stripe-card-expiry-test.js

@@ -1,25 +1,31 @@
-import { moduleForComponent, test } from 'ember-qunit';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
 import hbs from 'htmlbars-inline-precompile';
+import { render } from '@ember/test-helpers';
 import StripeMock from 'ember-stripe-elements/utils/stripe-mock';
 import env from 'dummy/config/environment';
+import StripeService from 'dummy/services/stripev3';
 
-moduleForComponent('stripe-card-expiry', 'Integration | Component | stripe card expiry', {
-  integration: true,
-  beforeEach() {
-    window.Stripe = StripeMock;
+module('Integration | Component | stripe card expiry', function(hooks) {
+  setupRenderingTest(hooks);
 
-    let config = {
+  hooks.beforeEach(function() {
+    window.Stripe = StripeMock;
+    const config = {
       mock: true,
-      publishableKey: env.stripe.publishableKey
+      publishableKey: env.stripe.publishableKey,
     };
 
-    this.register('config:stripe', config, { instantiate: false });
-    this.inject.service('stripev3', 'config', 'config:stripe');
-  }
-});
+    this.owner.register(
+      'service:stripev3',
+      StripeService.create({ config }),
+      { instantiate: false }
+    );
+  });
 
-test('it renders', function(assert) {
-  this.render(hbs`{{stripe-card-expiry}}`);
+  test('it renders', async function(assert) {
+    await render(hbs`{{stripe-card-expiry}}`);
 
-  assert.equal(this.$().text().trim(), '');
+    assert.equal(this.element.textContent.trim(), '');
+  });
 });

tests/integration/components/stripe-card-number-test.js

@@ -1,25 +1,32 @@
-import { moduleForComponent, test } from 'ember-qunit';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
 import hbs from 'htmlbars-inline-precompile';
+import { render } from '@ember/test-helpers';
 import StripeMock from 'ember-stripe-elements/utils/stripe-mock';
 import env from 'dummy/config/environment';
+import StripeService from 'dummy/services/stripev3';
 
-moduleForComponent('stripe-card-number', 'Integration | Component | stripe card number', {
-  integration: true,
-  beforeEach() {
-    window.Stripe = StripeMock;
+module('Integration | Component | stripe card number', function(hooks) {
+  setupRenderingTest(hooks);
 
-    let config = {
+  hooks.beforeEach(function() {
+    window.Stripe = StripeMock;
+    const config = {
       mock: true,
-      publishableKey: env.stripe.publishableKey
+      publishableKey: env.stripe.publishableKey,
     };
 
-    this.register('config:stripe', config, { instantiate: false });
-    this.inject.service('stripev3', 'config', 'config:stripe');
-  }
-});
+    this.owner.register(
+      'service:stripev3',
+      StripeService.create({ config }),
+      { instantiate: false }
+    );
+  });
 
-test('it renders', function(assert) {
-  this.render(hbs`{{stripe-card-number}}`);
+  test('it renders', async function(assert) {
+    await render(hbs`{{stripe-card-number}}`);
 
-  assert.equal(this.$().text().trim(), '');
+    assert.equal(this.element.textContent.trim(), '');
+  });
 });
+

tests/integration/components/stripe-card-test.js

@@ -1,41 +1,47 @@
-import { moduleForComponent, test } from 'ember-qunit';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
 import hbs from 'htmlbars-inline-precompile';
+import { render } from '@ember/test-helpers';
 import StripeMock from 'ember-stripe-elements/utils/stripe-mock';
 import env from 'dummy/config/environment';
+import StripeService from 'dummy/services/stripev3';
 
-moduleForComponent('stripe-card', 'Integration | Component | stripe card', {
-  integration: true,
-  beforeEach() {
-    window.Stripe = StripeMock;
+module('Integration | Component | stripe card', function(hooks) {
+  setupRenderingTest(hooks);
 
-    let config = {
+  hooks.beforeEach(function() {
+    window.Stripe = StripeMock;
+    const config = {
       mock: true,
-      publishableKey: env.stripe.publishableKey
+      publishableKey: env.stripe.publishableKey,
     };
 
-    this.register('config:stripe', config, { instantiate: false });
-    this.inject.service('stripev3', 'config', 'config:stripe');
-  }
-});
+    this.owner.register(
+      'service:stripev3',
+      StripeService.create({ config }),
+      { instantiate: false }
+    );
+  });
 
-test('it renders', function(assert) {
-  // Template block usage:
-  this.render(hbs`
-    {{#stripe-card}}
-      template block text
-    {{/stripe-card}}
-  `);
+  test('it renders', async function(assert) {
+    // Template block usage:
+    await render(hbs`
+      {{#stripe-card}}
+        template block text
+      {{/stripe-card}}
+    `);
 
-  assert.equal(this.$().text().trim(), 'template block text');
-});
+    assert.equal(this.element.textContent.trim(), 'template block text');
+  });
 
-test('yields out error message', function(assert) {
-  this.stripeError = { message: 'oops' };
-  this.render(hbs`
-    {{#stripe-card stripeError=stripeError as |stripeElement stripeError|}}
-      {{stripeError.message}}
-    {{/stripe-card}}
-  `);
+  test('yields out error message', async function(assert) {
+    this.stripeError = { message: 'oops' };
+    await this.render(hbs`
+      {{#stripe-card stripeError=stripeError as |stripeElement stripeError|}}
+        {{stripeError.message}}
+      {{/stripe-card}}
+    `);
 
-  assert.equal(this.$().text().trim(), 'oops');
+    assert.equal(this.element.textContent.trim(), 'oops');
+  });
 });

tests/integration/components/stripe-postal-code-test.js

@@ -1,25 +1,31 @@
-import { moduleForComponent, test } from 'ember-qunit';
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
 import hbs from 'htmlbars-inline-precompile';
+import { render } from '@ember/test-helpers';
 import StripeMock from 'ember-stripe-elements/utils/stripe-mock';
 import env from 'dummy/config/environment';
+import StripeService from 'dummy/services/stripev3';
 
-moduleForComponent('stripe-postal-code', 'Integration | Component | stripe postal code', {
-  integration: true,
-  beforeEach() {
-    window.Stripe = StripeMock;
+module('Integration | Component | stripe postal code', function(hooks) {
+  setupRenderingTest(hooks);
 
-    let config = {
+  hooks.beforeEach(function() {
+    window.Stripe = StripeMock;
+    const config = {
       mock: true,
-      publishableKey: env.stripe.publishableKey
+      publishableKey: env.stripe.publishableKey,
     };
 
-    this.register('config:stripe', config, { instantiate: false });
-    this.inject.service('stripev3', 'config', 'config:stripe');
-  }
-});
+    this.owner.register(
+      'service:stripev3',
+      StripeService.create({ config }),
+      { instantiate: false }
+    );
+  });
 
-test('it renders', function(assert) {
-  this.render(hbs`{{stripe-postal-code}}`);
+  test('it renders', async function(assert) {
+    await render(hbs`{{stripe-postal-code}}`);
 
-  assert.equal(this.$().text().trim(), '');
+    assert.equal(this.element.textContent.trim(), '');
+  });
 });