mirror of
https://github.com/marko-js/marko.git
synced 2025-12-08 19:26:05 +00:00
401 lines
15 KiB
JavaScript
401 lines
15 KiB
JavaScript
'use strict';
|
|
var chai = require('chai');
|
|
chai.Assertion.includeStack = true;
|
|
require('chai').should();
|
|
var expect = require('chai').expect;
|
|
var nodePath = require('path');
|
|
var fs = require('fs');
|
|
|
|
var StringBuilder = require('raptor-strings/StringBuilder');
|
|
|
|
function testRender(path, data, done, options) {
|
|
var inputPath = nodePath.join(__dirname, path);
|
|
var expectedPath = nodePath.join(__dirname, path + '.expected.html');
|
|
var actualPath = nodePath.join(__dirname, path + '.actual.html');
|
|
options = options || {};
|
|
var compiledPath = nodePath.join(__dirname, path + '.actual.js');
|
|
|
|
// var compiler = require('../compiler').createCompiler(inputPath);
|
|
// var src = fs.readFileSync(inputPath, {encoding: 'utf8'});
|
|
|
|
// var compiledSrc = compiler.compile(src);
|
|
// fs.writeFileSync(compiledPath, compiledSrc, {encoding: 'utf8'});
|
|
|
|
|
|
// console.log('\nCompiled (' + inputPath + '):\n---------\n' + compiledSrc);
|
|
|
|
|
|
|
|
var raptorTemplates = require('../');
|
|
|
|
require('../compiler').defaultOptions.checkUpToDate = false;
|
|
|
|
var Context = raptorTemplates.Context;
|
|
var context = options.context || new Context(new StringBuilder());
|
|
|
|
raptorTemplates.render(inputPath, data, context)
|
|
.on('end', function() {
|
|
var output = context.getOutput();
|
|
|
|
fs.writeFileSync(actualPath, output, {encoding: 'utf8'});
|
|
|
|
var expected;
|
|
try {
|
|
expected = options.expected || fs.readFileSync(expectedPath, {encoding: 'utf8'});
|
|
}
|
|
catch(e) {
|
|
expected = 'TBD';
|
|
fs.writeFileSync(expectedPath, expected, {encoding: 'utf8'});
|
|
}
|
|
|
|
if (output !== expected) {
|
|
throw new Error('Unexpected output for "' + inputPath + '":\nEXPECTED (' + expectedPath + '):\n---------\n' + expected +
|
|
'\n---------\nACTUAL (' + actualPath + '):\n---------\n' + output + '\n---------');
|
|
}
|
|
|
|
done();
|
|
})
|
|
.on('error', done)
|
|
.end();
|
|
|
|
}
|
|
|
|
describe('raptor-templates/rhtml' , function() {
|
|
|
|
beforeEach(function(done) {
|
|
// for (var k in require.cache) {
|
|
// if (require.cache.hasOwnProperty(k)) {
|
|
// delete require.cache[k];
|
|
// }
|
|
// }
|
|
|
|
// require('raptor-logging').configureLoggers({
|
|
// 'raptor-templates': 'INFO'
|
|
// });
|
|
|
|
done();
|
|
});
|
|
|
|
it('should render a simple template', function(done) {
|
|
testRender('test-project/simple.rhtml', {}, done);
|
|
});
|
|
|
|
it('should render a template with a custom tag', function(done) {
|
|
testRender('test-project/custom-tag.rhtml', {}, done);
|
|
});
|
|
|
|
it("should allow for text replacement", function(done) {
|
|
testRender("test-project/rhtml-templates/text-replacement.rhtml", {
|
|
person: {
|
|
name: "John",
|
|
address: {
|
|
city: "San Jose",
|
|
state: "CA",
|
|
line1: "2065 E. Hamilton Ave.",
|
|
zip: "95125"
|
|
}
|
|
}
|
|
}, done);
|
|
});
|
|
|
|
it("should render simple template with logic", function(done) {
|
|
testRender("test-project/rhtml-templates/simple.rhtml", {
|
|
message: "Hello World!",
|
|
rootClass: "title",
|
|
colors: ["red", "green", "blue"]
|
|
}, done);
|
|
});
|
|
|
|
it("should allow for simple template handlers", function(done) {
|
|
testRender("test-project/rhtml-templates/simple-handlers.rhtml", {dynamic: "universe"}, done);
|
|
});
|
|
|
|
it("should allow for template handlers with nested body content", function(done) {
|
|
testRender("test-project/rhtml-templates/nested-handlers.rhtml", {showConditionalTab: false}, done);
|
|
});
|
|
|
|
it("should allow entity expressions", function(done) {
|
|
testRender("test-project/rhtml-templates/entities.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow escaped expressions", function(done) {
|
|
testRender("test-project/rhtml-templates/escaped.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow complex expressions", function(done) {
|
|
testRender("test-project/rhtml-templates/expressions.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow whitespace to be removed", function(done) {
|
|
testRender("test-project/rhtml-templates/whitespace.rhtml", {}, done);
|
|
});
|
|
|
|
it("should handle whitespace when using expressions", function(done) {
|
|
testRender("test-project/rhtml-templates/whitespace2.rhtml", {}, done);
|
|
});
|
|
|
|
it("should handle whitespace when using expressions", function(done) {
|
|
testRender("test-project/rhtml-templates/whitespace2.rhtml", {}, done);
|
|
});
|
|
|
|
it("should normalize whitespace", function(done) {
|
|
testRender("test-project/rhtml-templates/whitespace3.rhtml", {}, done);
|
|
});
|
|
|
|
it("should handle whitespace correctly for mixed text and element children", function(done) {
|
|
testRender("test-project/rhtml-templates/whitespace-inline-elements.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow HTML output that is not well-formed XML", function(done) {
|
|
testRender("test-project/rhtml-templates/html.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for looping", function(done) {
|
|
testRender("test-project/rhtml-templates/looping.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for looping over properties", function(done) {
|
|
testRender("test-project/rhtml-templates/looping-props.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for looping over ranges", function(done) {
|
|
testRender("test-project/rhtml-templates/looping-range.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for dynamic attributes", function(done) {
|
|
testRender("test-project/rhtml-templates/attrs.rhtml", {"myAttrs": {style: "background-color: #FF0000; <test>", "class": "my-div"}}, done);
|
|
});
|
|
|
|
it("should allow for choose...when statements", function(done) {
|
|
testRender("test-project/rhtml-templates/choose-when.rhtml", {}, done);
|
|
});
|
|
|
|
it("should not allow <c-otherwise> to be before a <c-when> tag", function(done) {
|
|
|
|
var e;
|
|
|
|
function fakeDone() {
|
|
done('Error expected');
|
|
}
|
|
|
|
try {
|
|
testRender("test-project/rhtml-templates/choose-when-invalid-otherwise-not-last.rhtml", {}, fakeDone);
|
|
}
|
|
catch(_e) {
|
|
e = _e;
|
|
}
|
|
|
|
expect(e != null).to.equal(true);
|
|
done();
|
|
});
|
|
|
|
it("should allow for <c-def> functions", function(done) {
|
|
testRender("test-project/rhtml-templates/def.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for <c-with> functions", function(done) {
|
|
testRender("test-project/rhtml-templates/with.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for scriptlets", function(done) {
|
|
testRender("test-project/rhtml-templates/scriptlet.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for when and otherwise as attributes", function(done) {
|
|
testRender("test-project/rhtml-templates/choose-when-attributes.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for elements to be stripped out at compile time", function(done) {
|
|
testRender("test-project/rhtml-templates/strip.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for body content to be replaced with the result of an expression", function(done) {
|
|
testRender("test-project/rhtml-templates/content.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for an element to be replaced with the result of an expression", function(done) {
|
|
testRender("test-project/rhtml-templates/replace.rhtml", {message: "Hello World!"}, done);
|
|
});
|
|
|
|
it("should allow for includes", function(done) {
|
|
testRender("test-project/rhtml-templates/include.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for <c-invoke function... />", function(done) {
|
|
testRender("test-project/rhtml-templates/invoke.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for require", function(done) {
|
|
testRender("test-project/rhtml-templates/require.rhtml", {}, done);
|
|
});
|
|
|
|
|
|
// it("should handle errors correctly", function(done) {
|
|
|
|
|
|
|
|
// var tryTemplate = function(path, callback) {
|
|
// try
|
|
// {
|
|
// compileAndRender(path, {}, null, true /* invalid */);
|
|
// callback("", []);
|
|
// }
|
|
// catch(e) {
|
|
|
|
// if (!e.errors) {
|
|
// logger.error('Error message for template at path "' + path + '": ' + e, e);
|
|
// }
|
|
// else {
|
|
// console.log('Error message for template at path "' + path + '": ' + e)
|
|
// }
|
|
// callback(e.toString(), e.errors);
|
|
// }
|
|
// };
|
|
|
|
// tryTemplate("test-project/rhtml-templates/errors.rhtml", function(message, errors) {
|
|
// var len = errors ? errors.length : -1;
|
|
// expect(len).toEqual(25);
|
|
|
|
|
|
// });
|
|
|
|
|
|
// });
|
|
|
|
it("should allow static file includes", function(done) {
|
|
testRender("test-project/rhtml-templates/include-resource-static.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow HTML pages with inline script", function(done) {
|
|
testRender("test-project/rhtml-templates/inline-script.rhtml", {name: "World"}, done);
|
|
});
|
|
|
|
it("should allow CDATA inside templates", function(done) {
|
|
testRender("test-project/rhtml-templates/cdata.rhtml", {name: "World"}, done);
|
|
});
|
|
|
|
// it("should allow type conversion", function(done) {
|
|
// var TypeConverter = require('raptor/templating/compiler/TypeConverter');
|
|
// expect(TypeConverter.convert('${entity:special}', "string", true).toString()).toEqual('"&special;"');
|
|
// });
|
|
|
|
it("should allow for if...else", function(done) {
|
|
testRender("test-project/rhtml-templates/if-else.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for expressions and variables inside JavaScript strings", function(done) {
|
|
testRender("test-project/rhtml-templates/string-expressions.rhtml", {name: "John", count: 10}, done);
|
|
});
|
|
|
|
it("should allow for simple conditionals", function(done) {
|
|
testRender("test-project/rhtml-templates/simple-conditionals.rhtml", {name: "John", count: 51}, done);
|
|
});
|
|
|
|
it("should allow for conditional attributes", function(done) {
|
|
testRender("test-project/rhtml-templates/conditional-attributes.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for dynamic attributes to be passed to tag renderer using a custom property name", function(done) {
|
|
testRender("test-project/rhtml-templates/dynamic-attributes.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for dynamic attributes to be passed to tag renderer", function(done) {
|
|
testRender("test-project/rhtml-templates/dynamic-attributes2.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for dynamic attributes to be passed to tag renderer as part of input object", function(done) {
|
|
testRender("test-project/rhtml-templates/dynamic-attributes3.rhtml", {}, done);
|
|
});
|
|
|
|
// it("should allow for nodes to be converted to expressions", function(done) {
|
|
// var ElementNode = require('raptor/templating/compiler/ElementNode');
|
|
// var TextNode = require('raptor/templating/compiler/TextNode');
|
|
// var TemplateBuilder = require('raptor/templating/compiler/TemplateBuilder');
|
|
|
|
// var compiler = require('raptor/templating/compiler').createCompiler();
|
|
// var template = new TemplateBuilder(compiler);
|
|
|
|
// var div = new ElementNode("div");
|
|
// var text = new TextNode("Hello World!");
|
|
// div.appendChild(text);
|
|
|
|
// var expression = div.getExpression(template).toString();
|
|
// var bodyContentExpression = div.getBodyContentExpression(template).toString();
|
|
|
|
// var sb = require('raptor/strings').createStringBuilder();
|
|
// var context = require('raptor/templating').createContext(sb);
|
|
// var output = eval(expression);
|
|
// expect(output.toString()).toEqual('<div>Hello World!</div>');
|
|
|
|
// output = eval(bodyContentExpression);
|
|
// expect(output.toString()).toEqual('Hello World!');
|
|
|
|
// });
|
|
|
|
it("should allow for nested attributes", function(done) {
|
|
testRender("test-project/rhtml-templates/nested-attrs.rhtml", {active: true}, done);
|
|
});
|
|
|
|
it("should allow for new variables to be created and assigned values", function(done) {
|
|
testRender("test-project/rhtml-templates/var.rhtml", {active: true}, done);
|
|
});
|
|
|
|
|
|
it("should handle XML escaping correctly", function(done) {
|
|
testRender("test-project/rhtml-templates/xml-escaping.rhtml", {name: "<Patrick>", welcome: '<span>Welcome</span>'}, done);
|
|
});
|
|
|
|
it("should allow for a doctype tag and a doctype attribute", function(done) {
|
|
testRender("test-project/rhtml-templates/doctype.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for using templates to render custom tags", function(done) {
|
|
testRender("test-project/rhtml-templates/template-as-tag.rhtml", {title: "My Page Title"}, done);
|
|
});
|
|
|
|
it("should allow for caching HTML fragments", function(done) {
|
|
testRender("test-project/rhtml-templates/caching.rhtml", {}, done);
|
|
});
|
|
|
|
it("should escape XML in text node when enabled", function(done) {
|
|
testRender("test-project/rhtml-templates/escape-xml-enabled.rhtml", {}, done);
|
|
});
|
|
|
|
it("should not escape XML in text node when disabled", function(done) {
|
|
testRender("test-project/rhtml-templates/escape-xml-disabled.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for attributes with default values", function(done) {
|
|
testRender("test-project/rhtml-templates/default-attributes.rhtml", {}, done);
|
|
});
|
|
|
|
it("should allow for input expressions to be provided to tag handler nodes", function(done) {
|
|
testRender("test-project/rhtml-templates/tag-input-expressions.rhtml", {name: "Frank", adult: true}, done);
|
|
});
|
|
|
|
it("should allow for using layouts", function(done) {
|
|
testRender("test-project/rhtml-templates/layout-use.rhtml", {}, done);
|
|
});
|
|
|
|
it("should work with custom iteration", function(done) {
|
|
testRender("test-project/rhtml-templates/looping-iterator.rhtml", {
|
|
reverseIterator: function(arrayList, callback){
|
|
var statusVar = {first: 0, last: arrayList.length-1};
|
|
for(var i=arrayList.length-1; i>=0; i--){
|
|
statusVar.index = i;
|
|
callback(arrayList[i], statusVar);
|
|
}
|
|
}
|
|
}, done);
|
|
});
|
|
|
|
it("should support scanning a directory for tags", function(done) {
|
|
testRender("test-project/rhtml-templates/scanned-tags.rhtml", {}, done);
|
|
});
|
|
|
|
it("should support scanning a directory for tags", function(done) {
|
|
testRender("test-project/rhtml-templates/template-tag-dynamic-attributes.rhtml", {}, done);
|
|
});
|
|
|
|
});
|