Revert to simple test runner

Author: dstoc

Gruntfile.js

@@ -86,11 +86,7 @@ module.exports = function(grunt) {
   grunt.task.registerMultiTask('gentest', 'Generate test/runner-<target>.html', function() {
     var template = grunt.file.read('templates/runner.html')
     var filename = 'test/runner' + (this.target === targetConfig.defaultTarget ? '' : '-' + this.target) + '.html';
-    var config = targetConfig[this.target];
-    var contents = grunt.template.process(template, {data: {
-      src: config.src,
-      test: config.test,
-    }});
+    var contents = grunt.template.process(template, {data: {target: this.target}});
     grunt.file.write(filename, contents);
     grunt.log.writeln('File ' + filename + ' created');
   });

templates/runner.html

@@ -18,9 +18,9 @@
 <link rel="stylesheet" href="../node_modules/mocha/mocha.css">
 <script src="../node_modules/mocha/mocha.js"></script>
 <script src="../node_modules/chai/chai.js"></script>
+<script src="../target-config.js"></script>
 <script src="runner.js"></script>
-<% _.forEach(src, function(src) { %><script src="../<%= src %>"></script>
-<% }); %>
-<% _.forEach(test, function(test) { %><script src="../<%= test %>"></script>
-<% }); %>
+<script>
+loadWebAnimationsBuildTarget('<%= target %>');
+</script>
 <div id="mocha"></div>

test/runner-minifill.html

@@ -18,33 +18,9 @@
 <link rel="stylesheet" href="../node_modules/mocha/mocha.css">
 <script src="../node_modules/mocha/mocha.js"></script>
 <script src="../node_modules/chai/chai.js"></script>
+<script src="../target-config.js"></script>
 <script src="runner.js"></script>
-<script src="../src/scope.js"></script>
-<script src="../src/animation-node.js"></script>
-<script src="../src/animation.js"></script>
-<script src="../src/apply.js"></script>
-<script src="../src/property-interpolation.js"></script>
-<script src="../src/color-handler.js"></script>
-<script src="../src/dimension-handler.js"></script>
-<script src="../src/effect.js"></script>
-<script src="../src/element-animate.js"></script>
-<script src="../src/interpolation.js"></script>
-<script src="../src/number-handler.js"></script>
-<script src="../src/player.js"></script>
-<script src="../src/timeline.js"></script>
-<script src="../src/transform-handler.js"></script>
-
-<script src="../test/js/animation-node.js"></script>
-<script src="../test/js/color-handler.js"></script>
-<script src="../test/js/dimension-handler.js"></script>
-<script src="../test/js/effect.js"></script>
-<script src="../test/js/element-animate.js"></script>
-<script src="../test/js/interpolation.js"></script>
-<script src="../test/js/number-handler.js"></script>
-<script src="../test/js/player-finish-event.js"></script>
-<script src="../test/js/player.js"></script>
-<script src="../test/js/property-interpolation.js"></script>
-<script src="../test/js/transform-handler.js"></script>
-<script src="../test/js/timeline.js"></script>
-
+<script>
+loadWebAnimationsBuildTarget('minifill');
+</script>
 <div id="mocha"></div>

test/runner.html

@@ -18,40 +18,9 @@
 <link rel="stylesheet" href="../node_modules/mocha/mocha.css">
 <script src="../node_modules/mocha/mocha.js"></script>
 <script src="../node_modules/chai/chai.js"></script>
+<script src="../target-config.js"></script>
 <script src="runner.js"></script>
-<script src="../src/scope.js"></script>
-<script src="../src/animation-node.js"></script>
-<script src="../src/animation.js"></script>
-<script src="../src/apply.js"></script>
-<script src="../src/property-interpolation.js"></script>
-<script src="../src/color-handler.js"></script>
-<script src="../src/dimension-handler.js"></script>
-<script src="../src/effect.js"></script>
-<script src="../src/element-animate.js"></script>
-<script src="../src/interpolation.js"></script>
-<script src="../src/number-handler.js"></script>
-<script src="../src/player.js"></script>
-<script src="../src/timeline.js"></script>
-<script src="../src/transform-handler.js"></script>
-<script src="../src/animation-constructor.js"></script>
-<script src="../src/group-constructors.js"></script>
-<script src="../src/effect-callback.js"></script>
-
-<script src="../test/js/group-constructors.js"></script>
-<script src="../test/js/group-player.js"></script>
-<script src="../test/js/group-player-finish-event.js"></script>
-<script src="../test/js/effect-callback.js"></script>
-<script src="../test/js/animation-node.js"></script>
-<script src="../test/js/color-handler.js"></script>
-<script src="../test/js/dimension-handler.js"></script>
-<script src="../test/js/effect.js"></script>
-<script src="../test/js/element-animate.js"></script>
-<script src="../test/js/interpolation.js"></script>
-<script src="../test/js/number-handler.js"></script>
-<script src="../test/js/player-finish-event.js"></script>
-<script src="../test/js/player.js"></script>
-<script src="../test/js/property-interpolation.js"></script>
-<script src="../test/js/transform-handler.js"></script>
-<script src="../test/js/timeline.js"></script>
-
+<script>
+loadWebAnimationsBuildTarget('maxifill');
+</script>
 <div id="mocha"></div>

test/runner.js

@@ -3,6 +3,13 @@ var webAnimationsTesting = window;
 var assert = chai.assert;
 mocha.setup({ ui: 'tdd' });
 
+function loadWebAnimationsBuildTarget(target) {
+  var config = webAnimationsTargetConfig[target];
+  config.src.concat(config.test).forEach(function(file) {
+    document.write('<script src="../' + file + '"></script>\n');
+  });
+}
+
 (function() {
 
   var pageError = null;