UNPKG

minimize

Version:

Minimize HTML

github.com/Moveo/minimize

640 lines (538 loc) • 25.9 kB

JavaScript

'use strict'; var chai = require('chai') , expect = chai.expect , sinon = require('sinon') , sinonChai = require('sinon-chai') , html = require('./fixtures/html.json') , Minimize = require('../lib/minimize') , minimize chai.use(sinonChai); chai.config.includeStack = true; describe('Minimize', function () { beforeEach(function () { minimize = new Minimize(); }); afterEach(function () { minimize = void 0; }); describe('is module', function () { it('which has a constructor', function () { expect(Minimize).to.be.a('function'); }); it('which has minifier', function () { expect(minimize).to.have.property('minifier'); expect(minimize.minifier).to.be.a('function'); }); it('which has traverse', function () { expect(minimize).to.have.property('traverse'); expect(minimize.traverse).to.be.a('function'); }); it('which has parse', function () { expect(minimize).to.have.property('parse'); expect(minimize.parse).to.be.a('function'); }); it('which has htmlparser', function () { expect(minimize).to.have.property('htmlparser'); expect(minimize.htmlparser).to.be.an('object'); }); }); describe('#minifier', function () { it('throws an error if HTML parsing failed', function () { function err () { minimize.minifier('id', false, 'some error', []); } expect(err).throws('Minifier failed to parse DOM'); }); it('can be supplied with a custom DOM parser', function () { minimize = new Minimize({ custom: 'instance' }, { some: 'options'}); expect(minimize).to.have.property('htmlparser'); expect(minimize.htmlparser).to.have.property('custom', 'instance'); }); it('emits the parsed content to `minimize.read`', function (done) { minimize.once('read', function (error, dom) { expect(error).to.equal(null); expect(dom).to.be.an('array'); done(); }); minimize.parse(html.interpunction, function (error, result) { expect(error).to.equal(null); expect(result).to.be.an('string'); }); }); it('should start traversing the DOM as soon as HTML parser is ready', function (done) { var emit = sinon.spy(minimize, 'emit'); minimize.parse('', function () { expect(emit).to.be.calledTwice; var first = emit.getCall(0).args; expect(first).to.be.an('array'); expect(first[0]).to.be.equal('read'); expect(first[1]).to.be.equal(null); expect(first[2]).to.be.an('array'); var second = emit.getCall(1).args; expect(second).to.be.an('array'); expect(second[0]).to.be.include('parsed'); expect(second[1]).to.be.equal(null); expect(second[2]).to.be.equal(''); emit.restore(); done(); }); }); it('should handle inline flow properly', function (done) { minimize.parse(html.interpunction, function (error, result) { expect(result).to.equal('<h3>Become a partner</h3><p>Interested in being part of the solution? <a href=/company/contact>Contact Nodejitsu to discuss</a>.</p>'); done(); }); }); it('should be configurable to retain comments', function (done) { var commentable = new Minimize({ comments: true }); commentable.parse(html.comment, function (error, result) { expect(result).to.equal('<div class=\"slide nodejs\"><h3>100% Node.js</h3><p>We are Node.js experts and the first hosting platform to build our full stack in node. We understand your node application better than anyone.</p></div>'); done(); }); }); it('should be able to remove comments but not conditionals', function (done) { var eitheror = new Minimize({ comments: false, conditionals: true }); eitheror.parse(html.conditionalcomments, function (error, result) { expect(result).to.equal('<head></head><h1></h1>'); done(); }); }); it('should be configurable to retain server side includes', function (done) { var commentable = new Minimize({ ssi: true }); commentable.parse(html.ssi, function (error, result) { expect(result).to.equal('<div class=\"slide nodejs\"><h3>100% Node.js</h3><p>We are Node.js experts and the first hosting platform to build our full stack in node. We understand your node application better than anyone.</p></div>'); done(); }); }); it('should be configurable to retain multiple server side includes', function (done) { var commentable = new Minimize({ ssi: true }); commentable.parse(html.ssimulti, function (error, result) { expect(result).to.equal('<div class=\"slide nodejs\"><h3>100% Node.js</h3><p>We are Node.js experts and the first hosting platform to build our full stack in node. We understand your node application better than anyone.</p></div>'); done(); }); }); it('should be configurable to retain server side commands', function (done) { var commentable = new Minimize({ ssi: true }); commentable.parse(html.ssicommands, function (error, result) { expect(result).to.equal('<div class=\"slide nodejs\"><h3>100% Node.js</h3><p>We are Node.js experts and the first hosting platform to build our full stack in node. We understand your node application better than anyone.</p></div>'); done(); }); }); it('should be configurable to retain conditional IE comments', function (done) { var commentable = new Minimize({ conditionals: true }); commentable.parse(html.ie, function (error, result) { expect(result).to.equal('<div class=\"slide nodejs\"><h3>100% Node.js</h3></div>'); done(); }); }); it('should retain complex conditional comments if configured', function (done) { var commentable = new Minimize({ conditionals: true }); commentable.parse(html.complexconditional, function (error, result) { expect(result).to.equal('<head><link rel=some.file.com></head>'); done(); }); }); it('should be configurable to retain multiline conditional IE comments', function (done) { var commentable = new Minimize({ conditionals: true }); commentable.parse(html.iemultiline, function (error, result) { expect(result).to.equal('<div class=\"slide nodejs\"><h3>100% Node.js</h3></div>'); done(); }); }); it('should be configurable to retain multiple conditional IE comments', function (done) { var commentable = new Minimize({ conditionals: true }); commentable.parse(html.iemulti, function (error, result) { expect(result).to.equal('<div class=\"slide nodejs\"><h3>100% Node.js</h3></div>'); done(); }); }); it('should be configurable to retain empty attributes', function (done) { var empty = new Minimize({ empty: true }); empty.parse(html.empty, function (error, result) { expect(result).to.equal('<h1 class="slide nodejs">a</h1><h2>b</h2><h3 id=lol>c</h3><h4>d</h4><h5 hidden>e</h5><h6 itemscope>f</h6>'); empty.parse('<option value>Select something</option>', function (error, result) { expect(result).to.equal('<option value>Select something</option>'); done(); }); }); }); it('should be configurable to retain spare attributes', function (done) { var spare = new Minimize({ spare: true }); spare.parse(html.empty, function (error, result) { expect(result).to.equal('<h1 class="slide nodejs">a</h1><h2>b</h2><h3 id=lol>c</h3><h4>d</h4><h5 hidden=hidden>e</h5><h6 itemscope="">f</h6>'); done(); }); }); it('should be configurable to retain whitespace and newlines of attributes', function (done) { var whitespace = new Minimize({ whitespace: true }); whitespace.parse(html.whitespace, function (error, result) { expect(result).to.equal('<input value=\" with newlines \n and whitespace\">'); done(); }); }); it('should leave structural elements (like scripts and code) intact', function (done) { minimize.parse(html.code, function (error, result) { expect(result).to.equal("<code class=copy>\n<span>var http = require('http');\nhttp.createServer(function (req, res) {\n res.writeHead(200, {'Content-Type': 'text/plain'});\n res.end('hello, i know nodejitsu');\n})listen(8080);</span><a href=#><s class=ss-layers role=presentation></s> copy</a></code>"); done(); }); }); it('should leave style element content intact', function (done) { minimize.parse(html.styles, function (error, result) { expect(result).to.equal("<style> .test { color: #FFF }</style><style>.test { color: black }</style>"); done(); }); }); it('should minify script content that is not real text/javascript as much as possible', function (done) { minimize.parse(html.noscript, function (error, result) { expect(result).to.equal('<script type=imno/script id=plates-forgot><h3> Forgot your password? <a href="#" class="close ss-delete"></a> </h3> <p>Tell us your username and we will reset it for you.</p> <p class="error alert"></p> <p class="success alert"></p></script>'); done(); }); }); it('should replace newlines between text with spaces', function (done) { minimize.parse(html.newlines, function (error, result) { expect(result).to.equal("<li>We're <a href=http://nodejitsu.com>Nodejitsu</a>, and we can give you scalable, fault-tolerant cloud hosting for your Node.js apps - and we're the best you'll find.</li>"); done(); }); }); it('should prepend spaces inside structural elements if required', function (done) { minimize.parse(html.spacing, function (error, result) { expect(result).to.equal("<strong>npm</strong>. You don't have to worry about installing npm since it comes bundled with Node.js.<pre class=copy>$ <span>npm install jitsu -g</span><a href=#><s class=ss-layers role=presentation></s> copy</a></pre>"); done(); }); }); it('should reduce multiple white spaces and newlines to a single white space inside attribute values', function (done) { minimize.parse(html.spacing, function (error, result) { expect(result).to.equal("<strong>npm</strong>. You don't have to worry about installing npm since it comes bundled with Node.js.<pre class=copy>$ <span>npm install jitsu -g</span><a href=#><s class=ss-layers role=presentation></s> copy</a></pre>"); done(); }); }); it('should not prepend spaces between inline elements if not required', function (done) { minimize.parse(html.multilineattribs, function (error, result) { expect(result).to.equal('<h1 class="big title">minimize</h1>'); done(); }); }); it('should parse the full stack', function (done) { minimize.parse(html.full, function (error, result) { expect(result).to.equal("<!doctype html><html class=no-js><head></head><body class=container><section class=navigation id=navigation><nav class=row><h1><a href=\"/\" class=logo title=\"Back to the homepage\">Nodejitsu</a></h1><a href=#navigation class=\"mobile btn ss-rows\"></a> <a href=/paas>Cloud</a> <a href=/enterprise/private-cloud>Enterprise</a></nav></section><input type=text name=temp></body></html>"); done(); }); }); it('should prepend space if inline element is preluded by text', function (done) { minimize.parse('some text -\n <strong class="lol">keyword</strong>\n - more text', function (error, result) { expect(result).to.equal("some text - <strong class=lol>keyword</strong> - more text"); done(); }); }); it('should remove empty attributes which have no function', function (done) { minimize.parse('<strong class="">keyword</strong><p id="">text</p>', function (error, result) { expect(result).to.equal("<strong>keyword</strong><p>text</p>"); done(); }); }); it('should keep download attribute spare or with value', function (done) { minimize.parse('<a download="file">keyword</a>', function (error, result) { expect(result).to.equal("<a download=file>keyword</a>"); minimize.parse('<a href="file" download>keyword</a>', function (error, result) { expect(result).to.equal("<a href=file download>keyword</a>"); done(); }); }); }); it('should retain empty attributes of type ', function (done) { minimize.parse('<strong class="">keyword</strong><p id="">text</p>', function (error, result) { expect(result).to.equal("<strong>keyword</strong><p>text</p>"); done(); }); }); it('should retain values on semi-boolean attributes', function (done) { minimize.parse('<input autocomplete="off">', function (error, result) { expect(result).to.equal('<input autocomplete=off>'); done(); }); }); it('should remove values from boolean attributes', function (done) { minimize.parse('<input disabled="true">', function (error, result) { expect(result).to.equal('<input disabled>'); done(); }); }); it('should remove CDATA from scripts', function (done) { minimize.parse(html.cdata, function (error, result) { expect(result).to.equal("<script type=text/javascript>\n\n...code...\n\n</script>"); done(); }); }); it('should not give empty attributes empty values if keep attributes option is set', function (done) { var empty = new Minimize({ empty: true }); empty.parse('<script language></script>', function (error, result) { expect(result).to.equal('<script language></script>'); done(); }); }); it('should keep empty attribute values if empty and spare options are set', function (done) { var empty = new Minimize({ empty: true, spare: true }); empty.parse('<option value="">Select something</option>', function (error, result) { expect(result).to.equal('<option value="">Select something</option>'); done(); }); }); it('should be configurable to retain CDATA', function (done) { var cdata = new Minimize({ cdata: true }); cdata.parse(html.cdata, function (error, result) { expect(result).to.equal("<script type=text/javascript>\n//<![CDATA[\n...code...\n//]]>\n</script>"); done(); }); }); it('should be configurable to retain one whitespace between elements', function (done) { var loose = new Minimize({ loose: true }); loose.parse(html.loose, function (error, result) { expect(result).to.equal("<h1>title</h1> <form>Some text: <input type=text name=test></form>"); done(); }); }); it('should be configurable to retain one whitespace after elements', function (done) { var loose = new Minimize({ loose: true }); loose.parse(html.looseext, function (error, result) { expect(result).to.equal("<section><h1>title</h1> <span>small</span> <form><label>Some text:</label> <input type=text name=test> <button>Button</button></form></section> "); done(); }); }); it('should retain one whitespace between inline elements', function (done) { minimize.parse(html.inlineelements, function (error, result) { expect(result).to.equal("<form><label>Last:</label> <input>, <label>First:</label> <input> <button>Submit</button></form>"); done(); }); }); it('should always quote attributes that end with / regardless of options', function (done) { var quote = new Minimize({ quotes: false }); quote.parse('<a href="#/">test</a>', function (error, result) { expect(result).to.equal('<a href="#/">test</a>'); done(); }); }); it('should clobber space around <br> elements', function (done) { minimize.parse(html.br, function (error, result) { expect(result).to.equal("<p class=slide><span><em>Does your organization have security or licensing restrictions?</em></span><br><br><span>Your private npm registry makes managing them simple by giving you the power to work with a blacklist and a whitelist of public npm packages.</span></p>"); done(); }); }); it('should maintain flow in pre elements', function (done) { minimize.parse(html.pre, function (error, result) { expect(result).to.equal('<pre><code class=lang-bash>git clone https://github.com/cjdelisle/cjdns.git cjdns\n <span class=hljs-built_in>cd</span> cjdns\n ./<span class=hljs-keyword>do</span>\n</code></pre>'); done(); }); }); it('should add quotes around values containing single quotes', function (done) { minimize.parse('<ng-include src="\'path/to/my/template.html\'"></ng-include>', function (error, result) { expect(result).to.equal('<ng-include src="\'path/to/my/template.html\'"></ng-include>'); done(); }); }); it('should lower case attributes names', function (done) { minimize.parse('<a ngIf="bool">test</a>', function (error, result) { expect(result).to.equal('<a ngif=bool>test</a>'); done(); }); }); it('should conserve sensitive case of attributes', function (done) { var lowerCase = new Minimize({ dom: {lowerCaseAttributeNames: false} }); lowerCase.parse('<a ngIf="bool">test</a>', function (error, result) { expect(result).to.equal('<a ngIf=bool>test</a>'); done(); }); }); it('has the ability to use plugins to alter elements', function (done) { var pluggable = new Minimize({ plugins: [{ id: 'test', name: 'em', element: function element(node, next) { if (node.name === 'em') delete node.children; next(); } }]}); pluggable.parse(html.br, function (error, result) { expect(result).to.equal("<p class=slide><span><em></em></span><br><br><span>Your private npm registry makes managing them simple by giving you the power to work with a blacklist and a whitelist of public npm packages.</span></p>"); done(); }); }); it('runs multiple plugins in order', function (done) { var pluggable = new Minimize({ plugins: [{ id: 'first', name: 'em', element: function element(node, next) { if (node.name === 'em') node.children[0].data = 'first'; next(); } }, { id: 'second', name: 'em', element: function element(node, next) { if (node.name === 'em') node.children[0].data = 'second'; next(); } }]}); pluggable.parse(html.br, function (error, result) { expect(result).to.equal("<p class=slide><span><em>second</em></span><br><br><span>Your private npm registry makes managing them simple by giving you the power to work with a blacklist and a whitelist of public npm packages.</span></p>"); done(); }); }); it('passes the error of any plugins', function (done) { var pluggable = new Minimize({ plugins: [{ id: 'test', element: function element(node, next) { next(new Error('failed to run the plugin')); } }]}); pluggable.parse(html.br, function (error, result) { expect(error).to.be.instanceof(Error); expect(error.message).to.equal('failed to run the plugin'); done(); }); }); }); describe('#traverse', function () { it('should traverse the DOM object and return string', function (done) { minimize.traverse([html.element], '', false, function(error, result) { expect(result).to.be.a('string'); expect(result).to.be.equal( '<html class=no-js><head></head><body class=container></body></html>' ); done(); }); }); }); it('should parse the content synchronously without callback', function () { var result = minimize.parse(html.content); expect(result).to.be.a('string'); expect(result).to.be.equal( '<div class="slide nodejs"><h3>100% Node.js</h3><p>We are Node.js experts and the first hosting platform to build our full stack in node. We understand your node application better than anyone.</p></div>' ); }); it('has the ability to use synchronous plugins to alter elements', function () { var pluggable = new Minimize({ plugins: [{ id: 'test', name: 'em', element: function element(node) { if (node.name === 'em') { delete node.children; } } }]}); expect(pluggable.parse(html.br)).to.equal("<p class=slide><span><em></em></span><br><br><span>Your private npm registry makes managing them simple by giving you the power to work with a blacklist and a whitelist of public npm packages.</span></p>"); }); describe('#parse', function () { it('applies callback after DOM is parsed', function () { function fn () { } var once = sinon.spy(minimize, 'once'); minimize.parse(html.content, fn); expect(once).to.be.calledTwice; var result = once.getCall(1).args; expect(result).to.be.an('array'); expect(result[0]).to.be.include('parsed'); expect(result[1]).to.be.equal(fn); once.restore(); }); it('calls htmlparser to process the DOM', function () { var parser = sinon.mock(minimize.htmlparser); parser.expects('parseComplete').once().withArgs(html.content); minimize.parse(html.content, function () {}); parser.restore(); }); it('can handle two calls simultaneously', function (done) { var minimize = new Minimize , i = 0; function next() { if (i++ >= 1) return done(); } minimize.parse('<h1 class=>content</h1>', function (error, result) { expect(error).to.equal(null); expect(result).to.equal('<h1>content</h1>'); next(); }); minimize.parse('<h1 class=>should be different from above</h1>', function (error, result) { expect(error).to.equal(null); expect(result).to.equal('<h1>should be different from above</h1>'); next(); }); }); }); describe('#use', function () { it('is a function', function () { expect(minimize.use).is.a('function'); expect(minimize.use.length).to.equal(2); }); it('has optional id parameter', function () { minimize.use('nameless', { element: function noop() {} }); expect(minimize.plugins).to.have.property('nameless'); }); it('throws an error if the plugin has no id', function () { function throws() { minimize.use(void 0, { element: function noop() {} }); } expect(throws).to.throw(Error); expect(throws).to.throw('Plugin should be specified with an id.'); }); it('throws an error if the plugin id is not a string', function () { function throws() { minimize.use(12, { element: function noop() {} }); } expect(throws).to.throw(Error); expect(throws).to.throw('Plugin id should be a string.'); }); it('throws an error if the plugin is no object or string', function () { function throws() { minimize.use('test', 12); } expect(throws).to.throw(Error); expect(throws).to.throw('Plugin should be an object or function.'); }); it('throws an error if the plugin is redefined with the same id', function () { function throws() { minimize.use({ id: 'test', element: function noop() {}}); minimize.use({ id: 'test', element: function noop() {}}); } expect(throws).to.throw(Error); expect(throws).to.throw('The plugin name was already defined.'); }); it('throws an error if the plugin has no element function', function () { function throws() { minimize.use({ id: 'test'}); } expect(throws).to.throw(Error); expect(throws).to.throw('The plugin is missing an element method to execute.'); }); it('reads plugins from file', function () { minimize.use('fromfile', __dirname +'/fixtures/plugin'); expect(minimize.plugins).to.have.property('fromfile'); expect(minimize.plugins.fromfile).to.have.property('element'); }); }); describe('.plug', function () { it('is a function', function () { expect(minimize.plug).is.a('function'); expect(minimize.plug.length).to.equal(1); }); it('uses the provided plugins', function () { var plugins = [{ id: 'car', element: function noop() {} }, { id: 'bike', element: function noop() {} }]; minimize.plug(plugins); expect(minimize.plugins).to.be.an('object'); expect(minimize.plugins).to.have.property('car'); expect(minimize.plugins).to.have.property('bike'); expect(minimize.plugins.car).to.equal(plugins[0]); expect(minimize.plugins.bike).to.equal(plugins[1]); }); }); });