1182 lines
42 KiB
JavaScript
1182 lines
42 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(new Buffer('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 expected = '<div class="bar">baz</div>';
|
||
|
|
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');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|