htmx/test/util/util.js

/* Test Utilities */

function byId(id) {
    return document.getElementById(id);
}

function make(htmlStr) {
    htmlStr =  htmlStr.trim()
    var makeFn = function () {
        var range = document.createRange();
        var fragment = range.createContextualFragment(htmlStr);
        var wa = getWorkArea();
        var child = null;
        var children = fragment.children || fragment.childNodes; // IE
        var appendedChildren = []
        while(children.length > 0) {
            child = children[0];
            wa.appendChild(child);
            appendedChildren.push(child)
        }
        for (var i = 0; i < appendedChildren.length; i++) {
            htmx.process(appendedChildren[i]);
        }
        return child; // return last added element
    };
    if (getWorkArea()) {
        return makeFn();
    } else {
        ready(makeFn);
    }
}

function ready(fn) {
    if (document.readyState !== 'loading') {
        fn();
    } else {
        document.addEventListener('DOMContentLoaded', fn);
    }
}

function getWorkArea() {
    return byId("work-area");
}

function clearWorkArea() {
    var workArea = getWorkArea();
    if (workArea) workArea.innerHTML = "";
}

function removeWhiteSpace(str) {
    return str.replace(/\s/g, "");
}

function getHTTPMethod(xhr) {
    return xhr.requestHeaders['X-HTTP-Method-Override'] || xhr.method;
}

function makeServer(){
    var server = sinon.fakeServer.create();
    server.fakeHTTPMethods = true;
    server.getHTTPMethod = function(xhr) {
        return getHTTPMethod(xhr);
    }
    return server;
}

function parseParams(str) {
    var re = /([^&=]+)=?([^&]*)/g;
    var decode = function (str) {
        return decodeURIComponent(str.replace(/\+/g, ' '));
    };
    var params = {}, e;
    if (str) {
        if (str.substr(0, 1) == '?') {
            str = str.substr(1);
        }
        while (e = re.exec(str)) {
            var k = decode(e[1]);
            var v = decode(e[2]);
            if (params[k] !== undefined) {
                if (!Array.isArray(params[k])) {
                    params[k] = [params[k]];
                }
                params[k].push(v);
            } else {
                params[k] = v;
            }
        }
    }
    return params;
}


function getQuery(url) {
    var question = url.indexOf("?");
    var hash = url.indexOf("#");
    if(hash==-1 && question==-1) return "";
    if(hash==-1) hash = url.length;
    return question==-1 || hash==question+1 ? url.substring(hash) :
        url.substring(question+1,hash);
}

function getParameters(xhr) {
    if (getHTTPMethod(xhr) == "GET") {
        return parseParams(getQuery(xhr.url));
    } else {
        return parseParams(xhr.requestBody);
    }
}

function log(val) {
    console.log(val);
    return val;
}

// region IE11
function supportsTemplates() {
    return typeof document.createElement("template").content !== "undefined"
}

function supportsSvgTitles() {
    // Need to append the element to the body, otherwise innerText will add the svg title to the returned value...
    var tempButton = document.createElement("button")
    tempButton.innerHTML = '<svg><title>Svg title</title></svg>Text';
    document.body.appendChild(tempButton)
    var titleOk = tempButton.innerText === "Text"
    document.body.removeChild(tempButton)
    return titleOk
}

function supportsFormAttribute() {
    var parser = new DOMParser()
    return !!parser.parseFromString('<button form="form"></button><form id="form"></form>', "text/html").body.firstChild.form
}

function supportsXPath() {
    return typeof document.evaluate !== "undefined"
}

function IsIE11() {
    return !supportsTemplates() && !supportsSvgTitles() && !supportsFormAttribute() && !supportsXPath()
}

// endregion