sample ajax request

app/controllers/discourse_payments/payments_controller.rb

@@ -9,25 +9,25 @@ module DiscoursePayments
     end
 
     def create
-      badge = Badge.find_by_name('Consumer Defender')
+      # badge = Badge.find_by_name('Consumer Defender')
+      #
+      # if badge.nil?
+      #   head 422 and return
+      # end
 
-      if badge.nil?
+      # customer = Stripe::Customer.create(
-        head 422 and return
+      #  :email => params[:stripeEmail],
-      end
+      #  :source  => params[:stripeToken]
-
+      # )
-      customer = Stripe::Customer.create(
-       :email => params[:stripeEmail],
-       :source  => params[:stripeToken]
-      )
 
       charge = Stripe::Charge.create(
-        :customer    => customer.id,
+        :customer    => 'x',
-        :amount      => 1000,
+        :amount      => 1001,
         :description => 'Consumer Defender',
         :currency    => 'aud'
       )
 
-      BadgeGranter.grant(badge, current_user)
+      # BadgeGranter.grant(badge, current_user)
 
       render :json => { status: 'OK' }
     end

assets/javascripts/discourse/controllers/user-payments.js.es6

@@ -1,10 +1,17 @@
+import { ajax } from 'discourse/lib/ajax';
+
 export default Ember.Controller.extend({
   user: Ember.inject.controller(),
   username: Ember.computed.alias('user.model.username_lower'),
   email: Ember.computed.alias('user.model.email'),
 
   actions: {
-    choiceTest: function() {
+    makePayment: function() {
+
+      ajax('/payments', { method: 'POST' }).then(() => {
+        console.log(this);
+      });
+
       this.set('saved', true);
     }
   }

assets/javascripts/discourse/templates/user/payments.hbs

@@ -2,10 +2,10 @@
   {{username}}
 </div>
 
-<button class='btn btn-primary choice-btn' {{action "choiceTest"}}>
+<button class='btn btn-primary payment-btn' {{action "makePayment"}}>
-  click
+  make payment
 </button>
 
 {{#if saved}}
-  <div class="choice-response">Response happens</div>
+  <div class="payment-response">Response happens</div>
 {{/if}}

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

@@ -1,5 +1,21 @@
 import { acceptance } from 'helpers/qunit-helpers';
-acceptance('Discourse Payments', { loggedIn: true });
+acceptance('Discourse Payments', {
+    loggedIn: true,
+    setup() {
+      const response = (object) => {
+        return [
+          200,
+          {"Content-Type": "application/json"},
+          object
+        ];
+      };
+
+      server.post('/payments', () => {
+        return response({ });
+      });
+    }
+  }
+);
 
 test('Payments Link Exists', () => {
   visit('/users/eviltrout');
@@ -21,9 +37,9 @@ test('Payments Page Exists', () => {
 test('Payments Page response happens', () => {
   visit('/users/eviltrout/payments');
 
-  click('.choice-btn');
+  click('.payment-btn');
 
   andThen(() => {
-    ok(exists('.choice-response'), 'Response happens');
+    ok(exists('.payment-response'), 'Response happens');
   });
 });