1511 lines
44 KiB
JavaScript
1511 lines
44 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
var assert = require('assert');
|
||
|
|
var fs = require('fs');
|
||
|
|
var path = require('path');
|
||
|
|
var pug = require('../');
|
||
|
|
|
||
|
|
var perfTest = fs.readFileSync(__dirname + '/fixtures/perf.pug', 'utf8');
|
||
|
|
|
||
|
|
try {
|
||
|
|
fs.mkdirSync(__dirname + '/temp');
|
||
|
|
} catch (ex) {
|
||
|
|
if (ex.code !== 'EEXIST') {
|
||
|
|
throw ex;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
describe('pug', function() {
|
||
|
|
describe('unit tests with .render()', function() {
|
||
|
|
it('should support doctypes', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<?xml version="1.0" encoding="utf-8" ?>',
|
||
|
|
pug.render('doctype xml')
|
||
|
|
);
|
||
|
|
assert.equal('<!DOCTYPE html>', pug.render('doctype html'));
|
||
|
|
assert.equal('<!DOCTYPE foo bar baz>', pug.render('doctype foo bar baz'));
|
||
|
|
assert.equal('<!DOCTYPE html>', pug.render('doctype html'));
|
||
|
|
assert.equal('<!DOCTYPE html>', pug.render('doctype', {doctype: 'html'}));
|
||
|
|
assert.equal(
|
||
|
|
'<!DOCTYPE html>',
|
||
|
|
pug.render('doctype html', {doctype: 'xml'})
|
||
|
|
);
|
||
|
|
assert.equal('<html></html>', pug.render('html'));
|
||
|
|
assert.equal(
|
||
|
|
'<!DOCTYPE html><html></html>',
|
||
|
|
pug.render('html', {doctype: 'html'})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN>',
|
||
|
|
pug.render('doctype html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support Buffers', function() {
|
||
|
|
assert.equal('<p>foo</p>', pug.render(Buffer.from('p foo')));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support line endings', function() {
|
||
|
|
var src = ['p', 'div', 'img'];
|
||
|
|
|
||
|
|
var html = ['<p></p>', '<div></div>', '<img/>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(src.join('\n')));
|
||
|
|
assert.equal(html, pug.render(src.join('\r')));
|
||
|
|
assert.equal(html, pug.render(src.join('\r\n')));
|
||
|
|
|
||
|
|
html = ['<p></p>', '<div></div>', '<img>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(src.join('\n'), {doctype: 'html'}));
|
||
|
|
assert.equal(html, pug.render(src.join('\r'), {doctype: 'html'}));
|
||
|
|
assert.equal(html, pug.render(src.join('\r\n'), {doctype: 'html'}));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support single quotes', function() {
|
||
|
|
assert.equal("<p>'foo'</p>", pug.render("p 'foo'"));
|
||
|
|
assert.equal("<p>'foo'</p>", pug.render("p\n | 'foo'"));
|
||
|
|
assert.equal(
|
||
|
|
'<a href="/foo"></a>',
|
||
|
|
pug.render("- var path = 'foo';\na(href='/' + path)")
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support block-expansion', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<li><a>foo</a></li><li><a>bar</a></li><li><a>baz</a></li>',
|
||
|
|
pug.render('li: a foo\nli: a bar\nli: a baz')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<li class="first"><a>foo</a></li><li><a>bar</a></li><li><a>baz</a></li>',
|
||
|
|
pug.render('li.first: a foo\nli: a bar\nli: a baz')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div class="foo"><div class="bar">baz</div></div>',
|
||
|
|
pug.render('.foo: .bar baz')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support tags', function() {
|
||
|
|
var str = ['p', 'div', 'img', 'br/'].join('\n');
|
||
|
|
|
||
|
|
var html = ['<p></p>', '<div></div>', '<img/>', '<br/>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str), 'Test basic tags');
|
||
|
|
assert.equal(
|
||
|
|
'<fb:foo-bar></fb:foo-bar>',
|
||
|
|
pug.render('fb:foo-bar'),
|
||
|
|
'Test hyphens'
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div class="something"></div>',
|
||
|
|
pug.render('div.something'),
|
||
|
|
'Test classes'
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div id="something"></div>',
|
||
|
|
pug.render('div#something'),
|
||
|
|
'Test ids'
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div class="something"></div>',
|
||
|
|
pug.render('.something'),
|
||
|
|
'Test stand-alone classes'
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div id="something"></div>',
|
||
|
|
pug.render('#something'),
|
||
|
|
'Test stand-alone ids'
|
||
|
|
);
|
||
|
|
assert.equal('<div class="bar" id="foo"></div>', pug.render('#foo.bar'));
|
||
|
|
assert.equal('<div class="bar" id="foo"></div>', pug.render('.bar#foo'));
|
||
|
|
assert.equal(
|
||
|
|
'<div class="bar" id="foo"></div>',
|
||
|
|
pug.render('div#foo(class="bar")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div class="bar" id="foo"></div>',
|
||
|
|
pug.render('div(class="bar")#foo')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div class="foo" id="bar"></div>',
|
||
|
|
pug.render('div(id="bar").foo')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div class="foo bar baz"></div>',
|
||
|
|
pug.render('div.foo.bar.baz')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div class="foo bar baz"></div>',
|
||
|
|
pug.render('div(class="foo").bar.baz')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div class="foo bar baz"></div>',
|
||
|
|
pug.render('div.foo(class="bar").baz')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div class="foo bar baz"></div>',
|
||
|
|
pug.render('div.foo.bar(class="baz")')
|
||
|
|
);
|
||
|
|
assert.equal('<div class="a-b2"></div>', pug.render('div.a-b2'));
|
||
|
|
assert.equal('<div class="a_b2"></div>', pug.render('div.a_b2'));
|
||
|
|
assert.equal('<fb:user></fb:user>', pug.render('fb:user'));
|
||
|
|
assert.equal('<fb:user:role></fb:user:role>', pug.render('fb:user:role'));
|
||
|
|
assert.equal(
|
||
|
|
'<colgroup><col class="test"/></colgroup>',
|
||
|
|
pug.render('colgroup\n col.test')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support nested tags', function() {
|
||
|
|
var str = [
|
||
|
|
'ul',
|
||
|
|
' li a',
|
||
|
|
' li b',
|
||
|
|
' li',
|
||
|
|
' ul',
|
||
|
|
' li c',
|
||
|
|
' li d',
|
||
|
|
' li e',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = [
|
||
|
|
'<ul>',
|
||
|
|
'<li>a</li>',
|
||
|
|
'<li>b</li>',
|
||
|
|
'<li><ul><li>c</li><li>d</li></ul></li>',
|
||
|
|
'<li>e</li>',
|
||
|
|
'</ul>',
|
||
|
|
].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = ['a(href="#")', ' | foo ', ' | bar ', ' | baz'].join('\n');
|
||
|
|
|
||
|
|
assert.equal('<a href="#">foo \nbar \nbaz</a>', pug.render(str));
|
||
|
|
|
||
|
|
var str = ['ul', ' li one', ' ul', ' | two', ' li three'].join(
|
||
|
|
'\n'
|
||
|
|
);
|
||
|
|
|
||
|
|
var html = [
|
||
|
|
'<ul>',
|
||
|
|
'<li>one</li>',
|
||
|
|
'<ul>two',
|
||
|
|
'<li>three</li>',
|
||
|
|
'</ul>',
|
||
|
|
'</ul>',
|
||
|
|
].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support variable length newlines', function() {
|
||
|
|
var str = [
|
||
|
|
'ul',
|
||
|
|
' li a',
|
||
|
|
' ',
|
||
|
|
' li b',
|
||
|
|
' ',
|
||
|
|
' ',
|
||
|
|
' li',
|
||
|
|
' ul',
|
||
|
|
' li c',
|
||
|
|
'',
|
||
|
|
' li d',
|
||
|
|
' li e',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = [
|
||
|
|
'<ul>',
|
||
|
|
'<li>a</li>',
|
||
|
|
'<li>b</li>',
|
||
|
|
'<li><ul><li>c</li><li>d</li></ul></li>',
|
||
|
|
'<li>e</li>',
|
||
|
|
'</ul>',
|
||
|
|
].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support tab conversion', function() {
|
||
|
|
var str = [
|
||
|
|
'ul',
|
||
|
|
'\tli a',
|
||
|
|
'\t',
|
||
|
|
'\tli b',
|
||
|
|
'\t\t',
|
||
|
|
'\t\t\t\t\t\t',
|
||
|
|
'\tli',
|
||
|
|
'\t\tul',
|
||
|
|
'\t\t\tli c',
|
||
|
|
'',
|
||
|
|
'\t\t\tli d',
|
||
|
|
'\tli e',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = [
|
||
|
|
'<ul>',
|
||
|
|
'<li>a</li>',
|
||
|
|
'<li>b</li>',
|
||
|
|
'<li><ul><li>c</li><li>d</li></ul></li>',
|
||
|
|
'<li>e</li>',
|
||
|
|
'</ul>',
|
||
|
|
].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support newlines', function() {
|
||
|
|
var str = [
|
||
|
|
'ul',
|
||
|
|
' li a',
|
||
|
|
' ',
|
||
|
|
' ',
|
||
|
|
'',
|
||
|
|
' ',
|
||
|
|
' li b',
|
||
|
|
' li',
|
||
|
|
' ',
|
||
|
|
' ',
|
||
|
|
' ',
|
||
|
|
' ul',
|
||
|
|
' ',
|
||
|
|
' li c',
|
||
|
|
' li d',
|
||
|
|
' li e',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = [
|
||
|
|
'<ul>',
|
||
|
|
'<li>a</li>',
|
||
|
|
'<li>b</li>',
|
||
|
|
'<li><ul><li>c</li><li>d</li></ul></li>',
|
||
|
|
'<li>e</li>',
|
||
|
|
'</ul>',
|
||
|
|
].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = [
|
||
|
|
'html',
|
||
|
|
' ',
|
||
|
|
' head',
|
||
|
|
' != "test"',
|
||
|
|
' ',
|
||
|
|
' ',
|
||
|
|
' ',
|
||
|
|
' body',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = [
|
||
|
|
'<html>',
|
||
|
|
'<head>',
|
||
|
|
'test',
|
||
|
|
'</head>',
|
||
|
|
'<body></body>',
|
||
|
|
'</html>',
|
||
|
|
].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
assert.equal(
|
||
|
|
'<foo></foo>something<bar></bar>',
|
||
|
|
pug.render('foo\n= "something"\nbar')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<foo></foo>something<bar></bar>else',
|
||
|
|
pug.render('foo\n= "something"\nbar\n= "else"')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support text', function() {
|
||
|
|
assert.equal('foo\nbar\nbaz', pug.render('| foo\n| bar\n| baz'));
|
||
|
|
assert.equal('foo \nbar \nbaz', pug.render('| foo \n| bar \n| baz'));
|
||
|
|
assert.equal('(hey)', pug.render('| (hey)'));
|
||
|
|
assert.equal('some random text', pug.render('| some random text'));
|
||
|
|
assert.equal(' foo', pug.render('| foo'));
|
||
|
|
assert.equal(' foo ', pug.render('| foo '));
|
||
|
|
assert.equal(' foo \n bar ', pug.render('| foo \n| bar '));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support pipe-less text', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<pre><code><foo></foo><bar></bar></code></pre>',
|
||
|
|
pug.render('pre\n code\n foo\n\n bar')
|
||
|
|
);
|
||
|
|
assert.equal('<p>foo\n\nbar</p>', pug.render('p.\n foo\n\n bar'));
|
||
|
|
assert.equal(
|
||
|
|
'<p>foo\n\n\n\nbar</p>',
|
||
|
|
pug.render('p.\n foo\n\n\n\n bar')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p>foo\n bar\nfoo</p>',
|
||
|
|
pug.render('p.\n foo\n bar\n foo')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<script>s.parentNode.insertBefore(g,s)</script>',
|
||
|
|
pug.render('script.\n s.parentNode.insertBefore(g,s)\n')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<script>s.parentNode.insertBefore(g,s)</script>',
|
||
|
|
pug.render('script.\n s.parentNode.insertBefore(g,s)')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support tag text', function() {
|
||
|
|
assert.equal('<p>some random text</p>', pug.render('p some random text'));
|
||
|
|
assert.equal(
|
||
|
|
'<p>click<a>Google</a>.</p>',
|
||
|
|
pug.render('p\n | click\n a Google\n | .')
|
||
|
|
);
|
||
|
|
assert.equal('<p>(parens)</p>', pug.render('p (parens)'));
|
||
|
|
assert.equal(
|
||
|
|
'<p foo="bar">(parens)</p>',
|
||
|
|
pug.render('p(foo="bar") (parens)')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<option value="">-- (optional) foo --</option>',
|
||
|
|
pug.render('option(value="") -- (optional) foo --')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support tag text block', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<p>foo \nbar \nbaz</p>',
|
||
|
|
pug.render('p\n | foo \n | bar \n | baz')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<label>Password:<input/></label>',
|
||
|
|
pug.render('label\n | Password:\n input')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<label>Password:<input/></label>',
|
||
|
|
pug.render('label Password:\n input')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support tag text interpolation', function() {
|
||
|
|
assert.equal(
|
||
|
|
'yo, pug is cool',
|
||
|
|
pug.render('| yo, #{name} is cool\n', {name: 'pug'})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p>yo, pug is cool</p>',
|
||
|
|
pug.render('p yo, #{name} is cool', {name: 'pug'})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'yo, pug is cool',
|
||
|
|
pug.render('| yo, #{name || "pug"} is cool', {name: null})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
"yo, 'pug' is cool",
|
||
|
|
pug.render('| yo, #{name || "\'pug\'"} is cool', {name: null})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'foo <script> bar',
|
||
|
|
pug.render('| foo #{code} bar', {code: '<script>'})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'foo <script> bar',
|
||
|
|
pug.render('| foo !{code} bar', {code: '<script>'})
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support flexible indentation', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<html><body><h1>Wahoo</h1><p>test</p></body></html>',
|
||
|
|
pug.render('html\n body\n h1 Wahoo\n p test')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support interpolation values', function() {
|
||
|
|
assert.equal('<p>Users: 15</p>', pug.render('p Users: #{15}'));
|
||
|
|
assert.equal('<p>Users: </p>', pug.render('p Users: #{null}'));
|
||
|
|
assert.equal('<p>Users: </p>', pug.render('p Users: #{undefined}'));
|
||
|
|
assert.equal(
|
||
|
|
'<p>Users: none</p>',
|
||
|
|
pug.render('p Users: #{undefined || "none"}')
|
||
|
|
);
|
||
|
|
assert.equal('<p>Users: 0</p>', pug.render('p Users: #{0}'));
|
||
|
|
assert.equal('<p>Users: false</p>', pug.render('p Users: #{false}'));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support test html 5 mode', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<!DOCTYPE html><input type="checkbox" checked>',
|
||
|
|
pug.render('doctype html\ninput(type="checkbox", checked)')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<!DOCTYPE html><input type="checkbox" checked>',
|
||
|
|
pug.render('doctype html\ninput(type="checkbox", checked=true)')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<!DOCTYPE html><input type="checkbox">',
|
||
|
|
pug.render('doctype html\ninput(type="checkbox", checked= false)')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support multi-line attrs', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<a foo="bar" bar="baz" checked="checked">foo</a>',
|
||
|
|
pug.render('a(foo="bar"\n bar="baz"\n checked) foo')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<a foo="bar" bar="baz" checked="checked">foo</a>',
|
||
|
|
pug.render('a(foo="bar"\nbar="baz"\nchecked) foo')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<a foo="bar" bar="baz" checked="checked">foo</a>',
|
||
|
|
pug.render('a(foo="bar"\n,bar="baz"\n,checked) foo')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<a foo="bar" bar="baz" checked="checked">foo</a>',
|
||
|
|
pug.render('a(foo="bar",\nbar="baz",\nchecked) foo')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support attrs', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<img src="<script>"/>',
|
||
|
|
pug.render('img(src="<script>")'),
|
||
|
|
'Test attr escaping'
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal('<a data-attr="bar"></a>', pug.render('a(data-attr="bar")'));
|
||
|
|
assert.equal(
|
||
|
|
'<a data-attr="bar" data-attr-2="baz"></a>',
|
||
|
|
pug.render('a(data-attr="bar", data-attr-2="baz")')
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<a title="foo,bar"></a>',
|
||
|
|
pug.render('a(title= "foo,bar")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<a title="foo,bar" href="#"></a>',
|
||
|
|
pug.render('a(title= "foo,bar", href="#")')
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<p class="foo"></p>',
|
||
|
|
pug.render("p(class='foo')"),
|
||
|
|
'Test single quoted attrs'
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<input type="checkbox" checked="checked"/>',
|
||
|
|
pug.render('input( type="checkbox", checked )')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<input type="checkbox" checked="checked"/>',
|
||
|
|
pug.render('input( type="checkbox", checked = true )')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<input type="checkbox"/>',
|
||
|
|
pug.render('input(type="checkbox", checked= false)')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<input type="checkbox"/>',
|
||
|
|
pug.render('input(type="checkbox", checked= null)')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<input type="checkbox"/>',
|
||
|
|
pug.render('input(type="checkbox", checked= undefined)')
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<img src="/foo.png"/>',
|
||
|
|
pug.render('img(src="/foo.png")'),
|
||
|
|
'Test attr ='
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<img src="/foo.png"/>',
|
||
|
|
pug.render('img(src = "/foo.png")'),
|
||
|
|
'Test attr = whitespace'
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<img src="/foo.png"/>',
|
||
|
|
pug.render('img(src="/foo.png")'),
|
||
|
|
'Test attr :'
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<img src="/foo.png"/>',
|
||
|
|
pug.render('img(src = "/foo.png")'),
|
||
|
|
'Test attr : whitespace'
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<img src="/foo.png" alt="just some foo"/>',
|
||
|
|
pug.render('img(src="/foo.png", alt="just some foo")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<img src="/foo.png" alt="just some foo"/>',
|
||
|
|
pug.render('img(src = "/foo.png", alt = "just some foo")')
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<p class="foo,bar,baz"></p>',
|
||
|
|
pug.render('p(class="foo,bar,baz")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<a href="http://google.com" title="Some : weird = title"></a>',
|
||
|
|
pug.render(
|
||
|
|
'a(href= "http://google.com", title= "Some : weird = title")'
|
||
|
|
)
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<label for="name"></label>',
|
||
|
|
pug.render('label(for="name")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<meta name="viewport" content="width=device-width"/>',
|
||
|
|
pug.render("meta(name= 'viewport', content='width=device-width')"),
|
||
|
|
'Test attrs that contain attr separators'
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div style="color= white"></div>',
|
||
|
|
pug.render("div(style='color= white')")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div style="color: white"></div>',
|
||
|
|
pug.render("div(style='color: white')")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p class="foo"></p>',
|
||
|
|
pug.render("p('class'='foo')"),
|
||
|
|
'Test keys with single quotes'
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p class="foo"></p>',
|
||
|
|
pug.render('p("class"= \'foo\')'),
|
||
|
|
'Test keys with double quotes'
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal('<p data-lang="en"></p>', pug.render('p(data-lang = "en")'));
|
||
|
|
assert.equal(
|
||
|
|
'<p data-dynamic="true"></p>',
|
||
|
|
pug.render('p("data-dynamic"= "true")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p class="name" data-dynamic="true"></p>',
|
||
|
|
pug.render('p("class"= "name", "data-dynamic"= "true")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p data-dynamic="true"></p>',
|
||
|
|
pug.render('p(\'data-dynamic\'= "true")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p class="name" data-dynamic="true"></p>',
|
||
|
|
pug.render('p(\'class\'= "name", \'data-dynamic\'= "true")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p class="name" data-dynamic="true" yay="yay"></p>',
|
||
|
|
pug.render('p(\'class\'= "name", \'data-dynamic\'= "true", yay)')
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<input checked="checked" type="checkbox"/>',
|
||
|
|
pug.render('input(checked, type="checkbox")')
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
"<a data-foo=\"{ foo: 'bar', bar= 'baz' }\"></a>",
|
||
|
|
pug.render("a(data-foo = \"{ foo: 'bar', bar= 'baz' }\")")
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>',
|
||
|
|
pug.render(
|
||
|
|
'meta(http-equiv="X-UA-Compatible", content="IE=edge,chrome=1")'
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<div style="background: url(/images/test.png)">Foo</div>',
|
||
|
|
pug.render("div(style= 'background: url(/images/test.png)') Foo")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div style="background = url(/images/test.png)">Foo</div>',
|
||
|
|
pug.render("div(style= 'background = url(/images/test.png)') Foo")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div style="foo">Foo</div>',
|
||
|
|
pug.render("div(style= ['foo', 'bar'][0]) Foo")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<div style="bar">Foo</div>',
|
||
|
|
pug.render("div(style= { foo: 'bar', baz: 'raz' }['foo']) Foo")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<a href="def">Foo</a>',
|
||
|
|
pug.render("a(href='abcdefg'.substr(3,3)) Foo")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<a href="def">Foo</a>',
|
||
|
|
pug.render("a(href={test: 'abcdefg'}.test.substr(3,3)) Foo")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<a href="def">Foo</a>',
|
||
|
|
pug.render("a(href={test: 'abcdefg'}.test.substr(3,[0,3][1])) Foo")
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<rss xmlns:atom="atom"></rss>',
|
||
|
|
pug.render('rss(xmlns:atom="atom")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<rss xmlns:atom="atom"></rss>',
|
||
|
|
pug.render('rss(\'xmlns:atom\'="atom")')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<rss xmlns:atom="atom"></rss>',
|
||
|
|
pug.render('rss("xmlns:atom"=\'atom\')')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<rss xmlns:atom="atom" foo="bar"></rss>',
|
||
|
|
pug.render("rss('xmlns:atom'=\"atom\", 'foo'= 'bar')")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<a data-obj="{ foo: \'bar\' }"></a>',
|
||
|
|
pug.render('a(data-obj= "{ foo: \'bar\' }")')
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
"<meta content=\"what's up? 'weee'\"/>",
|
||
|
|
pug.render("meta(content=\"what's up? 'weee'\")")
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support class attr array', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<body class="foo bar baz"></body>',
|
||
|
|
pug.render('body(class=["foo", "bar", "baz"])')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support attr parens', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<p foo="bar">baz</p>',
|
||
|
|
pug.render('p(foo=((("bar"))))= ((("baz")))')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support code attrs', function() {
|
||
|
|
assert.equal('<p></p>', pug.render('p(id= name)', {name: undefined}));
|
||
|
|
assert.equal('<p></p>', pug.render('p(id= name)', {name: null}));
|
||
|
|
assert.equal('<p></p>', pug.render('p(id= name)', {name: false}));
|
||
|
|
assert.equal('<p id=""></p>', pug.render('p(id= name)', {name: ''}));
|
||
|
|
assert.equal('<p id="tj"></p>', pug.render('p(id= name)', {name: 'tj'}));
|
||
|
|
assert.equal(
|
||
|
|
'<p id="default"></p>',
|
||
|
|
pug.render('p(id= name || "default")', {name: null})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p id="something"></p>',
|
||
|
|
pug.render("p(id= 'something')", {name: null})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p id="something"></p>',
|
||
|
|
pug.render("p(id = 'something')", {name: null})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p id="foo"></p>',
|
||
|
|
pug.render("p(id= (true ? 'foo' : 'bar'))")
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<option value="">Foo</option>',
|
||
|
|
pug.render("option(value='') Foo")
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support code attrs class', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<p class="tj"></p>',
|
||
|
|
pug.render('p(class= name)', {name: 'tj'})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p class="tj"></p>',
|
||
|
|
pug.render('p( class= name )', {name: 'tj'})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p class="default"></p>',
|
||
|
|
pug.render('p(class= name || "default")', {name: null})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p class="foo default"></p>',
|
||
|
|
pug.render('p.foo(class= name || "default")', {name: null})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p class="default foo"></p>',
|
||
|
|
pug.render('p(class= name || "default").foo', {name: null})
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'<p id="default"></p>',
|
||
|
|
pug.render('p(id = name || "default")', {name: null})
|
||
|
|
);
|
||
|
|
assert.equal('<p id="user-1"></p>', pug.render('p(id = "user-" + 1)'));
|
||
|
|
assert.equal(
|
||
|
|
'<p class="user-1"></p>',
|
||
|
|
pug.render('p(class = "user-" + 1)')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support code buffering', function() {
|
||
|
|
assert.equal('<p></p>', pug.render('p= null'));
|
||
|
|
assert.equal('<p></p>', pug.render('p= undefined'));
|
||
|
|
assert.equal('<p>0</p>', pug.render('p= 0'));
|
||
|
|
assert.equal('<p>false</p>', pug.render('p= false'));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support script text', function() {
|
||
|
|
var str = [
|
||
|
|
'script.',
|
||
|
|
' p foo',
|
||
|
|
'',
|
||
|
|
'script(type="text/template")',
|
||
|
|
' p foo',
|
||
|
|
'',
|
||
|
|
'script(type="text/template").',
|
||
|
|
' p foo',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = [
|
||
|
|
'<script>p foo\n</script>',
|
||
|
|
'<script type="text/template"><p>foo</p></script>',
|
||
|
|
'<script type="text/template">p foo</script>',
|
||
|
|
].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support comments', function() {
|
||
|
|
// Regular
|
||
|
|
var str = ['//foo', 'p bar'].join('\n');
|
||
|
|
|
||
|
|
var html = ['<!--foo-->', '<p>bar</p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
// Between tags
|
||
|
|
|
||
|
|
var str = ['p foo', '// bar ', 'p baz'].join('\n');
|
||
|
|
|
||
|
|
var html = ['<p>foo</p>', '<!-- bar -->', '<p>baz</p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
// Quotes
|
||
|
|
|
||
|
|
var str = "<!-- script(src: '/js/validate.js') -->",
|
||
|
|
js = "// script(src: '/js/validate.js') ";
|
||
|
|
assert.equal(str, pug.render(js));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support unbuffered comments', function() {
|
||
|
|
var str = ['//- foo', 'p bar'].join('\n');
|
||
|
|
|
||
|
|
var html = ['<p>bar</p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = ['p foo', '//- bar ', 'p baz'].join('\n');
|
||
|
|
|
||
|
|
var html = ['<p>foo</p>', '<p>baz</p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support literal html', function() {
|
||
|
|
assert.equal(
|
||
|
|
'<!--[if IE lt 9]>weeee<![endif]-->',
|
||
|
|
pug.render('<!--[if IE lt 9]>weeee<![endif]-->')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support code', function() {
|
||
|
|
assert.equal('test', pug.render('!= "test"'));
|
||
|
|
assert.equal('test', pug.render('= "test"'));
|
||
|
|
assert.equal('test', pug.render('- var foo = "test"\n=foo'));
|
||
|
|
assert.equal(
|
||
|
|
'foo<em>test</em>bar',
|
||
|
|
pug.render('- var foo = "test"\n| foo\nem= foo\n| bar')
|
||
|
|
);
|
||
|
|
assert.equal(
|
||
|
|
'test<h2>something</h2>',
|
||
|
|
pug.render('!= "test"\nh2 something')
|
||
|
|
);
|
||
|
|
|
||
|
|
var str = ['- var foo = "<script>";', '= foo', '!= foo'].join('\n');
|
||
|
|
|
||
|
|
var html = ['<script>', '<script>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = ['- var foo = "<script>";', '- if (foo)', ' p= foo'].join(
|
||
|
|
'\n'
|
||
|
|
);
|
||
|
|
|
||
|
|
var html = ['<p><script></p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = ['- var foo = "<script>";', '- if (foo)', ' p!= foo'].join(
|
||
|
|
'\n'
|
||
|
|
);
|
||
|
|
|
||
|
|
var html = ['<p><script></p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = [
|
||
|
|
'- var foo;',
|
||
|
|
'- if (foo)',
|
||
|
|
' p.hasFoo= foo',
|
||
|
|
'- else',
|
||
|
|
' p.noFoo no foo',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<p class="noFoo">no foo</p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = [
|
||
|
|
'- var foo;',
|
||
|
|
'- if (foo)',
|
||
|
|
' p.hasFoo= foo',
|
||
|
|
'- else if (true)',
|
||
|
|
' p kinda foo',
|
||
|
|
'- else',
|
||
|
|
' p.noFoo no foo',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<p>kinda foo</p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = ['p foo', '= "bar"'].join('\n');
|
||
|
|
|
||
|
|
var html = ['<p>foo</p>bar'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = ['title foo', '- if (true)', ' p something'].join('\n');
|
||
|
|
|
||
|
|
var html = ['<title>foo</title><p>something</p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = ['foo', ' bar= "bar"', ' baz= "baz"'].join('\n');
|
||
|
|
|
||
|
|
var html = [
|
||
|
|
'<foo>',
|
||
|
|
'<bar>bar',
|
||
|
|
'<baz>baz</baz>',
|
||
|
|
'</bar>',
|
||
|
|
'</foo>',
|
||
|
|
].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = ['-', ' var a =', ' 5;', 'p= a'].join('\n');
|
||
|
|
|
||
|
|
var html = ['<p>5</p>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support each', function() {
|
||
|
|
// Array
|
||
|
|
var str = [
|
||
|
|
'- var items = ["one", "two", "three"];',
|
||
|
|
'each item in items',
|
||
|
|
' li= item',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<li>one</li>', '<li>two</li>', '<li>three</li>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
// Any enumerable (length property)
|
||
|
|
var str = [
|
||
|
|
'- var jQuery = { length: 3, 0: 1, 1: 2, 2: 3 };',
|
||
|
|
'each item in jQuery',
|
||
|
|
' li= item',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<li>1</li>', '<li>2</li>', '<li>3</li>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
// Empty array
|
||
|
|
var str = ['- var items = [];', 'each item in items', ' li= item'].join(
|
||
|
|
'\n'
|
||
|
|
);
|
||
|
|
|
||
|
|
assert.equal('', pug.render(str));
|
||
|
|
|
||
|
|
// Object
|
||
|
|
var str = [
|
||
|
|
'- var obj = { foo: "bar", baz: "raz" };',
|
||
|
|
'each val in obj',
|
||
|
|
' li= val',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<li>bar</li>', '<li>raz</li>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
// Complex
|
||
|
|
var str = [
|
||
|
|
'- var obj = { foo: "bar", baz: "raz" };',
|
||
|
|
'each key in Object.keys(obj)',
|
||
|
|
' li= key',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<li>foo</li>', '<li>baz</li>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
// Keys
|
||
|
|
var str = [
|
||
|
|
'- var obj = { foo: "bar", baz: "raz" };',
|
||
|
|
'each val, key in obj',
|
||
|
|
' li #{key}: #{val}',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<li>foo: bar</li>', '<li>baz: raz</li>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
// Nested
|
||
|
|
var str = [
|
||
|
|
'- var users = [{ name: "tj" }]',
|
||
|
|
'each user in users',
|
||
|
|
' each val, key in user',
|
||
|
|
' li #{key} #{val}',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<li>name tj</li>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = [
|
||
|
|
'- var users = ["tobi", "loki", "jane"]',
|
||
|
|
'each user in users',
|
||
|
|
' li= user',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<li>tobi</li>', '<li>loki</li>', '<li>jane</li>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
|
||
|
|
var str = [
|
||
|
|
'- var users = ["tobi", "loki", "jane"]',
|
||
|
|
'for user in users',
|
||
|
|
' li= user',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
var html = ['<li>tobi</li>', '<li>loki</li>', '<li>jane</li>'].join('');
|
||
|
|
|
||
|
|
assert.equal(html, pug.render(str));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support if', function() {
|
||
|
|
var str = [
|
||
|
|
'- var users = ["tobi", "loki", "jane"]',
|
||
|
|
'if users.length',
|
||
|
|
' p users: #{users.length}',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
assert.equal('<p>users: 3</p>', pug.render(str));
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<iframe foo="bar"></iframe>',
|
||
|
|
pug.render('iframe(foo="bar")')
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support unless', function() {
|
||
|
|
var str = [
|
||
|
|
'- var users = ["tobi", "loki", "jane"]',
|
||
|
|
'unless users.length',
|
||
|
|
' p no users',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
assert.equal('', pug.render(str));
|
||
|
|
|
||
|
|
var str = [
|
||
|
|
'- var users = []',
|
||
|
|
'unless users.length',
|
||
|
|
' p no users',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
assert.equal('<p>no users</p>', pug.render(str));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support else', function() {
|
||
|
|
var str = [
|
||
|
|
'- var users = []',
|
||
|
|
'if users.length',
|
||
|
|
' p users: #{users.length}',
|
||
|
|
'else',
|
||
|
|
' p users: none',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
assert.equal('<p>users: none</p>', pug.render(str));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should else if', function() {
|
||
|
|
var str = [
|
||
|
|
'- var users = ["tobi", "jane", "loki"]',
|
||
|
|
'for user in users',
|
||
|
|
' if user == "tobi"',
|
||
|
|
' p awesome #{user}',
|
||
|
|
' else if user == "jane"',
|
||
|
|
' p lame #{user}',
|
||
|
|
' else',
|
||
|
|
' p #{user}',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<p>awesome tobi</p><p>lame jane</p><p>loki</p>',
|
||
|
|
pug.render(str)
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should include block', function() {
|
||
|
|
var str = [
|
||
|
|
'html',
|
||
|
|
' head',
|
||
|
|
' include fixtures/scripts.pug',
|
||
|
|
' scripts(src="/app.js")',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
'<html><head><script src="/jquery.js"></script><script src="/caustic.js"></script><scripts src="/app.js"></scripts></head></html>',
|
||
|
|
pug.render(str, {filename: __dirname + '/pug.test.js'})
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should not fail on js newlines', function() {
|
||
|
|
assert.equal('<p>foo\u2028bar</p>', pug.render('p foo\u2028bar'));
|
||
|
|
assert.equal('<p>foo\u2029bar</p>', pug.render('p foo\u2029bar'));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should display error line number correctly up to token level', function() {
|
||
|
|
var str = [
|
||
|
|
'p.',
|
||
|
|
' Lorem ipsum dolor sit amet, consectetur',
|
||
|
|
' adipisicing elit, sed do eiusmod tempor',
|
||
|
|
' incididunt ut labore et dolore magna aliqua.',
|
||
|
|
'p.',
|
||
|
|
' Ut enim ad minim veniam, quis nostrud',
|
||
|
|
' exercitation ullamco laboris nisi ut aliquip',
|
||
|
|
' ex ea commodo consequat.',
|
||
|
|
'p.',
|
||
|
|
' Duis aute irure dolor in reprehenderit',
|
||
|
|
' in voluptate velit esse cillum dolore eu',
|
||
|
|
' fugiat nulla pariatur.',
|
||
|
|
'a(href="#" Next',
|
||
|
|
].join('\n');
|
||
|
|
var errorLocation = function(str) {
|
||
|
|
try {
|
||
|
|
pug.render(str);
|
||
|
|
} catch (err) {
|
||
|
|
return err.message.split('\n')[0];
|
||
|
|
}
|
||
|
|
};
|
||
|
|
assert.equal(errorLocation(str), 'Pug:13:16');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('.compileFile()', function() {
|
||
|
|
it('does not produce warnings for issue-1593', function() {
|
||
|
|
pug.compileFile(__dirname + '/fixtures/issue-1593/index.pug');
|
||
|
|
});
|
||
|
|
it('should support caching (pass 1)', function() {
|
||
|
|
fs.writeFileSync(__dirname + '/temp/input-compileFile.pug', '.foo bar');
|
||
|
|
var fn = pug.compileFile(__dirname + '/temp/input-compileFile.pug', {
|
||
|
|
cache: true,
|
||
|
|
});
|
||
|
|
var expected = '<div class="foo">bar</div>';
|
||
|
|
assert(fn() === expected);
|
||
|
|
});
|
||
|
|
it('should support caching (pass 2)', function() {
|
||
|
|
// Poison the input file
|
||
|
|
fs.writeFileSync(
|
||
|
|
__dirname + '/temp/input-compileFile.pug',
|
||
|
|
'.big fat hen'
|
||
|
|
);
|
||
|
|
var fn = pug.compileFile(__dirname + '/temp/input-compileFile.pug', {
|
||
|
|
cache: true,
|
||
|
|
});
|
||
|
|
var expected = '<div class="foo">bar</div>';
|
||
|
|
assert(fn() === expected);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('.render()', function() {
|
||
|
|
it('should support .pug.render(str, fn)', function() {
|
||
|
|
pug.render('p foo bar', function(err, str) {
|
||
|
|
assert.ok(!err);
|
||
|
|
assert.equal('<p>foo bar</p>', str);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support .pug.render(str, options, fn)', function() {
|
||
|
|
pug.render('p #{foo}', {foo: 'bar'}, function(err, str) {
|
||
|
|
assert.ok(!err);
|
||
|
|
assert.equal('<p>bar</p>', str);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support .pug.render(str, options, fn) cache', function() {
|
||
|
|
pug.render('p bar', {cache: true}, function(err, str) {
|
||
|
|
assert.ok(
|
||
|
|
/the "filename" option is required for caching/.test(err.message)
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
pug.render('p foo bar', {cache: true, filename: 'test'}, function(
|
||
|
|
err,
|
||
|
|
str
|
||
|
|
) {
|
||
|
|
assert.ok(!err);
|
||
|
|
assert.equal('<p>foo bar</p>', str);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('.compile()', function() {
|
||
|
|
it('should support .compile()', function() {
|
||
|
|
var fn = pug.compile('p foo');
|
||
|
|
assert.equal('<p>foo</p>', fn());
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support .compile() locals', function() {
|
||
|
|
var fn = pug.compile('p= foo');
|
||
|
|
assert.equal('<p>bar</p>', fn({foo: 'bar'}));
|
||
|
|
});
|
||
|
|
|
||
|
|
it("should support .compile() locals in 'self' hash", function() {
|
||
|
|
var fn = pug.compile('p= self.foo', {self: true});
|
||
|
|
assert.equal('<p>bar</p>', fn({foo: 'bar'}));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support .compile() no debug', function() {
|
||
|
|
var fn = pug.compile('p foo\np #{bar}', {compileDebug: false});
|
||
|
|
assert.equal('<p>foo</p><p>baz</p>', fn({bar: 'baz'}));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should support .compile() no debug and global helpers', function() {
|
||
|
|
var fn = pug.compile('p foo\np #{bar}', {
|
||
|
|
compileDebug: false,
|
||
|
|
helpers: 'global',
|
||
|
|
});
|
||
|
|
assert.equal('<p>foo</p><p>baz</p>', fn({bar: 'baz'}));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should be reasonably fast', function() {
|
||
|
|
pug.compile(perfTest, {});
|
||
|
|
});
|
||
|
|
it('allows trailing space (see #1586)', function() {
|
||
|
|
var res = pug.render('ul \n li An Item');
|
||
|
|
assert.equal('<ul> <li>An Item</li></ul>', res);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('.compileClient()', function() {
|
||
|
|
it('should support pug.compileClient(str)', function() {
|
||
|
|
var src = fs.readFileSync(__dirname + '/cases/basic.pug');
|
||
|
|
var expected = fs
|
||
|
|
.readFileSync(__dirname + '/cases/basic.html', 'utf8')
|
||
|
|
.replace(/\s/g, '');
|
||
|
|
var fn = pug.compileClient(src);
|
||
|
|
fn = Function('pug', fn.toString() + '\nreturn template;')(pug.runtime);
|
||
|
|
var actual = fn({name: 'foo'}).replace(/\s/g, '');
|
||
|
|
expect(actual).toBe(expected);
|
||
|
|
});
|
||
|
|
it('should support pug.compileClient(str, options)', function() {
|
||
|
|
var src = '.bar= self.foo';
|
||
|
|
var fn = pug.compileClient(src, {self: true});
|
||
|
|
fn = Function('pug', fn.toString() + '\nreturn template;')(pug.runtime);
|
||
|
|
var actual = fn({foo: 'baz'});
|
||
|
|
expect(actual).toBe('<div class="bar">baz</div>');
|
||
|
|
});
|
||
|
|
it('should support module syntax in pug.compileClient(str, options) when inlineRuntimeFunctions it true', function() {
|
||
|
|
var src = '.bar= self.foo';
|
||
|
|
var fn = pug.compileClient(src, {
|
||
|
|
self: true,
|
||
|
|
module: true,
|
||
|
|
inlineRuntimeFunctions: true,
|
||
|
|
});
|
||
|
|
expect(fn).toMatchSnapshot();
|
||
|
|
fs.writeFileSync(
|
||
|
|
__dirname + '/temp/input-compileModuleFileClient.js',
|
||
|
|
fn
|
||
|
|
);
|
||
|
|
var fn = require(__dirname + '/temp/input-compileModuleFileClient.js');
|
||
|
|
expect(fn({foo: 'baz'})).toBe('<div class="bar">baz</div>');
|
||
|
|
});
|
||
|
|
it('should support module syntax in pug.compileClient(str, options) when inlineRuntimeFunctions it false', function() {
|
||
|
|
var src = '.bar= self.foo';
|
||
|
|
var fn = pug.compileClient(src, {
|
||
|
|
self: true,
|
||
|
|
module: true,
|
||
|
|
inlineRuntimeFunctions: false,
|
||
|
|
});
|
||
|
|
expect(fn).toMatchSnapshot();
|
||
|
|
fs.writeFileSync(
|
||
|
|
__dirname + '/temp/input-compileModuleFileClient.js',
|
||
|
|
fn
|
||
|
|
);
|
||
|
|
var fn = require(__dirname + '/temp/input-compileModuleFileClient.js');
|
||
|
|
expect(fn({foo: 'baz'})).toBe('<div class="bar">baz</div>');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('.renderFile()', function() {
|
||
|
|
it('will synchronously return a string', function() {
|
||
|
|
var expected = fs
|
||
|
|
.readFileSync(__dirname + '/cases/basic.html', 'utf8')
|
||
|
|
.replace(/\s/g, '');
|
||
|
|
var actual = pug
|
||
|
|
.renderFile(__dirname + '/cases/basic.pug', {name: 'foo'})
|
||
|
|
.replace(/\s/g, '');
|
||
|
|
assert(actual === expected);
|
||
|
|
});
|
||
|
|
it('when given a callback, it calls that rather than returning', function(done) {
|
||
|
|
var expected = fs
|
||
|
|
.readFileSync(__dirname + '/cases/basic.html', 'utf8')
|
||
|
|
.replace(/\s/g, '');
|
||
|
|
pug.renderFile(__dirname + '/cases/basic.pug', {name: 'foo'}, function(
|
||
|
|
err,
|
||
|
|
actual
|
||
|
|
) {
|
||
|
|
if (err) return done(err);
|
||
|
|
assert(actual.replace(/\s/g, '') === expected);
|
||
|
|
done();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
it('when given a callback, it calls that rather than returning even if there are no options', function(done) {
|
||
|
|
var expected = fs
|
||
|
|
.readFileSync(__dirname + '/cases/basic.html', 'utf8')
|
||
|
|
.replace(/\s/g, '');
|
||
|
|
pug.renderFile(__dirname + '/cases/basic.pug', function(err, actual) {
|
||
|
|
if (err) return done(err);
|
||
|
|
assert(actual.replace(/\s/g, '') === expected);
|
||
|
|
done();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
it('when given a callback, it calls that with any errors', function(done) {
|
||
|
|
pug.renderFile(__dirname + '/fixtures/runtime.error.pug', function(
|
||
|
|
err,
|
||
|
|
actual
|
||
|
|
) {
|
||
|
|
assert.ok(err);
|
||
|
|
done();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
it('should support caching (pass 1)', function(done) {
|
||
|
|
fs.writeFileSync(__dirname + '/temp/input-renderFile.pug', '.foo bar');
|
||
|
|
pug.renderFile(
|
||
|
|
__dirname + '/temp/input-renderFile.pug',
|
||
|
|
{cache: true},
|
||
|
|
function(err, actual) {
|
||
|
|
if (err) return done(err);
|
||
|
|
assert.equal('<div class="foo">bar</div>', actual);
|
||
|
|
done();
|
||
|
|
}
|
||
|
|
);
|
||
|
|
});
|
||
|
|
it('should support caching (pass 2)', function(done) {
|
||
|
|
// Poison the input file
|
||
|
|
fs.writeFileSync(
|
||
|
|
__dirname + '/temp/input-renderFile.pug',
|
||
|
|
'.big fat hen'
|
||
|
|
);
|
||
|
|
pug.renderFile(
|
||
|
|
__dirname + '/temp/input-renderFile.pug',
|
||
|
|
{cache: true},
|
||
|
|
function(err, actual) {
|
||
|
|
if (err) return done(err);
|
||
|
|
assert.equal('<div class="foo">bar</div>', actual);
|
||
|
|
done();
|
||
|
|
}
|
||
|
|
);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('.compileFileClient(path, options)', function() {
|
||
|
|
it('returns a string form of a function called `template`', function() {
|
||
|
|
var src = pug.compileFileClient(__dirname + '/cases/basic.pug');
|
||
|
|
var expected = fs
|
||
|
|
.readFileSync(__dirname + '/cases/basic.html', 'utf8')
|
||
|
|
.replace(/\s/g, '');
|
||
|
|
var fn = Function('pug', src + '\nreturn template;')(pug.runtime);
|
||
|
|
var actual = fn({name: 'foo'}).replace(/\s/g, '');
|
||
|
|
assert(actual === expected);
|
||
|
|
});
|
||
|
|
it('accepts the `name` option to rename the resulting function', function() {
|
||
|
|
var src = pug.compileFileClient(__dirname + '/cases/basic.pug', {
|
||
|
|
name: 'myTemplateName',
|
||
|
|
});
|
||
|
|
var expected = fs
|
||
|
|
.readFileSync(__dirname + '/cases/basic.html', 'utf8')
|
||
|
|
.replace(/\s/g, '');
|
||
|
|
var fn = Function('pug', src + '\nreturn myTemplateName;')(pug.runtime);
|
||
|
|
var actual = fn({name: 'foo'}).replace(/\s/g, '');
|
||
|
|
assert(actual === expected);
|
||
|
|
});
|
||
|
|
it('should support caching (pass 1)', function() {
|
||
|
|
fs.writeFileSync(
|
||
|
|
__dirname + '/temp/input-compileFileClient.pug',
|
||
|
|
'.foo bar'
|
||
|
|
);
|
||
|
|
var src = pug.compileFileClient(
|
||
|
|
__dirname + '/temp/input-compileFileClient.pug',
|
||
|
|
{name: 'myTemplateName', cache: true}
|
||
|
|
);
|
||
|
|
var expected = '<div class="foo">bar</div>';
|
||
|
|
var fn = Function('pug', src + '\nreturn myTemplateName;')(pug.runtime);
|
||
|
|
assert(fn() === expected);
|
||
|
|
});
|
||
|
|
it('should support caching (pass 2)', function() {
|
||
|
|
// Poison the input file
|
||
|
|
fs.writeFileSync(
|
||
|
|
__dirname + '/temp/input-compileFileClient.pug',
|
||
|
|
'.big fat hen'
|
||
|
|
);
|
||
|
|
var src = pug.compileFileClient(
|
||
|
|
__dirname + '/temp/input-compileFileClient.pug',
|
||
|
|
{name: 'myTemplateName', cache: true}
|
||
|
|
);
|
||
|
|
var expected = '<div class="foo">bar</div>';
|
||
|
|
var fn = Function('pug', src + '\nreturn myTemplateName;')(pug.runtime);
|
||
|
|
assert(fn() === expected);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('.runtime', function() {
|
||
|
|
describe('.merge', function() {
|
||
|
|
it('merges two attribute objects, giving precedensce to the second object', function() {
|
||
|
|
assert.deepEqual(
|
||
|
|
pug.runtime.merge({}, {class: ['foo', 'bar'], foo: 'bar'}),
|
||
|
|
{class: ['foo', 'bar'], foo: 'bar'}
|
||
|
|
);
|
||
|
|
assert.deepEqual(
|
||
|
|
pug.runtime.merge(
|
||
|
|
{class: ['foo'], foo: 'baz'},
|
||
|
|
{class: ['bar'], foo: 'bar'}
|
||
|
|
),
|
||
|
|
{class: ['foo', 'bar'], foo: 'bar'}
|
||
|
|
);
|
||
|
|
assert.deepEqual(
|
||
|
|
pug.runtime.merge({class: ['foo', 'bar'], foo: 'bar'}, {}),
|
||
|
|
{class: ['foo', 'bar'], foo: 'bar'}
|
||
|
|
);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
describe('.attrs', function() {
|
||
|
|
it('Renders the given attributes object', function() {
|
||
|
|
assert.equal(pug.runtime.attrs({}), '');
|
||
|
|
assert.equal(pug.runtime.attrs({class: []}), '');
|
||
|
|
assert.equal(pug.runtime.attrs({class: ['foo']}), ' class="foo"');
|
||
|
|
assert.equal(
|
||
|
|
pug.runtime.attrs({class: ['foo'], id: 'bar'}),
|
||
|
|
' class="foo" id="bar"'
|
||
|
|
);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('filter indentation', function() {
|
||
|
|
it('is maintained', function() {
|
||
|
|
var filters = {
|
||
|
|
indents: function(str) {
|
||
|
|
return str
|
||
|
|
.split(/\n/)
|
||
|
|
.map(function(line) {
|
||
|
|
return line.match(/^ */)[0].length;
|
||
|
|
})
|
||
|
|
.join(',');
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
var indents = [
|
||
|
|
':indents',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
' x',
|
||
|
|
].join('\n');
|
||
|
|
|
||
|
|
assert.equal(
|
||
|
|
pug.render(indents, {filters: filters}),
|
||
|
|
'0,1,2,3,0,4,4,3,3,4,2,0,2,0,1'
|
||
|
|
);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('.compile().dependencies', function() {
|
||
|
|
it('should list the filename of the template referenced by extends', function() {
|
||
|
|
var filename = __dirname + '/dependencies/extends1.pug';
|
||
|
|
var str = fs.readFileSync(filename, 'utf8');
|
||
|
|
var info = pug.compile(str, {filename: filename});
|
||
|
|
assert.deepEqual(
|
||
|
|
[path.resolve(__dirname + '/dependencies/dependency1.pug')],
|
||
|
|
info.dependencies
|
||
|
|
);
|
||
|
|
});
|
||
|
|
it('should list the filename of the template referenced by an include', function() {
|
||
|
|
var filename = __dirname + '/dependencies/include1.pug';
|
||
|
|
var str = fs.readFileSync(filename, 'utf8');
|
||
|
|
var info = pug.compile(str, {filename: filename});
|
||
|
|
assert.deepEqual(
|
||
|
|
[path.resolve(__dirname + '/dependencies/dependency1.pug')],
|
||
|
|
info.dependencies
|
||
|
|
);
|
||
|
|
});
|
||
|
|
it('should list the dependencies of extends dependencies', function() {
|
||
|
|
var filename = __dirname + '/dependencies/extends2.pug';
|
||
|
|
var str = fs.readFileSync(filename, 'utf8');
|
||
|
|
var info = pug.compile(str, {filename: filename});
|
||
|
|
assert.deepEqual(
|
||
|
|
[
|
||
|
|
path.resolve(__dirname + '/dependencies/dependency2.pug'),
|
||
|
|
path.resolve(__dirname + '/dependencies/dependency3.pug'),
|
||
|
|
],
|
||
|
|
info.dependencies
|
||
|
|
);
|
||
|
|
});
|
||
|
|
it('should list the dependencies of include dependencies', function() {
|
||
|
|
var filename = __dirname + '/dependencies/include2.pug';
|
||
|
|
var str = fs.readFileSync(filename, 'utf8');
|
||
|
|
var info = pug.compile(str, {filename: filename});
|
||
|
|
assert.deepEqual(
|
||
|
|
[
|
||
|
|
path.resolve(__dirname + '/dependencies/dependency2.pug'),
|
||
|
|
path.resolve(__dirname + '/dependencies/dependency3.pug'),
|
||
|
|
],
|
||
|
|
info.dependencies
|
||
|
|
);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('.name', function() {
|
||
|
|
it('should have a name attribute', function() {
|
||
|
|
assert.strictEqual(pug.name, 'Pug');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|