Grunt W3C Validation

.gitattributes

@@ -31,6 +31,9 @@
 /phpunit.xml.dist           export-ignore
 /pulsar.sublime-project     export-ignore
 /Vagrantfile                export-ignore
+/tests/validation/w3cError* export-ignore
+/validation-status.json     export-ignore
+/validation-report.json     export-ignore
 
 ##
 ## /images/

.gitignore

@@ -28,3 +28,7 @@ pulsar.zip
 /fonts/_config.fonts.scss
 
 /.csscomb.json
+/validation-status.json
+/validation-report.json
+/tests/validation/error_reports/*
+/tests/validation/html_output/*

Gruntfile.js

@@ -475,9 +475,35 @@ module.exports = function(grunt) {
                 reloadOnRestart: true,
                 watchTask: true
             }
+	    },
+
+        casperjs: {
+            options: {
+                async: {
+                    parallel: false
+                },
+                silent: false
+            },
+            files: ['../pulsar/js/casper.js']
         },
 
-        'gh-pages': {
+        validation: {
+            options: {
+                reset: grunt.option('reset') || false,
+                stoponerror: false,
+                maxTry: 3,
+                relaxerror: ['Bad value X-UA-Compatible for attribute http-equiv on element meta.'], // ignores these errors
+                generateReport: true,
+                errorHTMLRootDir: "tests/validation/error_reports",
+                useTimeStamp: true,
+                errorTemplate: "tests/validation/w3c_validation_error_Template.html"
+            },
+            files: {
+                src: ['../pulsar/tests/validation/html_output/*.html']
+            }
+        },
+
+	    'gh-pages': {
             options: {
                 base: 'docs/_site',
                 repo: 'https://github.com/jadu/pulsar.git'
@@ -575,6 +601,11 @@ module.exports = function(grunt) {
         'exec:updateNpm'
     ]);
 
+    grunt.registerTask('validate', [
+        'casperjs',
+        'validation'
+    ]);
+
     // load all grunt tasks
     require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
 

js/casper.js

@@ -0,0 +1,56 @@
+var fs = require('fs');
+var links;
+
+function getLinks() {
+    var links = document.querySelectorAll('.nav-link.t-nav-link');
+    return Array.prototype.map.call(links, function (e) {
+        return e.getAttribute('href');
+    });
+}
+
+casper.start('http://192.168.13.37/index.php', function() {
+    "use strict";
+    fs.write('tests/validation/html_output/_index.html', this.getPageContent(), 'w');
+});
+
+casper.then(function () {
+    var links = this.evaluate(getLinks);
+    var current = 0;
+    var end = links.length;
+    // Get the word before .html.twig, the word before the last '/' and the word in urls like '/lexicon'
+    var regex = /((\w*)(\/|.html.twig)$)|(\/\w*$)/gm;
+    var match = [];
+    var newlinks = [];
+
+    // Remove links within the same page
+    for (var i = 0; i < links.length; i++) {
+        if (links[i].indexOf('#') === -1) {
+            newlinks.push(links[i]);
+        }
+    }
+
+    // Get Page Name from URL
+    for (i = 0; i < newlinks.length; i++) {
+        if (newlinks[i].match(regex)) { // Remove null items that didn't pass the regex
+            var link = newlinks[i].match(regex);
+            var filtered = link[0]; // Get just the name from the results array
+            var splited = filtered.split('.'); // Split dots to remove .html.twig part
+            var replaced = splited[0].replace('/', ''); // Remove '/'
+            match.push(replaced); // Keep just the names in a separata array
+        };
+    };
+
+    for (;current < end;) {
+        (function(cntr) {
+            casper.thenOpen('http://192.168.13.37' + newlinks[cntr] + '', function() {
+                    fs.write('tests/validation/html_output/_' + match[cntr] + '_.html', this.getPageContent(), 'w');
+            });
+        })(current);
+        current++;
+    }
+});
+
+casper.run(function() {
+    "use strict";
+    this.exit();
+});

package.json

@@ -36,6 +36,7 @@
     "grunt-browser-sync": "^2.2.0",
     "grunt-browserify": "^5.0.0",
     "grunt-bump": "^0.7.2",
+    "grunt-casperjs": "^2.2.1",
     "grunt-contrib-clean": "^1.0.0",
     "grunt-contrib-compress": "^1.2.0",
     "grunt-contrib-copy": "^1.0.0",
@@ -54,6 +55,7 @@
     "grunt-real-favicon": "^0.1.3",
     "grunt-sass": "^1.1.0",
     "grunt-scss-lint": "0.3.8",
+    "grunt-w3c-html-validation": "^0.1.8",
     "jquery": "1.x",
     "jsdom": "^8.4.0",
     "matchdep": "^1.0.1",

tests/validation/w3c_validation_error_Template.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>W3C Error Report for {{filename}}</title>
+</head>
+<body>
+    <table border='0' align='center' cellpadding='5' cellspacing='0' style='border-collapse:collapse;background-color:Wheat;color:black;font-family:arial,helvetica,sans-serif; width:100%'> 
+            <tbody>
+                <tr>
+                    <td colspan='6' style='padding:5px;background-color:SteelBlue;color:Wheat;font-size:200%;border:2px solid SteelBlue;text-align:center;'>W3C Validation Report
+                    </td>
+                </tr>
+                <tr>
+                    <td colspan='6' style='padding:5px;background-color:SteelBlue;color:Wheat;font-size:125%;border:2px solid SteelBlue;text-align:center;'>{{filename}}  | Error Count : {{error.length}}
+                    </td>
+                </tr>
+                <tr>
+                    <td style='text-align:center;font-size:125%;border:2px solid SteelBlue;white-space:nowrap;'>Error Number
+                    </td>
+                    <td style='text-align:center;font-size:125%;border:2px solid SteelBlue;white-space:nowrap;'>Error Type
+                    </td>
+                    <td style='text-align:center;font-size:125%;border:2px solid SteelBlue;white-space:nowrap;'>Line Number
+                    </td>
+                    <td style='text-align:center;font-size:125%;border:2px solid SteelBlue;white-space:nowrap;' >Error Message
+                    </td>
+                    <td style='text-align:center;font-size:125%;border:2px solid SteelBlue;white-space:nowrap;' >Error Source Code Reference
+                    </td>
+                    <td style='text-align:center;font-size:125%;border:2px solid SteelBlue;white-space:nowrap;' >Error Explanation
+                    </td>
+                </tr>
+            {{#each error}}
+                <tr>
+                    <td style='text-align:center;font-size:100%;border:2px solid SteelBlue;'>{{@index}} </td>
+                    <td style='text-align:center;font-size:100%;border:2px solid SteelBlue;'>{{type}} </td>
+                    <td style='text-align:center;font-size:100%;border:2px solid SteelBlue;'>{{lastLine}} </td>
+                    <td style='text-align:center;font-size:100%;border:2px solid SteelBlue;'>{{message}} </td>
+                    <td style='text-align:center;font-size:100%;border:2px solid SteelBlue;'><code>{{errSrcFirstPart}}{{{errSrcToHighlight}}}{{errSrcSecondPart}}</code> </td>
+                    <td style='text-align:center;font-size:100%;border:2px solid SteelBlue;'>{{{explanation}}} </td>
+                </tr>
+            {{/each}}
+        </tbody>
+    </table>
+</body>
+</html>