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')}}
+
+ +

{{stripeConnectAccount.bankAccountBankName}}

+

{{stripeConnectAccount.bankAccountRoutingNumber}}

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',