odoo_source/addons/mail/static/tests/mail_utils_tests.js

/** @odoo-module **/

import * as utils from "@mail/js/utils";

QUnit.module("Mail utils");

QUnit.test("add_link utility function", function (assert) {
    const testInputs = {
        "http://admin:password@example.com:8/%2020": true,
        "https://admin:password@example.com/test": true,
        "www.example.com:8/test": true,
        "https://127.0.0.5:8069": true,
        "www.127.0.0.5": false,
        "should.notmatch": false,
        "fhttps://test.example.com/test": false,
        "https://www.transifex.com/odoo/odoo-11/translate/#fr/lunch?q=text%3A'La+Tartiflette'": true,
        "https://www.transifex.com/odoo/odoo-11/translate/#fr/$/119303430?q=text%3ATartiflette": true,
        "https://tenor.com/view/chỗgiặt-dog-smile-gif-13860250": true,
        "http://www.boîtenoire.be": true,
    };
    for (const [content, willLinkify] of Object.entries(testInputs)) {
        const output = utils.parseAndTransform(content, utils.addLink);
        if (willLinkify) {
            assert.strictEqual(output.indexOf("<a "), 0);
            assert.strictEqual(output.indexOf("</a>"), output.length - 4);
        } else {
            assert.strictEqual(output.indexOf("<a "), -1);
        }
    }
});

QUnit.test("addLink: utility function and special entities", function (assert) {
    const testInputs = {
        // textContent not unescaped
        "<p>https://example.com/?&amp;currency_id</p>":
            '<p><a target="_blank" rel="noreferrer noopener" href="https://example.com/?&amp;currency_id">https://example.com/?&amp;currency_id</a></p>',
        // entities not unescaped
        "&amp; &amp;amp; &gt; &lt;": "&amp; &amp;amp; &gt; &lt;",
        // > and " not linkified since they are not in URL regex
        "<p>https://example.com/&gt;</p>":
            '<p><a target="_blank" rel="noreferrer noopener" href="https://example.com/">https://example.com/</a>&gt;</p>',
        '<p>https://example.com/"hello"&gt;</p>':
            '<p><a target="_blank" rel="noreferrer noopener" href="https://example.com/">https://example.com/</a>"hello"&gt;</p>',
        // & and ' linkified since they are in URL regex
        "<p>https://example.com/&amp;hello</p>":
            '<p><a target="_blank" rel="noreferrer noopener" href="https://example.com/&amp;hello">https://example.com/&amp;hello</a></p>',
        "<p>https://example.com/'yeah'</p>":
            '<p><a target="_blank" rel="noreferrer noopener" href="https://example.com/\'yeah\'">https://example.com/\'yeah\'</a></p>',
        // normal character should not be escaped
        ":'(": ":'(",
        // special character in smileys should be escaped
        "&lt;3": "&lt;3",
    };

    for (const [content, result] of Object.entries(testInputs)) {
        const output = utils.parseAndTransform(content, utils.addLink);
        assert.strictEqual(output, result);
    }
});

QUnit.test("addLink: linkify inside text node (1 occurrence)", function (assert) {
    const content = "<p>some text https://somelink.com</p>";
    const linkified = utils.parseAndTransform(content, utils.addLink);
    assert.ok(linkified.startsWith("<p>some text <a"));
    assert.ok(linkified.endsWith("</a></p>"));

    // linkify may add some attributes. Since we do not care of their exact
    // stringified representation, we continue deeper assertion with query
    // selectors.
    const fragment = document.createDocumentFragment();
    const div = document.createElement("div");
    fragment.appendChild(div);
    div.innerHTML = linkified;
    assert.strictEqual(div.textContent, "some text https://somelink.com");
    assert.containsOnce(div, "a");
    assert.strictEqual(div.querySelector(":scope a").textContent, "https://somelink.com");
});

QUnit.test("addLink: linkify inside text node (2 occurrences)", function (assert) {
    // linkify may add some attributes. Since we do not care of their exact
    // stringified representation, we continue deeper assertion with query
    // selectors.
    const content = "<p>some text https://somelink.com and again https://somelink2.com ...</p>";
    const linkified = utils.parseAndTransform(content, utils.addLink);
    const fragment = document.createDocumentFragment();
    const div = document.createElement("div");
    fragment.appendChild(div);
    div.innerHTML = linkified;
    assert.strictEqual(
        div.textContent,
        "some text https://somelink.com and again https://somelink2.com ..."
    );
    assert.strictEqual(div.querySelectorAll(":scope a").length, 2);
    assert.strictEqual(div.querySelectorAll(":scope a")[0].textContent, "https://somelink.com");
    assert.strictEqual(div.querySelectorAll(":scope a")[1].textContent, "https://somelink2.com");
});