html-generator.tests.js

var assert = require("assert");
var test = require("./testing").test;

var HtmlGenerator = require("../lib/html-generator").HtmlGenerator;
var htmlPaths = require("../lib/html-paths");


describe('HtmlGenerator', function() {
    test('generates empty string when newly created', function() {
        var generator = new HtmlGenerator();
        return assert.equal("", generator.asString());
    });
    
    test('HTML-escapes text', function() {
        var generator = new HtmlGenerator();
        generator.text("<");
        return assert.equal(generator.asString(), "&lt;");
    });
    
    test('asString closes all elements', function() {
        var generator = new HtmlGenerator();
        generator.satisfyPath(htmlPaths.elements(["p", "span"]));
        generator.text("Hello!");
        generator.closeAll();
        return assert.equal(generator.asString(), "<p><span>Hello!</span></p>");
    });
    
    test('elements with no text are not generated', function() {
        var generator = new HtmlGenerator();
        generator.satisfyPath(htmlPaths.elements(["p", "span"]));
        generator.closeAll();
        return assert.equal(generator.asString(), "");
    });
    
    test('generates empty string if text is empty string', function() {
        var generator = new HtmlGenerator();
        generator.satisfyPath(htmlPaths.elements(["p", "span"]));
        generator.text("");
        generator.closeAll();
        return assert.equal(generator.asString(), "");
    });
    
    test('can leave some HTML elements for next style', function() {
        var generator = new HtmlGenerator();
        var listPath = htmlPaths.elements([
            htmlPaths.element("ul", {}, {fresh: false}),
            htmlPaths.element("li", {}, {fresh: true})
        ]);
        generator.satisfyPath(listPath);
        generator.text("Apple");
        generator.satisfyPath(listPath);
        generator.text("Banana");
        generator.closeAll();
        return assert.equal(generator.asString(), "<ul><li>Apple</li><li>Banana</li></ul>");
    });
    
    test('renders class attribute of elements', function() {
        var generator = new HtmlGenerator();
        generator.satisfyPath(htmlPaths.elements([
            htmlPaths.element("p", {"class": "tip"})
        ]));
        generator.text("Hello!");
        generator.closeAll();
        return assert.equal(generator.asString(), '<p class="tip">Hello!</p>');
    });
    
    test('attribute values are escaped', function() {
        var generator = new HtmlGenerator();
        generator.selfClosing({tagName: "br", attributes: {"data-blah": "<"}});
        return assert.equal(generator.asString(), '<br data-blah="&lt;" />');
    });
    
    test('appendPath does not close currently-open elements', function() {
        var generator = new HtmlGenerator();
        generator.satisfyPath(htmlPaths.elements(["strong"]));
        generator.appendPath(htmlPaths.elements(["em"]));
        generator.text("Hello!");
        generator.closeAll();
        return assert.equal(generator.asString(), "<strong><em>Hello!</em></strong>");
    });
});