zulip/web/tests/templates.test.cjs

"use strict";

const assert = require("node:assert/strict");

const {run_test} = require("./lib/test.cjs");

/*
    Note that the test runner automatically registers
    all of our handlers.
*/

run_test("and", () => {
    const args = {
        last: true,
    };

    const html = require("./templates/and.hbs")(args);
    assert.equal(html, "<p>empty and</p>\n<p>last and</p>\n\n");
});

run_test("or", () => {
    const args = {
        last: true,
    };

    const html = require("./templates/or.hbs")(args);
    assert.equal(html, "\n<p>last or</p>\n<p>true or</p>\n");
});

run_test("rendered_markdown", () => {
    const html = require("./templates/rendered_markdown.hbs")();
    const expected_html =
        '<a href="http://example.com" target="_blank" rel="noopener noreferrer" title="http://example.com/">good</a>\n';
    assert.equal(html, expected_html);
});

run_test("numberFormat", () => {
    const args = {
        number: 1000000,
    };

    const html = require("./templates/numberFormat.hbs")(args);
    assert.equal(html, "1,000,000\n");
});

run_test("tooltip_hotkey_hints", () => {
    const args = {
        hotkey_one: "Ctrl",
        hotkey_two: "C",
    };

    const html = require("./templates/tooltip_hotkey_hints.hbs")(args);
    const expected_html = `<span class="tooltip-hotkey-hints"><span class="tooltip-hotkey-hint">${args.hotkey_one}</span><span class="tooltip-hotkey-hint">${args.hotkey_two}</span></span>\n`;
    assert.equal(html, expected_html);
});

run_test("popover_hotkey_hints", () => {
    const args = {
        hotkey_one: "Ctrl",
        hotkey_two: "[",
    };

    const html = require("./templates/popover_hotkey_hints.hbs")(args);
    const expected_html = `<span class="popover-menu-hotkey-hints"><span class="popover-menu-hotkey-hint">${args.hotkey_one}</span><span class="popover-menu-hotkey-hint">${args.hotkey_two}</span></span>\n`;
    assert.equal(html, expected_html);
});

run_test("popover_hotkey_hints_shift_hotkey", () => {
    const args = {
        hotkey_one: "Shift",
        hotkey_two: "V",
    };

    const html = require("./templates/popover_hotkey_hints.hbs")(args);
    args.hotkey_one = "⇧"; // adjust_shift_hotkey
    const expected_html = `<span class="popover-menu-hotkey-hints popover-contains-shift-hotkey" data-hotkey-hints="${args.hotkey_one},${args.hotkey_two}"><span class="popover-menu-hotkey-hint">${args.hotkey_one}</span><span class="popover-menu-hotkey-hint">${args.hotkey_two}</span></span>\n`;
    assert.equal(html, expected_html);
});