initial spec for donation-row component

assets/javascripts/discourse/templates/components/donation-row.hbs

@@ -2,11 +2,11 @@
   <span>{{i18n 'discourse_donations.invoice_prefix'}}</span>
 {{/if}}
 
-<span>{{currency}}</span>
+<span class="donation-row-currency">{{currency}}</span>
 
-<span>{{amount}}</span>
+<span class="donation-row-amount">{{amount}}</span>
 
-<span>{{period}}</span>
+<span class="donation-row-period">{{period}}</span>
 
 {{#if invoice}}
   <a href='{{data.invoiceLink}}' target='_blank'>({{i18n 'discourse_donations.invoice'}})</a>
@@ -14,6 +14,7 @@
 
 {{#if currentUser}}
   {{#if subscription}}
+    <span class="donation-row-subscription">
       {{#if updating}}
         {{loading-spinner size='small'}}
       {{else}}
@@ -23,6 +24,7 @@
           </a>
         {{/unless}}
       {{/if}}
+    </span>
   {{/if}}
 {{/if}}
 

test/javascripts/acceptance/discourse-donations-test.es6

@@ -1,15 +0,0 @@
-import { acceptance } from 'helpers/qunit-helpers';
-
-acceptance('Discourse Donations', {
-  loggedIn: true,
-  settings: {
-    discourse_donations_enabled: true,
-    discourse_donations_types: '',
-    discourse_donations_amounts: '1',
-  },
-});
-
-QUnit.test("donate page has a form on it", async assert => {
-  await visit("/donate");
-  assert.ok(exists(".donations-page-donations"));
-});

test/javascripts/components/donation-row-test.js.es6

@@ -0,0 +1,26 @@
+import componentTest from 'helpers/component-test';
+
+moduleForComponent('donation-row', { integration: true });
+
+componentTest('donation-row', {
+  template: `{{donation-row currency=3 amount=21 period='monthly'}}`,
+
+  test(assert) {
+    assert.equal(find('.donation-row-currency').text(), '3');
+    assert.equal(find('.donation-row-amount').text(), '21');
+    assert.equal(find('.donation-row-period').text(), 'monthly');
+  },
+});
+
+componentTest('donation-row cancels subscription', {
+  template: `{{donation-row currentUser=currentUser subscription=subscription}}`,
+
+  beforeEach() {
+    this.set('currentUser', true);
+    this.set('subscription', true);
+  },
+
+  async test(assert) {
+    assert.ok(find('.donation-row-subscription').length);
+  },
+});