Build stylesheets before tests are run

Author: petyosi

Gruntfile.js

@@ -22,21 +22,8 @@ module.exports = function(grunt) {
     var browserOption = grunt.option('browser');
     var testsOption = grunt.option('tests');
     var jqueryOption = grunt.option('jquery');
-    var skipStylesheets = grunt.option('skip-styles');
     var jquery = 'src/jquery.js';
 
-    if (skipStylesheets) {
-        grunt.log.writeln("Skipping styles");
-        for (var i = 0; i < TESTS.afterTestFiles.length; i ++) {
-            var item = TESTS.afterTestFiles[i];
-            if (typeof item === "string") {
-                if (item.match(/less\.js/)) {
-                    TESTS.afterTestFiles.splice(i, 1);
-                }
-            }
-        }
-    }
-
     if (testsOption) {
         tests = [ testsOption ];
     }
@@ -118,7 +105,6 @@ module.exports = function(grunt) {
                     browsers: browsers,
 
                     files: [].concat(
-                        TESTS.compiledStyleSheets,
                         TESTS.beforeTestFiles,
                         TESTS.ciFiles,
                         TESTS.afterTestFiles,
@@ -135,7 +121,6 @@ module.exports = function(grunt) {
                     browsers: [ 'bs_chrome' ],
 
                     files: [].concat(
-                        TESTS.compiledStyleSheets,
                         TESTS.beforeTestFiles,
                         TESTS.ciFiles,
                         TESTS.afterTestFiles,
@@ -158,7 +143,6 @@ module.exports = function(grunt) {
                     browsers: [],
 
                     files: [].concat(
-                        TESTS.compiledStyleSheets,
                         TESTS.beforeTestFiles,
                         allKendoFiles,
                         TESTS.afterTestFiles.filter(function(x) {
@@ -260,7 +244,7 @@ module.exports = function(grunt) {
 
     // Default task(s).
     grunt.registerTask('default', ['karma:unit']);
-    grunt.registerTask('tests', [ 'karma:unit' ]);
+    grunt.registerTask('tests', [ 'styles', 'karma:unit' ]);
     grunt.registerTask('styles', [ 'copy:css_assets', 'less' ]);
     grunt.registerTask('all', [ 'kendo', 'download_builder', 'copy:jquery', 'copy:timezones' ]);
     grunt.registerTask('build', [ 'kendo', 'copy:jquery', 'styles', 'license' ]);

build/grunt/test-paths-core.js

@@ -1,6 +1,8 @@
 exports.beforeTestFiles = [
-    { pattern: 'styles/**/*.*', watched: true, included: false },
-    { pattern: 'tests/router/sandbox.html', watched: true, included: false },
+    'dist/styles/web/kendo.common.core.min.css',
+    'dist/styles/mobile/kendo.mobile.all.min.css',
+    'dist/styles/web/kendo.rtl.css',
+    { pattern: 'dist/styles/**/*.*', watched: true, included: false },
     { pattern: 'tests/window/blank.html', watched: true, included: false },
     { pattern: 'tests/**/*-fixture.html' }
 ];
@@ -11,14 +13,7 @@ exports.afterTestFiles = [
     'src/cultures/kendo.culture.en-ZA.js',
     "src/cultures/kendo.culture.es-ES.js",
     'tests/kendo-test-helpers.js',
-    'tests/**/test-helper.js',
-    'build/less-js/dist/less-1.6.0.min.js'
-];
-
-exports.compiledStyleSheets = [
-    'dist/styles/web/kendo.common.core.min.css',
-    'dist/styles/mobile/kendo.mobile.all.min.css',
-    'dist/styles/web/kendo.rtl.css'
+    'tests/**/test-helper.js'
 ];
 
 exports.ciFiles = [ 'dist/js/kendo.ui.core.min.js' ];

tests/kendo-test-helpers.js

@@ -128,13 +128,6 @@ function mousewheel(element, delta) {
     $(element).trigger($.Event("mousewheel", { originalEvent: { detail: delta * 3 } }));
 }
 
-if (!$('link[rel=stylesheet][href*="kendo.common.core.min.css"]').length) {
-    $('head')
-        .append('<link rel="stylesheet/less" href="/base/styles/web/kendo.common.core.less" />')
-        .append('<link rel="stylesheet/less" href="/base/styles/mobile/kendo.mobile.all.less" />')
-        .append('<link rel="stylesheet/less" href="/base/styles/web/kendo.rtl.css" />');
-}
-
 (function() {
     var domContentsLength;