Added billing info and payments section for invoices (#3131)

fixed tests settings->account

changed to acceptance tests

Author: mrsaicharan1

app/router.js

@@ -112,6 +112,10 @@ router.map(function() {
     this.route('email-preferences');
     this.route('applications');
     this.route('danger-zone');
+    this.route('billing-info', function() {
+      this.route('payment-info');
+      this.route('invoices');
+    });
   });
   this.route('explore');
   this.route('my-tickets', function() {

app/routes/account/billing-info.js

@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+});

app/routes/account/billing-info/invoices.js

@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+});

app/routes/account/billing-info/payment-info.js

@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+});

app/templates/account.hbs

@@ -7,6 +7,9 @@
       {{#link-to 'account.contact-info' class='item'}}
         {{t 'Contact Info'}}
       {{/link-to}}
+      {{#link-to 'account.billing-info' class='item'}}
+        {{t 'Billing Info'}}
+      {{/link-to}}
       {{#link-to 'account.password' class='item'}}
         {{t 'Password'}}
       {{/link-to}}

app/templates/account/billing-info.hbs

@@ -0,0 +1,17 @@
+<div class="ui grid">
+  <div class="row">
+    <div class="{{if device.isMobile 'sixteen' 'three'}} wide column">
+      {{#tabbed-navigation isVertical=true}}
+        {{#link-to 'account.billing-info.payment-info' class='item'}}
+          {{t 'Payment Information'}}
+        {{/link-to}}
+        {{#link-to 'account.billing-info.invoices' class='item'}}
+          {{t 'Invoices'}}
+        {{/link-to}}
+      {{/tabbed-navigation}}
+    </div>
+    <div class="{{if device.isMobile 'sixteen' 'thirteen'}} wide column">
+      {{outlet}}
+    </div>
+  </div>
+</div>

app/templates/account/billing-info/invoices.hbs

@@ -0,0 +1,14 @@
+<div class="ui grid stackable">
+  <div class="thirteen wide column">
+    <h2 class="ui header column">{{t 'Due Invoices'}}</h2>
+  </div>
+  <div class="ui hidden divider"></div>
+  <div class="thirteen wide column">
+    <h2 class="ui header column">{{t 'Upcoming Invoices'}}</h2>
+  </div>
+  <div class="ui hidden divider"></div>
+  <div class="thirteen wide column">
+    <h2 class="ui header column">{{t 'Paid Invoices'}}</h2>
+  </div>
+  <div class="ui hidden divider"></div>
+</div>

app/templates/account/billing-info/payment-info.hbs

@@ -0,0 +1,14 @@
+import { module, test } from 'qunit';
+import { setupApplicationTest } from 'ember-qunit';
+import { currentURL, visit } from '@ember/test-helpers';
+
+
+module('Acceptance | account/billing-info', function(hooks) {
+  setupApplicationTest(hooks);
+
+
+  test('visiting account/billing-info', async function(assert) {
+    await visit('account/billing-info');
+    assert.equal(currentURL(), 'account/billing-info');
+  });
+});

tests/acceptance/billing-info-test.js

@@ -0,0 +1,14 @@
+import { module, test } from 'qunit';
+import { setupApplicationTest } from 'ember-qunit';
+import { currentURL, visit } from '@ember/test-helpers';
+
+
+module('Acceptance | account/billing-info/invoices', function(hooks) {
+  setupApplicationTest(hooks);
+
+
+  test('visiting account/billing-info/invoices login', async function(assert) {
+    await visit('account/billing-info/invoices');
+    assert.equal(currentURL(), 'account/billing-info/invoices');
+  });
+});