Jasmine test runner for files in common using RequireJS.

common/static/common/js/spec/components/paging_collection.js

+define(["backbone.paginator", "backbone"], function(BackbonePaginator, Backbone) {
+    // This code was adapted from collections/asset.js.
+    var PagingCollection = BackbonePaginator.requestPager.extend({
+        model : Backbone.Model,
+        paginator_core: {
+            type: 'GET',
+            accepts: 'application/json',
+            dataType: 'json',
+            url: function() { return this.url; }
+        },
+        paginator_ui: {
+            firstPage: 0,
+            currentPage: 0,
+            perPage: 50
+        },
+        server_api: {
+            'page': function() { return this.currentPage; },
+            'page_size': function() { return this.perPage; },
+            'sort': function() { return this.sortField; },
+            'direction': function() { return this.sortDirection; },
+            'format': 'json'
+        },
+
+        parse: function(response) {
+            var totalCount = response.totalCount,
+                start = response.start,
+                currentPage = response.page,
+                pageSize = response.pageSize,
+                totalPages = Math.ceil(totalCount / pageSize);
+            this.totalCount = totalCount;
+            this.totalPages = Math.max(totalPages, 1); // Treat an empty collection as having 1 page...
+            this.currentPage = currentPage;
+            this.start = start;
+            return response.items;
+        }
+    });
+    return PagingCollection;
+});

common/static/js/spec/main_requirejs.js

+(function(requirejs, define) {
+    requirejs.config({
+        paths: {
+            'gettext': 'js/test/i18n',
+            'jquery': 'js/vendor/jquery.min',
+            'jquery.ui': 'js/vendor/jquery-ui.min',
+            'jquery.flot': 'js/vendor/flot/jquery.flot.min',
+            'jquery.form': 'js/vendor/jquery.form',
+            'jquery.markitup': 'js/vendor/markitup/jquery.markitup',
+            'jquery.leanModal': 'js/vendor/jquery.leanModal.min',
+            'jquery.ajaxQueue': 'js/vendor/jquery.ajaxQueue',
+            'jquery.smoothScroll': 'js/vendor/jquery.smooth-scroll.min',
+            'jquery.scrollTo': 'js/vendor/jquery.scrollTo-1.4.2-min',
+            'jquery.timepicker': 'js/vendor/timepicker/jquery.timepicker',
+            'jquery.cookie': 'js/vendor/jquery.cookie',
+            'jquery.qtip': 'js/vendor/jquery.qtip.min',
+            'jquery.fileupload': 'js/vendor/jQuery-File-Upload/js/jquery.fileupload',
+            'jquery.iframe-transport': 'js/vendor/jQuery-File-Upload/js/jquery.iframe-transport',
+            'jquery.inputnumber': 'js/vendor/html5-input-polyfills/number-polyfill',
+            'jquery.immediateDescendents': 'coffee/src/jquery.immediateDescendents',
+            'jquery.simulate': 'js/vendor/jquery.simulate',
+            'jquery.url': 'js/vendor/url.min',
+            'sinon': 'js/vendor/sinon-1.7.1',
+            'text': 'js/vendor/requirejs/text',
+            'underscore': 'js/vendor/underscore-min',
+            'underscore.string': 'js/vendor/underscore.string.min',
+            'backbone': 'js/vendor/backbone-min',
+            'backbone.associations': 'js/vendor/backbone-associations-min',
+            'backbone.paginator': 'js/vendor/backbone.paginator.min',
+            "backbone-super": "js/vendor/backbone-super",
+            'jasmine-jquery': 'js/vendor/jasmine-jquery',
+            'jasmine-imagediff': 'js/vendor/jasmine-imagediff',
+            'jasmine-stealth': 'js/vendor/jasmine-stealth',
+            'jasmine.async': 'js/vendor/jasmine.async',
+            'URI': 'js/vendor/URI.min'
+        },
+        shim: {
+            'gettext': {
+                exports: 'gettext'
+            },
+            'jquery.ui': {
+                deps: ['jquery'],
+                exports: 'jQuery.ui'
+            },
+            'jquery.flot': {
+                deps: ['jquery'],
+                exports: 'jQuery.flot'
+            },
+            'jquery.form': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.ajaxForm'
+            },
+            'jquery.markitup': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.markitup'
+            },
+            'jquery.leanModal': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.leanModal'
+            },
+            'jquery.smoothScroll': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.smoothScroll'
+            },
+            'jquery.ajaxQueue': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.ajaxQueue'
+            },
+            'jquery.scrollTo': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.scrollTo'
+            },
+            'jquery.cookie': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.cookie'
+            },
+            'jquery.qtip': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.qtip'
+            },
+            'jquery.fileupload': {
+                deps: ['jquery.iframe-transport'],
+                exports: 'jQuery.fn.fileupload'
+            },
+            'jquery.inputnumber': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.inputNumber'
+            },
+            'jquery.simulate': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.simulate'
+            },
+            'jquery.url': {
+                deps: ['jquery'],
+                exports: 'jQuery.fn.url'
+            },
+            'datepair': {
+                deps: ['jquery.ui', 'jquery.timepicker']
+            },
+            'underscore': {
+                deps: ['underscore.string'],
+                exports: '_',
+                init: function(UnderscoreString) {
+                    /* Mix non-conflicting functions from underscore.string
+                     * (all but include, contains, and reverse) into the
+                     * Underscore namespace. This allows the login, register,
+                     * and password reset templates to render independent of the
+                     * access view.
+                     */
+                    _.mixin(UnderscoreString.exports());
+
+                    /* Since the access view is not using RequireJS, we also
+                     * expose underscore.string at _.str, so that the access
+                     * view can perform the mixin on its own.
+                     */
+                    _.str = UnderscoreString;
+                }
+            },
+            'backbone': {
+                deps: ['underscore', 'jquery'],
+                exports: 'Backbone'
+            },
+            'backbone.associations': {
+                deps: ['backbone'],
+                exports: 'Backbone.Associations'
+            },
+            'backbone.paginator': {
+                deps: ['backbone'],
+                exports: 'Backbone.Paginator'
+            },
+            "backbone-super": {
+                deps: ["backbone"]
+            },
+            'URI': {
+                exports: 'URI'
+            },
+            'jasmine-jquery': {
+                deps: ['jasmine']
+            },
+            'jasmine-imagediff': {
+                deps: ['jasmine']
+            },
+            'jasmine-stealth': {
+                deps: ['jasmine']
+            },
+            'jasmine.async': {
+                deps: ['jasmine'],
+                exports: 'AsyncSpec'
+            },
+            "sinon": {
+                exports: "sinon"
+            }
+        }
+    });
+
+    define([
+        // Run the common tests that use RequireJS.
+        'common-requirejs/include/common/js/spec/components/paging_spec.js'
+    ]);
+
+}).call(this, requirejs, define);

