Merge pull request #961 from mozilla/payment-pages-react

feat(payments): initial rough payment pages

Author: lmorchard

packages/fxa-auth-server/config/dev.json

@@ -59,6 +59,20 @@
           "interval": "month",
           "amount": 50,
           "currency": "usd"
+        },
+        {
+          "plan_id": "321doneProWeekly",
+          "product_id": "321doneProProduct",
+          "interval": "week",
+          "amount": 5,
+          "currency": "usd"
+        },
+        {
+          "plan_id": "allDoneProWeekly",
+          "product_id": "allDoneProProduct",
+          "interval": "week",
+          "amount": 5,
+          "currency": "usd"
         }
       ]
     }

packages/fxa-content-server/app/scripts/views/settings/subscription.js

@@ -38,7 +38,7 @@ const View = FormView.extend({
         ttl: managementTokenTTL,
       })
       .then((accessToken) => {
-        const url = `${managementUrl}/#accessToken=${encodeURIComponent(accessToken.get('token'))}`;
+        const url = `${managementUrl}/subscriptions#accessToken=${encodeURIComponent(accessToken.get('token'))}`;
         this.navigateAway(url);
       });
   }

packages/fxa-content-server/app/tests/spec/views/settings/subscription.js

@@ -74,11 +74,13 @@ describe('views/settings/subscription', function () {
               client_id: config.subscriptions.managementClientId,
               ttl: config.subscriptions.managementTokenTTL
             }
-          ]
+          ],
+          'should make the correct call to account.createOAuthToken'
         );
         assert.deepEqual(
           view.navigateAway.args[0],
-          [ `${config.subscriptions.managementUrl}/#accessToken=MOCK_TOKEN` ]
+          [ `${config.subscriptions.managementUrl}/subscriptions#accessToken=MOCK_TOKEN` ],
+          'should make the correct call to navigateAway'
         );
       });
     });

packages/fxa-payments-server/.eslintrc

@@ -1,11 +1,18 @@
 plugins:
   - fxa
   - sorting
-extends: plugin:fxa/client
+
+extends:
+ - plugin:fxa/client
+ - plugin:react/recommended
 
 # Required for `import( )` webpack feature
 parser: babel-eslint
 
+settings:
+  react:
+    version: detect
+
 rules:
   brace-style: 2
   handle-callback-err: 0
@@ -17,7 +24,8 @@ rules:
   no-console: 0
   no-multi-str: 2
   no-useless-escape: 0
+  "react/prop-types": 0
   sorting/sort-object-props: [ 2, { "ignoreCase": true, "ignoreMethods": true, "ignoreMethodSiblings": true, "ignorePrivate": true } ]
   space-infix-ops: 2
   space-unary-ops: [2, {"nonwords": false, "overrides": {"~": true, "!": true}}]
-  strict: 0
+  strict: 0

packages/fxa-payments-server/.gitignore

@@ -1,4 +1,5 @@
 *~
-
-# react output
 build/
+.nyc_output/
+coverage/
+