Bok Choy tests for the split payment and verification flow

Adds mode creation endpoint to course_modes app and ability to bypass media device access prompt when proceeding through verification flow in a testing environment.

lms/envs/bok_choy.auth.json

@@ -2,6 +2,15 @@
     "ANALYTICS_API_KEY": "",
     "AWS_ACCESS_KEY_ID": "",
     "AWS_SECRET_ACCESS_KEY": "",
+    "CC_PROCESSOR_NAME": "CyberSource2",
+    "CC_PROCESSOR": {
+        "CyberSource2": {
+            "SECRET_KEY": "abcd123",
+            "ACCESS_KEY": "abcd123",
+            "PROFILE_ID": "edx",
+            "PURCHASE_ENDPOINT": "/shoppingcart/payment_fake"
+        }
+    },
     "CELERY_BROKER_PASSWORD": "celery",
     "CELERY_BROKER_USER": "celery",
     "CONTENTSTORE": {

lms/envs/bok_choy.env.json

@@ -65,15 +65,21 @@
     "FEATURES": {
         "AUTH_USE_OPENID_PROVIDER": true,
         "CERTIFICATES_ENABLED": true,
+        "MULTIPLE_ENROLLMENT_ROLES": true,
+        "ENABLE_PAYMENT_FAKE": true,
+        "ENABLE_VERIFIED_CERTIFICATES": true,
         "ENABLE_DISCUSSION_SERVICE": true,
         "ENABLE_INSTRUCTOR_ANALYTICS": true,
         "ENABLE_S3_GRADE_DOWNLOADS": true,
         "ENABLE_THIRD_PARTY_AUTH": true,
         "ENABLE_COMBINED_LOGIN_REGISTRATION": true,
+        "SEPARATE_VERIFICATION_FROM_PAYMENT": true,
         "PREVIEW_LMS_BASE": "localhost:8003",
         "SUBDOMAIN_BRANDING": false,
         "SUBDOMAIN_COURSE_LISTINGS": false,
-        "ALLOW_AUTOMATED_SIGNUPS": true
+        "ALLOW_AUTOMATED_SIGNUPS": true,
+        "MODE_CREATION_FOR_TESTING": true,
+        "AUTOMATIC_VERIFY_STUDENT_IDENTITY_FOR_TESTING": true
     },
     "FEEDBACK_SUBMISSION_EMAIL": "",
     "GITHUB_REPO_ROOT": "** OVERRIDDEN **",

lms/envs/common.py

@@ -312,7 +312,7 @@ FEATURES = {
     # Show the mobile app links in the footer
     'ENABLE_FOOTER_MOBILE_APP_LINKS': False,
 
-    # let students save and manage their annotations
+    # Let students save and manage their annotations
     'ENABLE_EDXNOTES': False,
 
     # Milestones application flag
@@ -320,6 +320,9 @@ FEATURES = {
 
     # Prerequisite courses feature flag
     'ENABLE_PREREQUISITE_COURSES': False,
+
+    # For easily adding modes to courses during acceptance testing
+    'MODE_CREATION_FOR_TESTING': False,
 }
 
 # Ignore static asset files on import which match this pattern

lms/static/js/verify_student/pay_and_verify.js

@@ -70,6 +70,12 @@ var edx = edx || {};
                 platformName: el.data('platform-name'),
                 requirements: el.data('requirements')
             },
+            'face-photo-step': {
+                platformName: el.data('platform-name')
+            },
+            'id-photo-step': {
+                platformName: el.data('platform-name')
+            },
             'review-photos-step': {
                 fullName: el.data('full-name'),
                 platformName: el.data('platform-name')
@@ -79,12 +85,6 @@ var edx = edx || {};
                 courseStartDate: el.data('course-start-date'),
                 coursewareUrl: el.data('courseware-url'),
                 platformName: el.data('platform-name')
-            },
-            'face-photo-step': {
-                platformName: el.data('platform-name')
-            },
-            'id-photo-step': {
-                platformName: el.data('platform-name')
             }
         }
     }).render();

lms/static/js/verify_student/views/webcam_photo_view.js

@@ -25,7 +25,14 @@
 
                     // Start the capture
                     this.getUserMediaFunc()(
-                        { video: true },
+                        {
+                            video: true,
+
+                            // Specify the `fake` constraint if we detect we are running in a test
+                            // environment. In Chrome, this will do nothing, but in Firefox, it will
+                            // instruct the browser to use a fake video device.
+                            fake: window.location.hostname === 'localhost'
+                        },
                         _.bind( this.getUserMediaCallback, this ),
                         _.bind( this.handleVideoFailure, this )
                     );