common/static/js_test_requirejs.yml

+---
+# Common JavaScript tests, using RequireJS.
+#
+#
+# To run all the tests and print results to the console:
+#
+#   js-test-tool run TEST_SUITE --use-firefox
+#
+# where `TEST_SUITE` is this file.
+#
+#
+# To run the tests in your default browser ("dev mode"):
+#
+#   js-test-tool dev TEST_SUITE
+#
+
+test_suite_name: common-requirejs
+
+test_runner: jasmine_requirejs
+
+# Path prepended to source files in the coverage report (optional)
+# For example, if the source path
+# is "src/source.js" (relative to this YAML file)
+# and the prepend path is "base/dir"
+# then the coverage report will show
+# "base/dir/src/source.js"
+prepend_path: common/static
+
+# Paths to library JavaScript files (optional)
+lib_paths:
+    - js/vendor/jquery.min.js
+    - js/vendor/jasmine-jquery.js
+    - js/vendor/jasmine-imagediff.js
+    - js/vendor/jquery.truncate.js
+    - js/vendor/underscore-min.js
+    - js/vendor/underscore.string.min.js
+    - js/vendor/backbone-min.js
+    - js/vendor/backbone.paginator.min.js
+    - js/vendor/jquery.timeago.js
+    - js/vendor/URI.min.js
+    - coffee/src/ajax_prefix.js
+    - js/test/add_ajax_prefix.js
+    - js/test/i18n.js
+    - coffee/src/jquery.immediateDescendents.js
+    - js/vendor/requirejs/text.js
+    - js/vendor/sinon-1.7.1.js
+
+# Paths to source JavaScript files
+src_paths:
+    - common/js
+
+# Paths to spec (test) JavaScript files
+spec_paths:
+    - common/js/spec
+    - js/spec/main_requirejs.js
+
+# Paths to fixture files (optional)
+# The fixture path will be set automatically when using jasmine-jquery.
+# (https://github.com/velesin/jasmine-jquery)
+#
+# You can then access fixtures using paths relative to
+# the test suite description:
+#
+#   loadFixtures('path/to/fixture/fixture.html');
+#
+fixture_paths:
+    - common/templates
+
+requirejs:
+  paths:
+    main: js/spec/main_requirejs
+
+# Because require.js is responsible for loading all dependencies, we exclude
+# all files from being included in <script> tags
+exclude_from_page:
+    - .*

pavelib/utils/envs.py

@@ -109,6 +109,7 @@ class Env(object):
         REPO_ROOT / 'cms/static/js_test_squire.yml',
         REPO_ROOT / 'common/lib/xmodule/xmodule/js/js_test.yml',
         REPO_ROOT / 'common/static/js_test.yml',
+        REPO_ROOT / 'common/static/js_test_requirejs.yml',
     ]
 
     JS_TEST_ID_KEYS = [
@@ -118,6 +119,7 @@ class Env(object):
         'cms-squire',
         'xmodule',
         'common',
+        'common-requirejs'
     ]
 
     JS_REPORT_DIR = REPORT_DIR / 'javascript'