webfont_test.js

/*jshint node:true*/
'use strict';

var fs = require('fs');
var path = require('path');
var grunt = require('grunt');
var parseXMLString = require('xml2js').parseString;
var wf = require('../tasks/util/util');
var crypto = require('crypto');
var Promise = require('promise');

function find(haystack, needle) {
	return haystack.indexOf(needle) !== -1;
}

function findDuplicates(haystack, needles) {
	var sorted_arr = haystack.sort();

	var results = [];
	for (var i = 0; i < haystack.length - 1; i++) {
		if (sorted_arr[i + 1] === sorted_arr[i]) {
			results.push(sorted_arr[i]);
		}
	}

	return results;
}

exports.webfont = {
	test1: function(test) {
		// All out files should be created and should not be empty
		'woff,ttf,eot'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/test1/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/test1/icons.' + type).length, name + ' file not empty.');
		});

		'css,html'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/test1/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/test1/icons.' + type).length, name + ' file not empty.');
		});

		var svgs = grunt.file.expand('test/src/**.*');
		var css = grunt.file.read('test/tmp/test1/icons.css');
		var html = grunt.file.read('test/tmp/test1/icons.html');

		// CSS links to font files are correct
		'woff,ttf,eot'.split(',').forEach(function(type) {
			test.ok(
				find(css, 'url("icons.' + type),
				'File path ' + type + ' should be in CSS file.'
			);
		});

		// Double EOT (for IE9 compat mode)
		test.ok(
			find(css, 'src:url("icons.eot");'),
			'First EOT declaration.'
		);
		test.ok(
			find(css, 'src:url("icons.eot?#iefix") format("embedded-opentype"),'),
			'Second EOT declaration.'
		);

		// Every SVG file should have corresponding entry in CSS and HTML files
		svgs.forEach(function(file, index) {
			var id = path.basename(file, '.svg');
			test.ok(
				find(css, '.icon_' + id + ':before'),
				'Icon ' + id + ' should be in CSS file.'
			);
			test.ok(
				find(css, 'content:"\\' + (wf.UNICODE_PUA_START + index).toString(16) + '"'),
				'Character at index ' + index + ' has its codepoint in the CSS'
			);
			test.ok(
				find(html, '<div class="icons__item" data-name="' + id + '"><i class="icon icon_' + id + '"></i> icon_' + id + '</div>'),
				'Icon ' + id + ' should be in HTML file.'
			);
		});

		test.done();
	},

	test2: function(test) {
		var css = grunt.file.read('test/tmp/test2/myfont.css');

		// Read hash
		var hash = css.match(/url\("fonts\/myfont\.woff\?([0-9a-f]{32})"\)/);
		hash = hash && hash[1];
		test.ok(hash, 'Hash calculated.');

		// All out files should be created and should not be empty
		'woff,svg'.split(',').forEach(function(type) {
			var name = type.toUpperCase(),
				prefix = 'test/tmp/test2/fonts/myfont.';
			test.ok(fs.existsSync(prefix + type), name + ' file created.');
			test.ok(grunt.file.read(prefix + type).length, name + ' file not empty.');
		});
		'css,html'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/test2/myfont.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/test2/myfont.' + type).length, name + ' file not empty.');
		});

		// Excluded file types should not be created
		'eot,ttf'.split(',').forEach(function(type) {
			var name = type.toUpperCase(),
				prefix = 'test/tmp/test2/fonts/myfont.';
			test.ok(!fs.existsSync(prefix + type), name + ' file NOT created.');
		});

		var svgs = grunt.file.expand('test/src/**.*');
		var html = grunt.file.read('test/tmp/test2/myfont.html');

		// CSS links to font files are correct
		'woff,svg'.split(',').forEach(function(type) {
			test.ok(
				find(css, 'url("fonts/myfont.' + type + '?' + hash),
				'File path ' + type + ' should be in CSS file.'
			);
		});

		// CSS links to excluded formats should not be included
		'ttf,eot'.split(',').forEach(function(type) {
			test.ok(
				!find(css, 'fonts/myfont.' + type),
				'File path ' + type + ' should be in CSS file.'
			);
		});


		// Every SVG file should have corresponding entry in CSS and HTML files
		svgs.forEach(function(file) {
			var id = path.basename(file, '.svg');
			test.ok(
				find(css, '.icon-' + id + ':before'),
				'Icon ' + id + ' should be in CSS file.'
			);
			test.ok(
				find(html, '<div class="icons__item" data-name="' + id + '"><i class=" icon-' + id + '"></i> icon-' + id + '</div>'),
				'Icon ' + id + ' should be in HTML file.'
			);
		});

		test.done();
	},

	embed: function(test) {
		// All out files should be created and should not be empty
		'ttf,eot'.split(',').forEach(function(type) {
			var name = type.toUpperCase(),
				prefix = 'test/tmp/embed/icons.';
			test.ok(fs.existsSync(prefix + type), name + ' file created.');
			test.ok(grunt.file.read(prefix + type).length, name + ' file not empty.');
		});

		// WOFF should be deleted
		'woff'.split(',').forEach(function(type) {
			var name = type.toUpperCase(),
				prefix = 'test/tmp/embed/icons.';
			test.ok(!fs.existsSync(prefix + type), name + ' file NOT created.');
		});

		var css = grunt.file.read('test/tmp/embed/icons.css');

		// Data:uri
		var m = css.match(/data:application\/x-font-woff;charset=utf-8;base64,.*?format\("woff"\)/g);
		test.equal(m && m.length, 1, 'WOFF (default) data:uri');

		test.done();
	},

	embed_woff: function(test) {
		// Excluded file types should not be created + WOFF should be deleted
		'woff,ttf,eot'.split(',').forEach(function(type) {
			var name = type.toUpperCase(),
				prefix = 'test/tmp/embed_woff/icons.';
			test.ok(!fs.existsSync(prefix + type), name + ' file NOT created.');
		});

		var css = grunt.file.read('test/tmp/embed_woff/icons.css');
		var m;

		// Data:uri
		m = css.match(/data:application\/x-font-woff;charset=utf-8;base64,.*?format\("woff"\)/g);
		test.equal(m && m.length, 1, 'Data:uri');

		test.done();
	},

	embed_ttf: function(test) {
		// Excluded file types should not be created + TTF should be deleted
		'woff,ttf,eot'.split(',').forEach(function(type) {
			var name = type.toUpperCase(),
				prefix = 'test/tmp/embed_ttf/icons.';
			test.ok(!fs.existsSync(prefix + type), name + ' file NOT created.');
		});

		var css = grunt.file.read('test/tmp/embed_ttf/icons.css');
		var m;

		// Data:uri
		m = css.match(/data:application\/x-font-ttf;charset=utf-8;base64,.*?format\("truetype"\)/g);
		test.equal(m && m.length, 1, 'TrueType data:uri');

		test.done();
	},

	embed_ttf_woff: function(test) {
		// Excluded file types should not be created + TTF should be deleted
		'woff,ttf,eot'.split(',').forEach(function(type) {
			var name = type.toUpperCase(),
				prefix = 'test/tmp/embed_ttf_woff/icons.';
			test.ok(!fs.existsSync(prefix + type), name + ' file NOT created.');
		});

		var css = grunt.file.read('test/tmp/embed_ttf_woff/icons.css');
		var m;

		// Data:uri
		m = css.match(/data:application\/x-font-ttf;charset=utf-8;base64,.*?format\("truetype"\)/g);
		test.equal(m && m.length, 1, 'TrueType data:uri');
		m = css.match(/data:application\/x-font-woff;charset=utf-8;base64,.*?format\("woff"\)/g);
		test.equal(m && m.length, 1, 'WOFF data:uri');

		test.done();
	},

	one: function(test) {
		// All out files should be created and should not be empty
		'woff,ttf,eot'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/one/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/one/icons.' + type).length, name + ' file not empty.');
		});

		'css,html'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/one/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/one/icons.' + type).length, name + ' file not empty.');
		});

		var svgs = grunt.file.expand('test/src_one/**.*'),
			css = grunt.file.read('test/tmp/one/icons.css');

		// CSS links to font files are correct
		'woff,ttf,eot'.split(',').forEach(function(type) {
			test.ok(
				find(css, 'icons.' + type),
				'File path ' + type + ' should be in CSS file.'
			);
		});

		// Every SVG file should have corresponding entry in CSS file
		svgs.forEach(function(file) {
			var id = path.basename(file, '.svg');
			test.ok(
				find(css, '.icon_' + id + ':before'),
				'Icon ' + id + ' should be in CSS file.'
			);
		});

		test.done();
	},

	template: function(test) {
		var css = grunt.file.read('test/tmp/template/icons.css');

		// There should be comment from custom template
		test.ok(
			find(css, 'Custom template'),
			'Comment from custom template.'
		);

		test.done();
	},

	template_scss: function(test) {
		var cssFilename = 'test/tmp/template_scss/_icons.scss';

		test.ok(fs.existsSync(cssFilename), 'SCSS template: .scss file created.');

		var css = grunt.file.read(cssFilename);

		// There should be comment from custom template
		test.ok(
			find(css, 'Custom template'),
			'SCSS template: comment from custom template.'
		);

		test.done();
	},

	template_sass: function(test) {
		var cssFilename = 'test/tmp/template_sass/_icons.sass';

		test.ok(fs.existsSync(cssFilename), 'SASS template: .sass file created (stylesheet extension derived from template name).');

		var css = grunt.file.read(cssFilename);

		// There should be comment from custom template
		test.ok(
			find(css, 'Custom template'),
			'SASS template: comment from custom template.'
		);

		test.done();
	},

	enabled_template_variables: function(test) {
		var cssFilename = 'test/tmp/enabled_template_variables/_icons.scss';

		var css = grunt.file.read(cssFilename);

		// There should be a variable declaration for scss preprocessor
		test.ok(
			find(css, '$icons-font-path : "../iamrelative/" !default;'),
			'SCSS enable template variables: variable exists.'
		);

		// The variable declaration should be used
		test.ok(
			find(css, 'url($icons-font-path + "'),
			'SCSS enable template variables: variable used.'
		);

		test.done();
	},

	html_template: function(test) {
		var demo = grunt.file.read('test/tmp/html_template/icons.html');

		// There should be comment from custom template
		test.ok(
			find(demo, 'Custom template'),
			'Comment from custom template.'
		);

		test.done();
	},

	html_filename: function(test) {
		var htmlfile = 'test/tmp/html_filename/index.html';

		// There should be comment from custom template
		test.ok(fs.existsSync(htmlfile), 'HTML demo file custom name created.');

		test.done();
	},

	relative_path: function(test) {
		var css = grunt.file.read('test/tmp/relative_path/icons.css');

		// CSS links to font files are correct
		'woff,ttf,eot'.split(',').forEach(function(type) {
			test.ok(
				find(css, 'url("../iamrelative/icons.' + type),
				'File path ' + type + ' should be in CSS file.'
			);
		});

		test.done();
	},

	sass: function(test) {
		test.ok(fs.existsSync('test/tmp/sass/_icons.sass'), 'SASS file with underscore created.');
		test.ok(!fs.existsSync('test/tmp/sass/icons.sass'), 'SASS file without underscore not created.');
		test.ok(!fs.existsSync('test/tmp/sass/icons.css'), 'CSS file not created.');

		var svgs = grunt.file.expand('test/src/**.*');
		var sass = grunt.file.read('test/tmp/sass/_icons.sass');

		// There should be comment from custom template
		var m = sass.match(/\/\* *(.*?) *\*\//g);
		test.ok(!m, 'No regular CSS comments.');

		// There should be comment from custom template
		m = sass.match(/^\/\//gm);
		test.equal(m && m.length, 2, 'Single line comments.');

		test.done();
	},

	less: function(test) {
		test.ok(fs.existsSync('test/tmp/less/icons.less'), 'LESS file created.');
		test.ok(!fs.existsSync('test/tmp/less/icons.css'), 'CSS file not created.');

		var svgs = grunt.file.expand('test/src/**.*');
		var less = grunt.file.read('test/tmp/less/icons.less');

		// There should be comment from custom template
		var m = less.match(/\/\* *(.*?) *\*\//g);
		test.ok(!m, 'No regular CSS comments.');

		// There should be comment from custom template
		m = less.match(/^\/\//gm);
		test.equal(m && m.length, 2, 'Single line comments.');

		// Every SVG file should have two corresponding entries in CSS file
		svgs.forEach(function(file) {
			var id = path.basename(file, '.svg');
			test.ok(
				find(less, '.icon_' + id + ' {\n\t&:before'),
				'LESS Mixin ' + id + ' should be in CSS file.'
			);
		});

		test.done();
	},

	css_plus_scss: function(test) {
		test.ok(fs.existsSync('test/tmp/scss/_icons.scss'), 'SCSS file with underscore created.');
		test.ok(!fs.existsSync('test/tmp/scss/icons.scss'), 'SCSS file without underscore not created.');
		test.ok(fs.existsSync('test/tmp/css/icons.css'), 'CSS file is created.');

		test.done();
	},

	stylus_bem: function(test) {
		test.ok(fs.existsSync('test/tmp/stylus_bem/icons.styl'), 'Stylus file created.');
		test.ok(!fs.existsSync('test/tmp/stylus_bem/icons.css'), 'CSS file not created.');

		var styl = grunt.file.read('test/tmp/stylus_bem/icons.styl');

		// There should be comment from custom template
		var m = styl.match(/\/\* *(.*?) *\*\//g);
		test.ok(!m, 'No regular CSS comments.');

		// There should be comment from custom template
		m = styl.match(/^\/\//gm);
		test.equal(m && m.length, 2, 'Single line comments.');

		var stylus = require('stylus');
		var s = stylus(styl);

		s.render(function(err, css) {
			if (err) {
				console.log('Stylus compile error:');
				console.log(err);
			}
			test.ok(!err, 'Stylus file compiled.');
			test.done();
		});
	},

	stylus_bootstrap: function(test) {
		test.ok(fs.existsSync('test/tmp/stylus_bootstrap/icons.styl'), 'Stylus file created.');
		test.ok(!fs.existsSync('test/tmp/stylus_bootstrap/icons.css'), 'CSS file not created.');

		var styl = grunt.file.read('test/tmp/stylus_bootstrap/icons.styl');

		var stylus = require('stylus');
		var s = stylus(styl);

		s.render(function(err, css) {
			if (err) {
				console.log('Stylus compile error:');
				console.log(err);
			}
			test.ok(!err, 'Stylus file compiled.');
			test.done();
		});
	},

	spaces: function(test) {
		var css = grunt.file.read('test/tmp/spaces/icons.css');

		test.ok(
			find(css, '.icon_ma-il-ru:before'),
			'Spaces in class name should be replaced by hyphens.'
		);
		test.ok(
			find(css, 'content:"\\' + wf.UNICODE_PUA_START.toString(16) + '";'),
			'Right codepoint should exists.'
		);

		test.done();
	},

	disable_demo: function(test) {
		test.ok(fs.existsSync('test/tmp/disable_demo/icons.css'), 'CSS file created.');
		test.ok(!fs.existsSync('test/tmp/disable_demo/icons.html'), 'HTML file not created.');

		test.done();
	},

	non_css_demo: function(test) {
		test.ok(!fs.existsSync('test/tmp/non_css_demo/icons.css'), 'CSS file not created.');
		test.ok(fs.existsSync('test/tmp/non_css_demo/icons.html'), 'HTML file created.');

		var html = grunt.file.read('test/tmp/non_css_demo/icons.html');

		test.ok(
			find(html, '@font-face {'),
			'Font-face declaration exists in HTML.'
		);

		test.ok(
			find(html, '.icon {'),
			'Base icon exists in HTML.'
		);

		test.ok(
			!find(html, 'url("../iamrelative/icons-'),
			'Relative paths should not be in HTML.'
		);

		test.ok(
			!find(html, '&:before'),
			'LESS mixins should not be in HTML.'
		);

		// Every SVG file should have corresponding entry in <style> block
		var svgs = grunt.file.expand('test/src/**.*');
		svgs.forEach(function(file) {
			var id = path.basename(file, '.svg');
			test.ok(
				find(html, '.icon_' + id + ':before'),
				'Icon ' + id + ' CSS should be in HTML file.'
			);
		});

		test.done();
	},

	parent_source: function(test) {
		var svgs = grunt.file.expand('test/src/**.*');
		var css = grunt.file.read('test/tmp/parent_source/icons.css');

		// Every SVG file should have corresponding entry in CSS file
		svgs.forEach(function(file) {
			var id = path.basename(file, '.svg');
			test.ok(
				find(css, '.icon_' + id + ':before'),
				'Icon ' + id + ' should be in CSS file.'
			);
		});

		test.done();
	},

	ligatures: function(test) {
		var svgs = grunt.file.expand('test/ligatures_src/**.*');
		var css = grunt.file.read('test/tmp/ligatures/icons.css');

		// Every SVG file should have corresponding entry in CSS file
		svgs.forEach(function(file) {
			var name = path.basename(file, '.svg');
			test.ok(
				find(css, 'content:"'+name+'";'),
				'Icon ' + name + ' should be in CSS file.'
			);
		});

		test.done();
	},

	duplicate_names: function(test) {
		var svgs = grunt.file.expand('test/src_duplicate_names/**/*.svg');
		var css = grunt.file.read('test/tmp/duplicate_names/icons.css');

		// Every SVG file should have corresponding entry in CSS file
		svgs.forEach(function(file) {
			var id = [path.basename(path.dirname(file)), path.basename(file, '.svg')].join('-');
			test.ok(
				find(css, '.icon_' + id + ':before'),
				'Icon ' + id + ' should be in CSS file.'
			);
		});

		test.done();
	},

	order: function(test) {
		var svgs = grunt.file.expand('test/src/**.*');
		var css = grunt.file.read('test/tmp/order/icons.css');

		// Font-face src rules should be in right order
		test.ok(
			find(css, 'src:url("icons.svg#icons") format("svg"),\n\t\turl("icons.woff") format("woff");'),
			'Font-face src rules should be in right order.'
		);

		test.done();
	},

	template_options: function(test) {
		var svgs = grunt.file.expand('test/src/**.*');
		var less = grunt.file.read('test/tmp/template_options/icons.less');
		var html = grunt.file.read('test/tmp/template_options/icons.html');

		test.ok(
				find(less, '.glyph-icon {'),
				'Class .glyph-icon should be in LESS file.'
		);

		// Every SVG file should have corresponding entry in LESS and HTML files
		svgs.forEach(function(file) {
			var id = path.basename(file, '.svg');
			// test.ok(
			// 		find(less, '.make-icon-' + id + ' {'),
			// 		'Mixin .make-icon-' + id + ' should be in LESS file.'
			// );
			test.ok(
					find(less, '.glyph_' + id + ' {'),
					'Icon .glyph_' + id + ' should be in LESS file.'
			);
			test.ok(
					find(html, '<div class="icons__item" data-name="' + id + '"><i class="glyph-icon glyph_' + id + '"></i> glyph_' + id + '</div>'),
					'Icon .glyph_' + id + ' should be in HTML file.'
			);
		});

		test.done();
	},

	node: function(test) {
		// All out files should be created and should not be empty
		'woff,ttf,eot'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/node/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/node/icons.' + type).length, name + ' file not empty.');
		});

		'css,html'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/node/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/node/icons.' + type).length, name + ' file not empty.');
		});

		var svgs = grunt.file.expand('test/src/**.*');
		var css = grunt.file.read('test/tmp/node/icons.css');
		var html = grunt.file.read('test/tmp/node/icons.html');

		// CSS links to font files are correct
		'woff,ttf,eot'.split(',').forEach(function(type) {
			test.ok(
				find(css, 'url("icons.' + type),
				'File path ' + type + ' shound be in CSS file.'
			);
		});

		// Double EOT (for IE9 compat mode)
		test.ok(
			find(css, 'src:url("icons.eot");'),
			'First EOT declaration.'
		);
		test.ok(
			find(css, 'src:url("icons.eot?#iefix") format("embedded-opentype"),'),
			'Second EOT declaration.'
		);

		// Every SVG file should have corresponding entry in CSS and HTML files
		svgs.forEach(function(file) {
			var id = path.basename(file, '.svg');
			test.ok(
				find(css, '.icon_' + id + ':before'),
				'Icon ' + id + ' shound be in CSS file.'
			);
			test.ok(
				find(html, '<div class="icons__item" data-name="' + id + '"><i class="icon icon_' + id + '"></i> icon_' + id + '</div>'),
				'Icon ' + id + ' shound be in HTML file.'
			);
		});

		test.done();
	},

	ie7: function(test){
		var css = grunt.file.read('test/tmp/ie7/icons.css');
		var svgs = grunt.file.expand('test/src/*.svg');
		test.ok(find(css, '*zoom'), '*zoom property should be set');
		test.ok(find(css, '&#x') , 'HTML char are present');
		svgs.forEach(function(file){
			var id = path.basename(file, '.svg');
			test.ok(
				find(css, '.icon_' + id + ' {'),
				'Icon ' + id + ' shound be in CSS file.'
			);
		});
		test.done();
	},

	ie7_bootstrap: function(test){
		var css = grunt.file.read('test/tmp/ie7_bootstrap/icons.css');
		var svgs = grunt.file.expand('test/src/*.svg');
		test.ok(find(css, '*zoom'), '*zoom property should be set');
		test.ok(find(css, '&#x') , 'HTML char are present');
		svgs.forEach(function(file){
			var id = path.basename(file, '.svg');
			test.ok(
				find(css, '.icon-' + id + ' {'),
				'Icon ' + id + ' shound be in CSS file.'
			);
		});
		test.done();
	},

	optimize_enabled: function(test){
		var optimizedPathSegment = '280.2V280.098C349.867 293.072 358.595';
		var svg	= grunt.file.read('test/tmp/optimize_enabled/icons.svg');
		if(svg.indexOf(optimizedPathSegment) === -1) {
				test.fail(true, 'SVG element must be contains the optimized path');
		}
		test.done();
	},

	optimize_disabled: function(test){
		var optimizedPathSegment = '280.2V280.098C349.867 293.072 358.595';
		var svg	= grunt.file.read('test/tmp/optimize_disabled/icons.svg');
	 	if(svg.indexOf(optimizedPathSegment) > -1) {
				test.fail(true, 'SVG element must be contains the un-optimized path');
		}
		test.done();
	},

	codepoints: function(test) {
		// Default codepoint of 0xE001 can be overidden
		var resultSVG = grunt.file.expand('test/tmp/codepoints/icons.svg');
		var css = grunt.file.read('test/tmp/codepoints/icons.css');
		var html = grunt.file.read('test/tmp/codepoints/icons.html');
		var startCodepoint = 0x41;

		// Generated SVG font should have glyphs at the overidden codepoints
		resultSVG.forEach(function(file) {
			var svgSource = grunt.file.read(file);
			var glyphs = [];

			parseXMLString(svgSource, function(err, result) {
				// Normalise glyphs into JS objects
				result.svg.defs[0].font[0].glyph.forEach(function(glyph) {
					if (glyph.$['glyph-name'].length === 1) {  // Skip non-characters (.notdef, .null, etc.)
						glyphs.push(glyph.$);
					}
				});

				// Two assertions for each glyph:
				// - each glyph has a unique unicode character
				// - the correct glyph character code is present in the generated CSS
				var unicodeCharArr = glyphs.map(function(g) { return g.unicode; });
				for (var index = 0; index < glyphs.length; index ++) {
					test.equals(0, findDuplicates(unicodeCharArr).length);
					test.ok(
						find(css, 'content:"\\' + (startCodepoint + index).toString(16) + '"'),
						'Character at index ' + index + ' has its codepoint in the CSS'
					);
				}
			});
		});

		test.done();
	},

	camel: function(test) {
		var svgs = grunt.file.expand('test/camel/*.svg');
		var css = grunt.file.read('test/tmp/camel/icons.css');

		// Every SVG file should have corresponding entries in CSS file in the same case
		svgs.forEach(function(file) {
			var id = path.basename(file, '.svg');
			test.ok(
				find(css, '.icon_' + id + ':before'),
				'Icon ' + id + ' should be in CSS file.'
			);
		});

		test.done();
	},

	folders: function(test) {
		// @todo Temporarily disabled because different fontforge versions produce different paths
		test.done();
		if (true) return;

		var svgFont = grunt.file.read('test/tmp/folders/icons.svg');
		var paths = JSON.parse(grunt.file.read('test/src_folders/paths.json'));
		var glyphs = [];
		parseXMLString(svgFont, function(err, result) {
			// Normalise glyphs into JS objects
			result.svg.defs[0].font[0].glyph.forEach(function(glyph) {
				if (/^uni/.test(glyph.$['glyph-name'])) {  // Skip non-characters (.notdef, .null, etc.)
					glyphs.push(glyph.$);
				}
			});

			glyphs.forEach(function(glyph) {
				test.equals(glyph.d, paths[glyph['glyph-name']], 'Glyph with codepoint ' + glyph.unicode + ' has correct path.');
			});
		});

		test.done();
	},

	woff2: function(test) {
		// All out files should be created and should not be empty
		'woff,woff2'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/woff2/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/woff2/icons.' + type).length, name + ' file not empty.');
		});

		// TTF file should be deleted
		'ttf'.split(',').forEach(function(type) {
			test.ok(!fs.existsSync('test/tmp/woff2/icons.' + type), type.toUpperCase() + ' file NOT created.');
		});

		'css,html'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/woff2/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/woff2/icons.' + type).length, name + ' file not empty.');
		});

		var svgs = grunt.file.expand('test/src/**.*');
		var css = grunt.file.read('test/tmp/woff2/icons.css');
		var html = grunt.file.read('test/tmp/woff2/icons.html');

		// CSS links to font files are correct
		'woff2,woff'.split(',').forEach(function(type) {
			test.ok(
				find(css, 'url("icons.' + type),
				'File path ' + type + ' shound be in CSS file.'
			);
		});

		// CSS links to TTF should not be created
		'ttf'.split(',').forEach(function(type) {
			test.ok(
				!find(css, 'url("icons.' + type),
				'File path ' + type + ' shound NOT be in CSS file.'
			);
		});

		test.done();
	},

	woff2_node: function(test) {
		// All out files should be created and should not be empty
		'woff,woff2'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/woff2_node/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/woff2_node/icons.' + type).length, name + ' file not empty.');
		});

		// TTF file should be deleted
		'ttf'.split(',').forEach(function(type) {
			test.ok(!fs.existsSync('test/tmp/woff2_node/icons.' + type), type.toUpperCase() + ' file NOT created.');
		});

		'css,html'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/woff2_node/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/woff2_node/icons.' + type).length, name + ' file not empty.');
		});

		var svgs = grunt.file.expand('test/src/**.*');
		var css = grunt.file.read('test/tmp/woff2_node/icons.css');
		var html = grunt.file.read('test/tmp/woff2_node/icons.html');

		// CSS links to font files are correct
		'woff2,woff'.split(',').forEach(function(type) {
			test.ok(
				find(css, 'url("icons.' + type),
				'File path ' + type + ' shound be in CSS file.'
			);
		});

		// CSS links to TTF should not be created
		'ttf'.split(',').forEach(function(type) {
			test.ok(
				!find(css, 'url("icons.' + type),
				'File path ' + type + ' shound NOT be in CSS file.'
			);
		});

		test.done();
	},

	target_overrides: function(test) {

		var css = grunt.file.read('test/tmp/target_overrides_css/icons.css');
		test.ok(fs.existsSync('test/tmp/target_overrides_css/icons.css') + ' file created.');

		'woff,ttf,eot'.split(',').forEach(function(type) {
			var name = type.toUpperCase();
			test.ok(fs.existsSync('test/tmp/target_overrides_icons/icons.' + type), name + ' file created.');
			test.ok(grunt.file.read('test/tmp/target_overrides_icons/icons.' + type).length, name + ' file not empty.');
		});

		test.done();
	},

	font_family_name: function(test) {
		var html = grunt.file.read('test/tmp/font_family_name/icons.html');

		// fontFamilyName should be in the HTML file's title
		test.ok(
			find(html, '<title>customName</title>'),
			'fontFamilyName should be in the HTML file title'
		);

		// File should still have default name if only fontFamilyName is specified
		test.ok(fs.existsSync('test/tmp/font_family_name/icons.ttf'));

		test.done();
	},

	custom_outputs: function(test) {

		// File should have been created when filename is specified
		test.ok(fs.existsSync('test/tmp/custom_output/test-icon-config.js'));

		// File should have been created (with template basename) when filename is not specified
		test.ok(fs.existsSync('test/tmp/custom_output/custom.json'));

		// Files should render with custom context variables
		test.ok(fs.existsSync('test/tmp/custom_output/context-test.html'));

		test.done();
	},

	filename_length: function(test) {

		// File should have been created.
		test.ok(fs.existsSync('test/tmp/filename_length/icons.css'));

		// File should have been created.
		test.ok(fs.existsSync('test/tmp/filename_length/icons.woff'));

		// File should have been created.
		test.ok(fs.existsSync('test/tmp/filename_length/icons.html'));

		test.done();
	},

	// If font created multiple times with same value as timestamp option
	// then md5 of created files must be the same too
	timestamp_same: function (test) {
		var promise_1 = new Promise(function(resolve, reject) {
			fs.readFile('test/tmp/timestamp_same/same_1.ttf', function (err, data) {
				resolve(crypto.createHash('md5').update(data, 'utf8').digest('hex'));
			});
		});

		var promise_2 = new Promise(function(resolve, reject) {
			fs.readFile('test/tmp/timestamp_same/same_2.ttf', function (err, data) {
				resolve(crypto.createHash('md5').update(data, 'utf8').digest('hex'));
			});
		});

		Promise.all([promise_1, promise_2])
			.then(function(data) {
				// md5 must be the same
				test.ok(data[0] === data[1]);
				test.done();
			});
	},

	// If font created multiple times with different value as timestamp option
	// then md5 of created files must be different
	timestamp_different: function (test) {
		var promise_1 = new Promise(function(resolve, reject) {
			fs.readFile('test/tmp/timestamp_different/different_1.ttf', function (err, data) {
				resolve(crypto.createHash('md5').update(data, 'utf8').digest('hex'));
			});
		});

		var promise_2 = new Promise(function(resolve, reject) {
			fs.readFile('test/tmp/timestamp_different/different_2.ttf', function (err, data) {
				resolve(crypto.createHash('md5').update(data, 'utf8').digest('hex'));
			});
		});

		Promise.all([promise_1, promise_2])
			.then(function(data) {
				// md5 must be the different
				test.ok(data[0] !== data[1]);
				test.done();
			});
	},

};