From 4fd98d616362b299eab974a2a6e2f3a0dd85cdbc Mon Sep 17 00:00:00 2001
From: Josh Smith <joshdotsmith@gmail.com>
Date: Wed, 4 Jan 2017 11:37:02 -0800
Subject: [PATCH] Add bank account name

---
 app/models/stripe-connect-account.js          |  3 +++
 .../components/payments/bank-account.scss     |  4 ++++
 .../components/payments/bank-account.hbs      |  4 ++++
 .../components/payments/bank-account-test.js  | 20 ++++++++++++-------
 .../pages/components/payments/bank-account.js |  1 +
 .../models/stripe-connect-account-test.js     |  3 +++
 6 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/app/models/stripe-connect-account.js b/app/models/stripe-connect-account.js
index 1022e233d..d892360f1 100644
--- a/app/models/stripe-connect-account.js
+++ b/app/models/stripe-connect-account.js
@@ -4,6 +4,9 @@ import { belongsTo } from 'ember-data/relationships';
 
 export default Model.extend({
   bankAccountStatus: attr(),
+  bankAccountBankName: attr(),
+  bankAccountLast4: attr(),
+  bankAccountRoutingNumber: attr(),
   businessName: attr(),
   businessUrl: attr(),
   canAcceptDonations: attr(),
diff --git a/app/styles/components/payments/bank-account.scss b/app/styles/components/payments/bank-account.scss
index e19e6c30e..72e3b0a59 100644
--- a/app/styles/components/payments/bank-account.scss
+++ b/app/styles/components/payments/bank-account.scss
@@ -5,6 +5,10 @@
 	@extend .input-group;
 }
 
+.bank-account__bank-name {
+	@extend .input-group;
+}
+
 .bank-account__routing {
 	@extend .input-group;
 }
diff --git a/app/templates/components/payments/bank-account.hbs b/app/templates/components/payments/bank-account.hbs
index 2bbebc2f9..4e4eee28e 100644
--- a/app/templates/components/payments/bank-account.hbs
+++ b/app/templates/components/payments/bank-account.hbs
@@ -18,6 +18,10 @@
 
 {{#if (eq status 'verified')}}
   <section>
+    <div class="bank-account__bank-name">
+      <label>Bank Name</label>
+      <p>{{stripeConnectAccount.bankAccountBankName}}</p>
+    </div>
     <div class="bank-account__routing">
       <label>Routing Number</label>
       <p>{{stripeConnectAccount.bankAccountRoutingNumber}}</p>
diff --git a/tests/integration/components/payments/bank-account-test.js b/tests/integration/components/payments/bank-account-test.js
index 102282954..a9a6d56f5 100644
--- a/tests/integration/components/payments/bank-account-test.js
+++ b/tests/integration/components/payments/bank-account-test.js
@@ -54,22 +54,28 @@ test('it renders correctly for "required" status', function(assert) {
   renderPage();
 
   assert.ok(page.rendersRequired, 'Component is rendered in required mode.');
-  assert.ok(page.rendersAccountNumberField, 'Component renders the account number field.');
-  assert.ok(page.rendersRoutingNumberField, 'Component renders the routing number field.');
-  assert.ok(page.rendersSubmitButton, 'Component renders the submit button.');
+  assert.ok(page.rendersAccountNumberField, 'Renders the account number field.');
+  assert.ok(page.rendersRoutingNumberField, 'Renders the routing number field.');
+  assert.ok(page.rendersSubmitButton, 'Renders the submit button.');
 });
 
 test('it renders correctly for "verified" status', function(assert) {
-  assert.expect(3);
+  assert.expect(4);
 
-  let stripeConnectAccount = { bankAccountLast4: 4321, bankAccountRoutingNumber: 123456, bankAccountStatus: 'verified' };
+  let stripeConnectAccount = {
+    bankAccountBankName: 'Wells Fargo',
+    bankAccountLast4: 4321,
+    bankAccountRoutingNumber: 123456,
+    bankAccountStatus: 'verified'
+  };
   set(this, 'stripeConnectAccount', stripeConnectAccount);
 
   renderPage();
 
   assert.ok(page.rendersVerified, 'Component is rendered in verified mode.');
-  assert.equal(page.accountLast4Text, 4321, 'Component renders last 4 digits of account number.');
-  assert.equal(page.routingNumberText, 123456, 'Component renders routing number.');
+  assert.equal(page.bankNameText, 'Wells Fargo', 'Renders bank account name.');
+  assert.equal(page.accountLast4Text, 4321, 'Renders last 4 digits of account number.');
+  assert.equal(page.routingNumberText, 123456, 'Renders routing number.');
 });
 
 test('it sends properties with submit action', function(assert) {
diff --git a/tests/pages/components/payments/bank-account.js b/tests/pages/components/payments/bank-account.js
index ecf0a56b4..afa7cd61c 100644
--- a/tests/pages/components/payments/bank-account.js
+++ b/tests/pages/components/payments/bank-account.js
@@ -12,6 +12,7 @@ export default {
   rendersSubmitButton:isVisible('button'),
 
   accountLast4Text: text('.bank-account__account p'),
+  bankNameText: text('.bank-account__bank-name p'),
   routingNumberText: text('.bank-account__routing p'),
 
   accountNumber: fillable('[name=account-number]'),
diff --git a/tests/unit/models/stripe-connect-account-test.js b/tests/unit/models/stripe-connect-account-test.js
index d6755d757..173062885 100644
--- a/tests/unit/models/stripe-connect-account-test.js
+++ b/tests/unit/models/stripe-connect-account-test.js
@@ -13,6 +13,9 @@ test('it exists', function(assert) {
 
 testForAttributes('stripe-connect-account', [
   'bankAccountStatus',
+  'bankAccountBankName',
+  'bankAccountLast4',
+  'bankAccountRoutingNumber',
   'businessName',
   'businessUrl',
   'canAcceptDonations',