proof.js

// Compiles to public/proof.js

"use strict";

let Alphabet = require("./alphabet");
let TengwarParmaite = require("./tengwar-parmaite");
let TengwarAnnatar = require("./tengwar-annatar");

var fonts = {
    parmaite: TengwarParmaite,
    annatar: TengwarAnnatar,
};

let classical = require("./classical");
let beleriand = require("./beleriand");
let generalUse = require("./general-use");

let generalUseTests = require("./test/general-use");
let classicalTests = require("./test/classical");
let beleriandTests = require("./test/beleriand");

let pass = true;

function equals(name, expected, actual, errata) {
    if (expected === actual) {
        return `<div class="case pass">
            ${errata}<br>
            <tt>${name} <strong>input</strong></tt><br>
            <tt>${expected} <strong>output</strong></tt>
        </div>`
    }
    pass = false;
    return `<div class="case fail">
        ${errata}</br>
        ${name}
        <ul>
            <tt>${expected}</tt> expected<br>
            <tt>${actual}</tt> actual
        </ul>
    </div>`;
}

for (let [fontName, fontTests] of Object.entries(generalUseTests)) {
    for (let [language, tests] of Object.entries(fontTests)) {
        document.querySelector("#" + fontName + "-" + language + "-generalUse").innerHTML = Object.entries(tests).map(function ([input, expected]) {
            var font = fonts[fontName];
            let actual = generalUse.encode(input, {language, font});
            return equals(input, expected, actual, `
                <span class="rendered tengwar ${fontName}">${generalUse.transcribe(input, {language, font})}</span>
            `);
        }).join("");
    }
}

document.querySelector("#classical").innerHTML = Object.entries(classicalTests).map(function ([input, expected]) {
    let actual = classical.encode(input, {font: TengwarAnnatar});
    return equals(input, expected, actual, `<br>
        <span class="rendered tengwar annatar">${classical.transcribe(input, {font: TengwarAnnatar})}</span>
    `);
}).join("");

document.querySelector("#beleriand").innerHTML = Object.entries(beleriandTests).map(function ([input, expected]) {
    let actual = beleriand.encode(input, {font: TengwarParmaite});
    return equals(input, expected, actual, `<br>
        <span class="rendered tengwar parmaite">${beleriand.transcribe(input, {front: TengwarParmaite})}</span>
    `);
}).join("");

function tengwarTehtarCombinations(font, fontClass) {
    return Alphabet.tehtar.map(function (tehta) {
        return "<table align=\"left\"><caption><a name=\"" + tehta + "\" href=\"#" + encodeURIComponent(tehta) + "\">" + tehta + "</a></caption>" +
            Alphabet.tengwar.map(function (row) {
                return "<tr><td>" + row.map(function (name) {
                    return (
                        "<span class=\"rendered tengwar " + fontClass + "\">" +
                        tengwaTehtaPairDisplay(font, name, tehta) +
                        "</span>"
                    );
                }).join("</td><td>") + "</td></tr>";
            }).join("</tr><tr>") +
        "</tr></table></a>";
    }).join(" ");
};

function tengwaTehtaPairDisplay(font, tengwa, tehta) {
    tehta = font.tehtaForTengwa(tengwa, tehta);
    if (!tehta) {
        return (
            "<span style=\"color: #ddd\">" +
            font.tengwar[tengwa] +
            "</span>"
        );
    } else {
        return font.tengwar[tengwa] + tehta;
    }
}

document.querySelector("#parmaite").innerHTML = tengwarTehtarCombinations(TengwarParmaite, "parmaite");
document.querySelector("#annatar").innerHTML = tengwarTehtarCombinations(TengwarAnnatar, "annatar");

let summary = document.querySelector("#summary");
if (pass) {
    summary.innerHTML = "All automated tests passed. Please review font rendering and the tengwar to tehtar matching tables if your changes are likely to affect their correctness.";
    summary.classList.remove("fail");
    summary.classList.add("pass");
} else {
    summary.innerHTML = "Some automated tests failed. Please review the failed tests.";
}