From 1d5a310f5d4d39a0ac9291c0be7e903d2910e222 Mon Sep 17 00:00:00 2001
From: Ahsan Ulhaq <ahsan.haq@arbisoft.com>
Date: Wed, 20 May 2015 15:15:52 +0500
Subject: [PATCH] Continue to Payment button is not accessible

When a user starts the payment/verification flow.
Tab navigation skips past the "Continue to Payment" button

ECOM-1302
---
 .../js/spec/verify_student/make_payment_step_view_spec.js      | 3 ++-
 lms/static/js/verify_student/views/make_payment_step_view.js   | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/lms/static/js/spec/verify_student/make_payment_step_view_spec.js b/lms/static/js/spec/verify_student/make_payment_step_view_spec.js
index 5389ae9e28..c7d9427733 100644
--- a/lms/static/js/spec/verify_student/make_payment_step_view_spec.js
+++ b/lms/static/js/spec/verify_student/make_payment_step_view_spec.js
@@ -103,9 +103,10 @@ define([
                 expect($el.length).toEqual(_.size(buttons));
                 _.each(buttons, function( expectedText, expectedId ) {
                     var buttonEl = $( '#' + expectedId );
+                    buttonEl.removeAttr('disabled');
                     expect( buttonEl.length ).toEqual( 1 );
                     expect( buttonEl[0] ).toHaveClass( 'payment-button' );
-                    expect( buttonEl[0].text ).toEqual( expectedText );
+                    expect( buttonEl[0] ).toHaveText( expectedText );
                     buttonEl[0].click();
                     expect(requests[requests.length - 1].requestBody.split('&')).toContain('processor=' + expectedId);
                 });
diff --git a/lms/static/js/verify_student/views/make_payment_step_view.js b/lms/static/js/verify_student/views/make_payment_step_view.js
index 9589ca3648..f1d46dfb5e 100644
--- a/lms/static/js/verify_student/views/make_payment_step_view.js
+++ b/lms/static/js/verify_student/views/make_payment_step_view.js
@@ -58,7 +58,7 @@ var edx = edx || {};
         _getPaymentButtonHtml: function(processorName) {
             var self = this;
             return _.template(
-                '<a class="next action-primary payment-button" id="<%- name %>" tab-index="0"><%- text %></a> '
+                '<button class="next action-primary payment-button" id="<%- name %>" ><%- text %></button> '
             )({name: processorName, text: self._getPaymentButtonText(processorName)});
         },