diff --git a/conftest.py b/conftest.py
index 0ae64ac..f179b30 100644
--- a/conftest.py
+++ b/conftest.py
@@ -5,8 +5,28 @@ from __future__ import annotations
import os
from pathlib import Path
+import pytest
+
_test_auth_config = Path(os.environ.get("TEMP", "/tmp")) / "pygitweb-test-auth.json"
_test_settings_config = Path(os.environ.get("TEMP", "/tmp")) / "pygitweb-test-settings.json"
os.environ.setdefault("PYGITWEB_AUTH", "0")
os.environ.setdefault("PYGITWEB_AUTH_CONFIG", str(_test_auth_config))
os.environ.setdefault("PYGITWEB_SETTINGS_CONFIG", str(_test_settings_config))
+
+
+def pytest_addoption(parser: pytest.Parser) -> None:
+ parser.addoption(
+ "--js-tests",
+ action="store_true",
+ default=False,
+ help="Run JavaScript unit tests (requires the stpyv8 or pythonmonkey group)",
+ )
+
+
+def pytest_collection_modifyitems(config: pytest.Config, items: list[pytest.Item]) -> None:
+ if config.getoption("--js-tests"):
+ return
+ skip = pytest.mark.skip(reason="JS tests are off by default; pass --js-tests to run them")
+ for item in items:
+ if "static_tests" in item.path.parts:
+ item.add_marker(skip)
diff --git a/pygitweb/static_tests/conftest.py b/pygitweb/static_tests/conftest.py
new file mode 100644
index 0000000..01c4650
--- /dev/null
+++ b/pygitweb/static_tests/conftest.py
@@ -0,0 +1,55 @@
+"""JavaScript module tests. Skipped unless pytest is run with --js-tests."""
+
+from __future__ import annotations
+
+import importlib.util
+import sys
+from collections.abc import Iterator
+from pathlib import Path
+from types import ModuleType
+from typing import Any, cast
+
+import pytest
+
+from pygitweb.static_tests.js_runtime import JsPage, available_engines
+
+
+class _FileModule(pytest.Module):
+ def _getobj(self) -> ModuleType:
+ name = "js_tests_" + self.path.stem.replace("-", "_")
+ spec = importlib.util.spec_from_file_location(name, self.path)
+ if spec is None or spec.loader is None:
+ raise ImportError(f"cannot load {self.path}")
+ module = importlib.util.module_from_spec(spec)
+ sys.modules[name] = module
+ spec.loader.exec_module(module)
+ return module
+
+
+@pytest.hookimpl(hookwrapper=True)
+def pytest_collect_file(file_path: Path, parent: pytest.Collector) -> object:
+ outcome = yield
+ if file_path.suffix != ".py" or not file_path.name.startswith("test_") or "-" not in file_path.name:
+ return
+ # pytest 9 gathers every pytest_collect_file result, so the default collector
+ # would import this hyphenated module a second time.
+ cast(Any, outcome).force_result([_FileModule.from_parent(parent, path=file_path)])
+
+
+def pytest_generate_tests(metafunc: pytest.Metafunc) -> None:
+ if "js" not in metafunc.fixturenames:
+ return
+ engines = available_engines()
+ if engines:
+ metafunc.parametrize("js", engines, indirect=True, ids=engines)
+ else:
+ metafunc.parametrize("js", ["none"], indirect=True)
+
+
+@pytest.fixture
+def js(request: pytest.FixtureRequest) -> Iterator[JsPage]:
+ if request.param == "none":
+ pytest.skip("No JS engine installed. uv sync --group pythonmonkey or uv sync --group stpyv8")
+ page = JsPage(str(request.param))
+ yield page
+ page.close()
diff --git a/pygitweb/static_tests/dom_shim.js b/pygitweb/static_tests/dom_shim.js
new file mode 100644
index 0000000..b5859f1
--- /dev/null
+++ b/pygitweb/static_tests/dom_shim.js
@@ -0,0 +1,1126 @@
+(function () {
+ var Node = {
+ ELEMENT_NODE: 1,
+ TEXT_NODE: 3,
+ DOCUMENT_FRAGMENT_NODE: 11,
+ DOCUMENT_NODE: 9,
+ };
+ var NodeFilter = { SHOW_TEXT: 4 };
+ var VOID_TAGS = { area: 1, base: 1, br: 1, col: 1, embed: 1, hr: 1, img: 1, input: 1, link: 1, meta: 1, source: 1, wbr: 1 };
+
+ function HTMLElement() {}
+ function HTMLSelectElement() {}
+ HTMLSelectElement.prototype = Object.create(HTMLElement.prototype);
+ HTMLSelectElement.prototype.constructor = HTMLSelectElement;
+
+ function decodeEntities(text) {
+ return text
+ .replace(/</g, "<")
+ .replace(/>/g, ">")
+ .replace(/"/g, '"')
+ .replace(/'/g, "'")
+ .replace(/ /g, " ")
+ .replace(/&/g, "&");
+ }
+
+ function encodeText(text) {
+ return String(text).replace(/&/g, "&").replace(//g, ">");
+ }
+
+ function camelData(name) {
+ return name.slice(5).replace(/-([a-z])/g, function (_, c) {
+ return c.toUpperCase();
+ });
+ }
+
+ function dataAttr(key) {
+ return "data-" + String(key).replace(/[A-Z]/g, function (c) {
+ return "-" + c.toLowerCase();
+ });
+ }
+
+ function ClassList(el) {
+ this._el = el;
+ }
+ ClassList.prototype._list = function () {
+ return (this._el.getAttribute("class") || "").split(/\s+/).filter(Boolean);
+ };
+ ClassList.prototype._set = function (list) {
+ this._el._setAttr("class", list.join(" "));
+ };
+ ClassList.prototype.add = function () {
+ var list = this._list();
+ for (var i = 0; i < arguments.length; i++) {
+ if (list.indexOf(arguments[i]) < 0) list.push(arguments[i]);
+ }
+ this._set(list);
+ };
+ ClassList.prototype.remove = function () {
+ var drop = Array.prototype.slice.call(arguments);
+ this._set(this._list().filter(function (name) { return drop.indexOf(name) < 0; }));
+ };
+ ClassList.prototype.contains = function (name) {
+ return this._list().indexOf(name) >= 0;
+ };
+ ClassList.prototype.toggle = function (name, force) {
+ var has = this.contains(name);
+ var on = force === undefined ? !has : !!force;
+ if (on) this.add(name);
+ else this.remove(name);
+ return on;
+ };
+
+ function Style(el) {
+ this._el = el;
+ this._map = {};
+ }
+ Style.prototype._sync = function () {
+ var parts = [];
+ for (var k in this._map) parts.push(k + ": " + this._map[k]);
+ this._el._setAttr("style", parts.join("; "));
+ };
+
+ function makeStyle(el) {
+ var style = new Style(el);
+ return new Proxy(style, {
+ get: function (target, key) {
+ if (key in target || typeof key !== "string") return target[key];
+ return target._map[key] || "";
+ },
+ set: function (target, key, value) {
+ if (typeof key === "string" && key[0] !== "_") {
+ target._map[key] = String(value);
+ target._sync();
+ return true;
+ }
+ target[key] = value;
+ return true;
+ },
+ });
+ }
+
+ function makeDataset(el) {
+ return new Proxy(el, {
+ get: function (_, key) {
+ if (key === "hasOwnProperty") return function () { return Object.prototype.hasOwnProperty.apply(this, arguments); };
+ var value = el.getAttribute(dataAttr(key));
+ return value == null ? undefined : value;
+ },
+ set: function (_, key, value) {
+ el.setAttribute(dataAttr(key), value);
+ return true;
+ },
+ has: function (_, key) {
+ return el.hasAttribute(dataAttr(key));
+ },
+ getOwnPropertyDescriptor: function (_, key) {
+ if (!el.hasAttribute(dataAttr(key))) return undefined;
+ return { configurable: true, enumerable: true, value: el.getAttribute(dataAttr(key)) };
+ },
+ ownKeys: function () {
+ return el._attrNames().filter(function (name) { return name.indexOf("data-") === 0; }).map(camelData);
+ },
+ });
+ }
+
+ function fire(target, event) {
+ var path = [];
+ var node = target;
+ while (node) {
+ path.push(node);
+ node = node.parentNode || node.parentElement;
+ }
+ path.reverse();
+ event.target = target;
+ for (var i = 0; i < path.length; i++) {
+ if (path[i] === target) break;
+ dispatchOn(path[i], event, true);
+ if (event._stopped) return;
+ }
+ dispatchOn(target, event, true);
+ dispatchOn(target, event, false);
+ if (event._stopped || event.bubbles === false) return;
+ for (var j = path.length - 2; j >= 0; j--) {
+ if (event._stopped) return;
+ dispatchOn(path[j], event, false);
+ }
+ }
+
+ function dispatchOn(node, event, capture) {
+ var list = (node.__listeners && node.__listeners[event.type]) || [];
+ event.currentTarget = node;
+ for (var i = 0; i < list.length; i++) {
+ if (!!list[i].capture !== !!capture) continue;
+ list[i].fn.call(node, event);
+ if (event._stopped) return;
+ }
+ }
+
+ function EventInit(type, init) {
+ this.type = type;
+ this.bubbles = !!(init && init.bubbles);
+ this.cancelable = !!(init && init.cancelable);
+ this.defaultPrevented = false;
+ this._stopped = false;
+ if (init) {
+ for (var k in init) this[k] = init[k];
+ }
+ }
+ EventInit.prototype.preventDefault = function () { this.defaultPrevented = true; };
+ EventInit.prototype.stopPropagation = function () { this._stopped = true; };
+ var _eventInit = EventInit;
+ EventInit = function (type, init) {
+ _eventInit.call(this, type, init);
+ if (/^drag|drop/.test(type) && !this.dataTransfer) this.dataTransfer = new DataTransfer();
+ };
+ EventInit.prototype = _eventInit.prototype;
+
+ function DataTransfer() {
+ this._data = {};
+ this.effectAllowed = "all";
+ this.dropEffect = "none";
+ this.types = [];
+ this.files = [];
+ }
+ DataTransfer.prototype.setData = function (type, value) {
+ if (globalThis.__failSetData) throw new Error("setData failed");
+ this._data[type] = String(value);
+ if (this.types.indexOf(type) < 0) this.types.push(type);
+ };
+ DataTransfer.prototype.getData = function (type) {
+ if (globalThis.__failGetData) throw new Error("getData failed");
+ return this._data[type] || "";
+ };
+
+ function baseEvent(type, init) {
+ var event = new EventInit(type, init || { bubbles: true });
+ if (/^drag|drop/.test(type) && !event.dataTransfer) event.dataTransfer = new DataTransfer();
+ return event;
+ }
+
+ function nodeProto(nodeType) {
+ var node = {
+ nodeType: nodeType,
+ parentNode: null,
+ parentElement: null,
+ childNodes: [],
+ __listeners: {},
+ appendChild: function (child) { return insertChild(this, child, null); },
+ insertBefore: function (child, ref) { return insertChild(this, child, ref); },
+ removeChild: function (child) {
+ var idx = this.childNodes.indexOf(child);
+ if (idx >= 0) this.childNodes.splice(idx, 1);
+ child.parentNode = null;
+ child.parentElement = null;
+ return child;
+ },
+ replaceChild: function (next, prev) {
+ var idx = this.childNodes.indexOf(prev);
+ if (next.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+ var kids = next.childNodes.slice();
+ if (idx < 0) return next;
+ this.childNodes.splice(idx, 1);
+ prev.parentNode = null;
+ prev.parentElement = null;
+ var ref = this.childNodes[idx] || null;
+ for (var i = 0; i < kids.length; i++) this.insertBefore(kids[i], ref);
+ return prev;
+ }
+ if (idx < 0) return next;
+ this.childNodes.splice(idx, 1, next);
+ prev.parentNode = null;
+ prev.parentElement = null;
+ next.parentNode = this;
+ next.parentElement = this.nodeType === Node.ELEMENT_NODE ? this : this.parentElement;
+ return prev;
+ },
+ addEventListener: function (type, fn, capture) {
+ var list = this.__listeners[type] || (this.__listeners[type] = []);
+ list.push({ fn: fn, capture: capture === true || (capture && capture.capture) });
+ },
+ removeEventListener: function (type, fn) {
+ var list = this.__listeners[type] || [];
+ this.__listeners[type] = list.filter(function (item) { return item.fn !== fn; });
+ },
+ dispatchEvent: function (event) {
+ fire(this, event);
+ return !event.defaultPrevented;
+ },
+ contains: function (other) {
+ var node = other;
+ while (node) {
+ if (node === this) return true;
+ node = node.parentNode;
+ }
+ return false;
+ },
+ };
+ Object.defineProperty(node, "firstChild", {
+ get: function () { return node.childNodes[0] || null; },
+ });
+ Object.defineProperty(node, "lastChild", {
+ get: function () { return node.childNodes[node.childNodes.length - 1] || null; },
+ });
+ Object.defineProperty(node, "nextSibling", {
+ get: function () {
+ var parent = node.parentNode;
+ if (!parent) return null;
+ var index = parent.childNodes.indexOf(node);
+ return index >= 0 ? parent.childNodes[index + 1] || null : null;
+ },
+ });
+ Object.defineProperty(node, "previousSibling", {
+ get: function () {
+ var parent = node.parentNode;
+ if (!parent) return null;
+ var index = parent.childNodes.indexOf(node);
+ return index > 0 ? parent.childNodes[index - 1] : null;
+ },
+ });
+ return node;
+ }
+
+ function insertChild(parent, child, ref) {
+ if (child.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+ var kids = child.childNodes.slice();
+ for (var i = 0; i < kids.length; i++) insertChild(parent, kids[i], ref);
+ return child;
+ }
+ if (child.parentNode) child.parentNode.removeChild(child);
+ var idx = ref ? parent.childNodes.indexOf(ref) : parent.childNodes.length;
+ if (idx < 0) idx = parent.childNodes.length;
+ parent.childNodes.splice(idx, 0, child);
+ child.parentNode = parent;
+ child.parentElement = parent.nodeType === Node.ELEMENT_NODE ? parent : null;
+ return child;
+ }
+
+ function createText(text) {
+ var node = nodeProto(Node.TEXT_NODE);
+ node.textContent = String(text);
+ Object.defineProperty(node, "length", { get: function () { return node.textContent.length; } });
+ node.cloneNode = function () { return createText(node.textContent); };
+ return node;
+ }
+
+ function createFragment() {
+ var node = nodeProto(Node.DOCUMENT_FRAGMENT_NODE);
+ Object.defineProperty(node, "children", { get: function () { return node.childNodes.filter(function (n) { return n.nodeType === Node.ELEMENT_NODE; }); } });
+ node.querySelector = function (sel) { return queryAll(node, sel)[0] || null; };
+ node.querySelectorAll = function (sel) { return queryAll(node, sel); };
+ node.cloneNode = function (deep) {
+ var frag = createFragment();
+ if (deep) node.childNodes.forEach(function (child) { frag.appendChild(child.cloneNode(true)); });
+ return frag;
+ };
+ node.replaceChildren = function () {
+ node.childNodes.splice(0, node.childNodes.length);
+ for (var i = 0; i < arguments.length; i++) node.appendChild(arguments[i]);
+ };
+ return node;
+ }
+
+ function createElement(tag) {
+ var el = nodeProto(Node.ELEMENT_NODE);
+ el.tagName = String(tag || "div").toUpperCase();
+ el._attrs = {};
+ el.nodeName = el.tagName;
+ el.ownerDocument = null;
+ el.style = makeStyle(el);
+ el.classList = new ClassList(el);
+ el.dataset = makeDataset(el);
+ el.childNodes = el.childNodes;
+ Object.defineProperty(el, "children", { get: function () { return el.childNodes.filter(function (n) { return n.nodeType === Node.ELEMENT_NODE; }); } });
+ Object.defineProperty(el, "id", {
+ get: function () { return el.getAttribute("id") || ""; },
+ set: function (value) { el.setAttribute("id", value); },
+ });
+ Object.defineProperty(el, "className", {
+ get: function () { return el.getAttribute("class") || ""; },
+ set: function (value) { el.setAttribute("class", value); },
+ });
+ Object.defineProperty(el, "textContent", {
+ get: function () { return collectText(el); },
+ set: function (value) {
+ el.childNodes.splice(0, el.childNodes.length);
+ if (value != null && value !== "") el.appendChild(createText(value));
+ },
+ });
+ Object.defineProperty(el, "innerHTML", {
+ get: function () { return serialize(el); },
+ set: function (value) {
+ if (el.tagName === "TEMPLATE") {
+ el.content = createFragment();
+ el.content.ownerDocument = el.ownerDocument;
+ parseHTML(el.content, value || "");
+ } else {
+ el.childNodes.splice(0, el.childNodes.length);
+ parseHTML(el, value || "");
+ }
+ },
+ });
+ Object.defineProperty(el, "value", {
+ get: function () {
+ if (el.tagName === "SELECT") return selectedOption(el).value;
+ return el._value != null ? el._value : (el.getAttribute("value") || "");
+ },
+ set: function (value) {
+ el._value = String(value);
+ if (el.tagName === "SELECT") {
+ el.children.forEach(function (opt, index) {
+ opt.selected = opt.value === el._value || opt.textContent === el._value;
+ if (opt.selected) el._selectedIndex = index;
+ });
+ }
+ },
+ });
+ Object.defineProperty(el, "selectedIndex", {
+ get: function () {
+ var opts = el.children.filter(function (n) { return n.tagName === "OPTION"; });
+ for (var i = 0; i < opts.length; i++) if (opts[i].selected) return i;
+ return opts.length ? 0 : -1;
+ },
+ });
+ Object.defineProperty(el, "options", {
+ get: function () { return el.children.filter(function (n) { return n.tagName === "OPTION"; }); },
+ });
+ Object.defineProperty(el, "parentElement", {
+ get: function () {
+ var parent = el.parentNode;
+ return parent && parent.nodeType === Node.ELEMENT_NODE ? parent : null;
+ },
+ set: function (value) { el.parentNode = value; },
+ });
+ el.checked = false;
+ el.disabled = false;
+ el.selected = false;
+ el.open = false;
+ el.hidden = false;
+ el.draggable = false;
+ el.files = [];
+ el.selectionStart = 0;
+ el.rows = 0;
+ el.placeholder = "";
+ el.type = "";
+ el.width = 0;
+ el.height = 0;
+ el.alt = "";
+ el._setAttr = function (name, value) { el._attrs[name] = String(value); };
+ ["href", "src", "title"].forEach(function (name) {
+ Object.defineProperty(el, name, {
+ configurable: true,
+ get: function () {
+ var value = el.getAttribute(name);
+ return value == null ? "" : value;
+ },
+ set: function (value) { el._setAttr(name, value == null ? "" : value); },
+ });
+ });
+ if (el.tagName === "OPTION") {
+ Object.defineProperty(el, "text", {
+ get: function () { return el.textContent; },
+ set: function (value) { el.textContent = value == null ? "" : String(value); },
+ });
+ }
+ el._attrNames = function () { return Object.keys(el._attrs); };
+ el.getAttribute = function (name) {
+ var key = String(name).toLowerCase();
+ return Object.prototype.hasOwnProperty.call(el._attrs, key) ? el._attrs[key] : null;
+ };
+ el.setAttribute = function (name, value) {
+ var key = String(name).toLowerCase();
+ el._attrs[key] = String(value);
+ if (key === "value" && el._value == null) el._value = String(value);
+ if (key === "type") el.type = String(value);
+ if (key === "draggable") el.draggable = String(value) === "true";
+ if (key === "disabled") el.disabled = true;
+ if (key === "checked") el.checked = true;
+ if (key === "open") el.open = true;
+ if (key === "hidden") el.hidden = true;
+ if (key === "selected") el.selected = true;
+ };
+ el.hasAttribute = function (name) { return el.getAttribute(name) != null; };
+ el.removeAttribute = function (name) { delete el._attrs[String(name).toLowerCase()]; };
+ el.querySelector = function (sel) { return queryAll(el, sel)[0] || null; };
+ el.querySelectorAll = function (sel) { return queryAll(el, sel); };
+ el.closest = function (sel) {
+ var node = el;
+ while (node && node.nodeType === Node.ELEMENT_NODE) {
+ if (elementMatches(node, sel)) return node;
+ node = node.parentElement;
+ }
+ return null;
+ };
+ el.matches = function (sel) { return elementMatches(el, sel); };
+ el.remove = function () { if (el.parentNode) el.parentNode.removeChild(el); };
+ el.replaceChildren = function () {
+ while (el.childNodes.length) el.removeChild(el.childNodes[0]);
+ for (var i = 0; i < arguments.length; i++) el.appendChild(arguments[i]);
+ };
+ el.cloneNode = function (deep) {
+ var copy = createElement(el.tagName);
+ copy.ownerDocument = el.ownerDocument;
+ el._attrNames().forEach(function (name) { copy.setAttribute(name, el.getAttribute(name)); });
+ copy._value = el._value;
+ copy.checked = el.checked;
+ copy.selected = el.selected;
+ copy.disabled = el.disabled;
+ copy.open = el.open;
+ copy.hidden = el.hidden;
+ copy.draggable = el.draggable;
+ copy.type = el.type;
+ if (el.tagName === "TEMPLATE") {
+ copy.content = el.content.cloneNode(!!deep);
+ } else if (deep) {
+ el.childNodes.forEach(function (child) { copy.appendChild(child.cloneNode(true)); });
+ }
+ return copy;
+ };
+ el.click = function () { el.dispatchEvent(baseEvent("click", { bubbles: true })); };
+ el.focus = function () {
+ if (el.ownerDocument) el.ownerDocument.activeElement = el;
+ el.dispatchEvent(baseEvent("focus", { bubbles: false }));
+ };
+ el.blur = function () { el.dispatchEvent(baseEvent("blur", { bubbles: false })); };
+ el.select = function () { el.selectionStart = 0; };
+ el.setSelectionRange = function (start) { el.selectionStart = start; };
+ el.getBoundingClientRect = function () {
+ var top = el._rectTop != null ? el._rectTop : 20;
+ return { x: 0, y: top, left: 10, top: top, right: 210, bottom: top + 40, width: 200, height: 40 };
+ };
+ el.scrollIntoView = function () { globalThis.__lastScrolled = el; };
+ if (el.tagName === "TEMPLATE") el.content = createFragment();
+ if (el.tagName === "SELECT") Object.setPrototypeOf(el, HTMLSelectElement.prototype);
+ return el;
+ }
+
+ function selectedOption(el) {
+ var opts = el.options;
+ function optionValue(opt) {
+ if (opt._value != null) return String(opt._value);
+ var attr = opt.getAttribute("value");
+ return attr != null ? attr : opt.textContent;
+ }
+ for (var i = 0; i < opts.length; i++) if (opts[i].selected) return { value: optionValue(opts[i]), index: i };
+ if (opts.length) return { value: optionValue(opts[0]), index: 0 };
+ return { value: "", index: -1 };
+ }
+
+ function collectText(node) {
+ if (node.nodeType === Node.TEXT_NODE) return node.textContent;
+ return node.childNodes.map(collectText).join("");
+ }
+
+ function serialize(node) {
+ return node.childNodes.map(function (child) {
+ if (child.nodeType === Node.TEXT_NODE) return encodeText(child.textContent);
+ var attrs = child._attrNames().map(function (name) {
+ return " " + name + '="' + encodeText(child.getAttribute(name)) + '"';
+ }).join("");
+ if (VOID_TAGS[child.tagName.toLowerCase()]) return "<" + child.tagName.toLowerCase() + attrs + ">";
+ return "<" + child.tagName.toLowerCase() + attrs + ">" + serialize(child) + "";
+ }).join("");
+ }
+
+ function parseHTML(parent, html) {
+ var i = 0;
+ function parse(stop) {
+ while (i < html.length) {
+ if (html.charAt(i) !== "<") {
+ var next = html.indexOf("<", i);
+ if (next < 0) next = html.length;
+ var text = decodeEntities(html.slice(i, next));
+ if (text) parentAppend(parent, createText(text));
+ i = next;
+ continue;
+ }
+ if (html.slice(i, i + 4) === "", i) + 3;
+ continue;
+ }
+ if (html.slice(i, i + 2) === "", i);
+ var closeName = html.slice(i + 2, closeEnd).trim().toLowerCase();
+ i = closeEnd + 1;
+ if (!stop || closeName === stop) return;
+ continue;
+ }
+ var tagEnd = html.indexOf(">", i);
+ var raw = html.slice(i + 1, tagEnd).trim();
+ i = tagEnd + 1;
+ var selfClose = /\/$/.test(raw);
+ if (selfClose) raw = raw.slice(0, -1).trim();
+ var bits = raw.match(/[^\s"'=]+(?:=(?:"[^"]*"|'[^']*'|[^\s"']+))?/g) || [];
+ var tag = bits.shift().toLowerCase();
+ var el = createElement(tag);
+ el.ownerDocument = parent.ownerDocument || parent;
+ bits.forEach(function (bit) { applyAttr(el, bit); });
+ parentAppend(parent, el);
+ if (!selfClose && !VOID_TAGS[tag]) {
+ var saved = parent;
+ parent = tag === "template" ? el.content : el;
+ if (tag === "template") el.content.ownerDocument = el.ownerDocument;
+ parse(tag);
+ parent = saved;
+ }
+ }
+ }
+ parse(null);
+ }
+
+ function parentAppend(parent, child) {
+ parent.appendChild(child);
+ }
+
+ function applyAttr(el, bit) {
+ var eq = bit.indexOf("=");
+ if (eq < 0) {
+ el.setAttribute(bit, "");
+ return;
+ }
+ var name = bit.slice(0, eq);
+ var value = bit.slice(eq + 1);
+ if ((value.charAt(0) === '"' && value.charAt(value.length - 1) === '"') || (value.charAt(0) === "'" && value.charAt(value.length - 1) === "'")) {
+ value = value.slice(1, -1);
+ }
+ el.setAttribute(name, decodeEntities(value));
+ }
+
+ function splitCommas(selector) {
+ var parts = [];
+ var buf = "";
+ var depth = 0;
+ for (var i = 0; i < selector.length; i++) {
+ var c = selector.charAt(i);
+ if (c === "[") depth++;
+ else if (c === "]") depth--;
+ else if (c === "," && depth === 0) {
+ parts.push(buf);
+ buf = "";
+ continue;
+ }
+ buf += c;
+ }
+ if (buf.trim()) parts.push(buf);
+ return parts;
+ }
+
+ function tokenize(selector) {
+ var raw = [];
+ var buf = "";
+ var depth = 0;
+ for (var i = 0; i < selector.length; i++) {
+ var c = selector.charAt(i);
+ if (c === "[") depth++;
+ else if (c === "]") depth--;
+ if (depth === 0 && (c === " " || c === ">")) {
+ if (buf.trim()) raw.push(buf.trim());
+ buf = "";
+ if (c === ">") raw.push(">");
+ continue;
+ }
+ buf += c;
+ }
+ if (buf.trim()) raw.push(buf.trim());
+ var steps = [];
+ var rel = "desc";
+ raw.forEach(function (part) {
+ if (part === ">") {
+ rel = ">";
+ return;
+ }
+ steps.push({ rel: rel, compound: part });
+ rel = "desc";
+ });
+ return steps;
+ }
+
+ function matchesCompound(el, compound) {
+ if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
+ var rest = compound.trim();
+ var tag = rest.match(/^[A-Za-z*][A-Za-z0-9-]*/);
+ if (tag) {
+ if (tag[0] !== "*" && el.tagName.toLowerCase() !== tag[0].toLowerCase()) return false;
+ rest = rest.slice(tag[0].length);
+ }
+ if (rest.indexOf(":last-child") >= 0 || rest.indexOf(":first-child") >= 0) {
+ var elementSiblings = ((el.parentNode && el.parentNode.childNodes) || []).filter(function (child) {
+ return child.nodeType === Node.ELEMENT_NODE;
+ });
+ if (rest.indexOf(":last-child") >= 0 && elementSiblings[elementSiblings.length - 1] !== el) return false;
+ if (rest.indexOf(":first-child") >= 0 && elementSiblings[0] !== el) return false;
+ rest = rest.replace(/:(?:last|first)-child/g, "");
+ }
+ var parts = rest.match(/(\.[A-Za-z0-9_-]+|#[A-Za-z0-9_-]+|\[[^\]]+\])/g) || [];
+ if (!tag && rest.replace(/(\.[A-Za-z0-9_-]+|#[A-Za-z0-9_-]+|\[[^\]]+\])/g, "")) return false;
+ for (var i = 0; i < parts.length; i++) {
+ var part = parts[i];
+ if (part.charAt(0) === ".") {
+ if (!el.classList.contains(part.slice(1))) return false;
+ } else if (part.charAt(0) === "#") {
+ if (el.id !== part.slice(1)) return false;
+ } else {
+ var inner = part.slice(1, -1);
+ function unquote(value) {
+ if ((value.charAt(0) === '"' && value.charAt(value.length - 1) === '"') || (value.charAt(0) === "'" && value.charAt(value.length - 1) === "'")) {
+ return value.slice(1, -1);
+ }
+ return value;
+ }
+ var star = inner.indexOf("*=");
+ var caret = inner.indexOf("^=");
+ var dollar = inner.indexOf("$=");
+ var eq = inner.indexOf("=");
+ if (star >= 0 || caret >= 0 || dollar >= 0) {
+ var at = star >= 0 ? star : caret >= 0 ? caret : dollar;
+ var kind = inner.charAt(at);
+ var actual = el.getAttribute(inner.slice(0, at).trim()) || "";
+ var expected = unquote(inner.slice(at + 2).trim());
+ if (kind === "*" && actual.indexOf(expected) < 0) return false;
+ if (kind === "^" && actual.indexOf(expected) !== 0) return false;
+ if (kind === "$" && (expected === "" || actual.slice(-expected.length) !== expected)) return false;
+ } else if (eq < 0) {
+ if (!el.hasAttribute(inner.trim())) return false;
+ } else if (el.getAttribute(inner.slice(0, eq).trim()) !== unquote(inner.slice(eq + 1).trim())) {
+ return false;
+ }
+ }
+ }
+ return true;
+ }
+
+ function elementMatches(el, selector) {
+ return splitCommas(selector).some(function (alt) {
+ var steps = tokenize(alt);
+ if (!steps.length || !matchesCompound(el, steps[steps.length - 1].compound)) return false;
+ var node = el;
+ for (var i = steps.length - 2; i >= 0; i--) {
+ var rel = steps[i + 1].rel;
+ if (rel === ">") {
+ node = node.parentElement;
+ if (!node || !matchesCompound(node, steps[i].compound)) return false;
+ } else {
+ node = node.parentElement;
+ var found = false;
+ while (node) {
+ if (matchesCompound(node, steps[i].compound)) { found = true; break; }
+ node = node.parentElement;
+ }
+ if (!found) return false;
+ }
+ }
+ return true;
+ });
+ }
+
+ function descendants(scope) {
+ var out = [];
+ function walk(node) {
+ var kids = node.tagName === "TEMPLATE" ? [] : (node.children || node.childNodes || []);
+ for (var i = 0; i < kids.length; i++) {
+ if (kids[i].nodeType && kids[i].nodeType !== Node.ELEMENT_NODE) continue;
+ out.push(kids[i]);
+ walk(kids[i]);
+ }
+ }
+ if (scope.nodeType === Node.DOCUMENT_NODE) {
+ if (scope.documentElement) {
+ out.push(scope.documentElement);
+ walk(scope.documentElement);
+ }
+ return out;
+ }
+ walk(scope);
+ return out;
+ }
+
+ function queryAll(scope, selector) {
+ var found = [];
+ splitCommas(selector).forEach(function (alt) {
+ var steps = tokenize(alt);
+ if (!steps.length) return;
+ var nodes = descendants(scope).filter(function (el) { return matchesCompound(el, steps[0].compound); });
+ for (var s = 1; s < steps.length; s++) {
+ var next = [];
+ nodes.forEach(function (el) {
+ var pool = steps[s].rel === ">" ? el.children : descendants(el);
+ pool.forEach(function (child) {
+ if (matchesCompound(child, steps[s].compound)) next.push(child);
+ });
+ });
+ nodes = next;
+ }
+ nodes.forEach(function (el) {
+ if (found.indexOf(el) < 0) found.push(el);
+ });
+ });
+ return found;
+ }
+
+ function createDocument() {
+ var doc = nodeProto(Node.DOCUMENT_NODE);
+ doc.nodeType = Node.DOCUMENT_NODE;
+ doc.readyState = "complete";
+ doc.activeElement = null;
+ doc.documentElement = createElement("html");
+ doc.head = createElement("head");
+ doc.body = createElement("body");
+ doc.documentElement.ownerDocument = doc;
+ doc.head.ownerDocument = doc;
+ doc.body.ownerDocument = doc;
+ doc.documentElement.appendChild(doc.head);
+ doc.documentElement.appendChild(doc.body);
+ doc.documentElement.parentNode = doc;
+ doc.createElement = function (tag) {
+ var el = createElement(tag);
+ el.ownerDocument = doc;
+ if (el.content) el.content.ownerDocument = doc;
+ return el;
+ };
+ doc.createTextNode = createText;
+ doc.createDocumentFragment = createFragment;
+ doc.createTreeWalker = function (root, what) {
+ var nodes = [];
+ function walk(node) {
+ node.childNodes.forEach(function (child) {
+ if (child.nodeType === Node.TEXT_NODE && (what & NodeFilter.SHOW_TEXT)) nodes.push(child);
+ if (child.nodeType === Node.ELEMENT_NODE) walk(child);
+ });
+ }
+ walk(root);
+ var index = 0;
+ return { nextNode: function () { return index < nodes.length ? nodes[index++] : null; }, currentNode: null };
+ };
+ doc.createRange = function () {
+ var range = { _start: null, _end: null, _so: 0, _eo: 0 };
+ range.setStart = function (node, off) { range._start = node; range._so = off; };
+ range.setEnd = function (node, off) { range._end = node; range._eo = off; };
+ range.surroundContents = function (span) {
+ if (!range._start || range._start !== range._end || range._start.nodeType !== Node.TEXT_NODE) {
+ throw new Error("InvalidStateError");
+ }
+ var text = range._start.textContent;
+ var before = text.slice(0, range._so);
+ var mid = text.slice(range._so, range._eo);
+ var after = text.slice(range._eo);
+ var parent = range._start.parentNode;
+ var midNode = createText(mid);
+ span.appendChild(midNode);
+ if (before) parent.insertBefore(createText(before), range._start);
+ parent.insertBefore(span, range._start);
+ if (after) parent.insertBefore(createText(after), range._start);
+ parent.removeChild(range._start);
+ };
+ return range;
+ };
+ doc.getElementById = function (id) {
+ var all = descendants(doc);
+ for (var i = 0; i < all.length; i++) if (all[i].id === id) return all[i];
+ return null;
+ };
+ doc.querySelector = function (sel) { return queryAll(doc, sel)[0] || null; };
+ doc.querySelectorAll = function (sel) { return queryAll(doc, sel); };
+ return doc;
+ }
+
+ function AbortSignal() {
+ this.aborted = false;
+ this.__listeners = {};
+ this.addEventListener = function (type, fn) {
+ (this.__listeners[type] || (this.__listeners[type] = [])).push({ fn: fn, capture: false });
+ };
+ }
+ function AbortController() {
+ this.signal = new AbortSignal();
+ }
+ AbortController.prototype.abort = function () {
+ if (this.signal.aborted) return;
+ this.signal.aborted = true;
+ fire(this.signal, baseEvent("abort", { bubbles: false }));
+ (globalThis.__pending || []).slice().forEach(function (item) {
+ if (item.signal === this.signal) item.reject(abortError());
+ }, this);
+ };
+ function abortError() {
+ var err = new Error("The operation was aborted");
+ err.name = "AbortError";
+ return err;
+ }
+
+ function responseOf(spec) {
+ var body = spec.text != null ? spec.text : (spec.json != null ? JSON.stringify(spec.json) : "");
+ return {
+ ok: spec.status >= 200 && spec.status < 300,
+ status: spec.status,
+ statusText: spec.statusText || "",
+ json: function () {
+ if (spec.jsonError) return Promise.reject(new Error("invalid json"));
+ return Promise.resolve(spec.json != null ? spec.json : JSON.parse(body || "null"));
+ },
+ text: function () { return Promise.resolve(body); },
+ };
+ }
+
+ function matchRoute(url) {
+ var routes = globalThis.__routes || [];
+ var found = null;
+ for (var i = 0; i < routes.length; i++) {
+ if (url.indexOf(routes[i].url) >= 0) found = routes[i];
+ }
+ return found;
+ }
+
+ var document = createDocument();
+ var location = {
+ href: "http://127.0.0.1/",
+ origin: "http://127.0.0.1",
+ pathname: "/",
+ search: "",
+ hash: "",
+ assign: function (url) { globalThis.__assigned = String(url); setLocation(url); },
+ reload: function () { globalThis.__reloaded = true; },
+ };
+ Object.defineProperty(location, "hash", {
+ get: function () { return location._hash || ""; },
+ set: function (value) {
+ var next = String(value || "");
+ if (next && next.charAt(0) !== "#") next = "#" + next;
+ location._hash = next;
+ location.href = location.origin + location.pathname + location.search + next;
+ },
+ });
+ function setLocation(url) {
+ var abs = String(url);
+ if (abs.charAt(0) === "/") abs = "http://127.0.0.1" + abs;
+ if (abs.charAt(0) === "#") abs = location.origin + location.pathname + location.search + abs;
+ var hash = "";
+ var hashAt = abs.indexOf("#");
+ if (hashAt >= 0) { hash = abs.slice(hashAt); abs = abs.slice(0, hashAt); }
+ var q = abs.indexOf("?");
+ var path = q >= 0 ? abs.slice(0, q) : abs;
+ var search = q >= 0 ? abs.slice(q) : "";
+ var origin = "http://127.0.0.1";
+ var proto = path.indexOf("://");
+ if (proto >= 0) {
+ var slash = path.indexOf("/", proto + 3);
+ origin = slash >= 0 ? path.slice(0, slash) : path;
+ path = slash >= 0 ? path.slice(slash) : "/";
+ }
+ location.href = origin + path + search + hash;
+ location.origin = origin;
+ location.pathname = path || "/";
+ location.search = search;
+ location.hash = hash;
+ }
+
+ globalThis.Node = Node;
+ globalThis.NodeFilter = NodeFilter;
+ globalThis.HTMLElement = HTMLElement;
+ globalThis.HTMLSelectElement = HTMLSelectElement;
+ globalThis.Event = EventInit;
+ globalThis.DataTransfer = DataTransfer;
+ globalThis.AbortController = AbortController;
+ globalThis.document = document;
+ globalThis.window = globalThis;
+ globalThis.__listeners = {};
+ globalThis.addEventListener = function (type, fn, capture) {
+ var list = globalThis.__listeners[type] || (globalThis.__listeners[type] = []);
+ list.push({ fn: fn, capture: capture === true || (capture && capture.capture) });
+ };
+ globalThis.removeEventListener = function (type, fn) {
+ var list = globalThis.__listeners[type] || [];
+ globalThis.__listeners[type] = list.filter(function (item) { return item.fn !== fn; });
+ };
+ globalThis.dispatchEvent = function (event) {
+ fire(globalThis, event);
+ return !event.defaultPrevented;
+ };
+ globalThis.location = location;
+ globalThis.history = { replaceState: function (_s, _t, url) { if (url != null) setLocation(url); } };
+ globalThis.navigator = { clipboard: { writeText: function (text) { globalThis.__copied = text; return Promise.resolve(); } } };
+ globalThis.scrollX = 0;
+ globalThis.scrollY = 0;
+ globalThis.__alerts = [];
+ globalThis.__confirms = [];
+ globalThis.__confirmYes = true;
+ globalThis.__routes = [];
+ globalThis.__pending = [];
+ globalThis.__timers = [];
+ globalThis.__raf = [];
+ globalThis.__loaded = {};
+ globalThis.__moduleCache = {};
+ globalThis.__factories = {};
+ globalThis.__preloaded = [];
+ globalThis.__requests = [];
+ globalThis.alert = function (msg) { globalThis.__alerts.push(String(msg)); };
+ globalThis.confirm = function (msg) { globalThis.__confirms.push(String(msg)); return !!globalThis.__confirmYes; };
+ globalThis.Image = function () {
+ this.src = "";
+ var img = this;
+ Object.defineProperty(this, "src", {
+ set: function (value) { img._src = String(value); globalThis.__preloaded.push(img._src); },
+ get: function () { return img._src || ""; },
+ });
+ };
+ globalThis.setTimeout = function (fn) {
+ var id = globalThis.__timers.length + 1;
+ globalThis.__timers.push({ id: id, fn: fn });
+ return id;
+ };
+ globalThis.clearTimeout = function (id) {
+ globalThis.__timers = globalThis.__timers.filter(function (item) { return item.id !== id; });
+ };
+ globalThis.requestAnimationFrame = function (fn) {
+ globalThis.__raf.push(fn);
+ return globalThis.__raf.length;
+ };
+ globalThis.fetch = function (url, opts) {
+ opts = opts || {};
+ globalThis.__requests.push({
+ url: String(url),
+ method: (opts && opts.method) || "GET",
+ body: opts && opts.body != null ? String(opts.body) : null,
+ });
+ if (opts.signal && opts.signal.aborted) return Promise.reject(abortError());
+ var spec = matchRoute(String(url));
+ if (spec && spec.reject) return Promise.reject(new Error(String(spec.reject)));
+ if (!spec || spec.hang) {
+ return new Promise(function (resolve, reject) {
+ var item = { url: String(url), resolve: resolve, reject: reject, signal: opts.signal };
+ globalThis.__pending.push(item);
+ if (opts.signal) {
+ opts.signal.addEventListener("abort", function () { reject(abortError()); });
+ }
+ });
+ }
+ return Promise.resolve(responseOf(spec));
+ };
+ globalThis.__setHtml = function (html) {
+ document.body.innerHTML = html;
+ };
+ globalThis.__setLocation = setLocation;
+ globalThis.__tick = function () {
+ var guard = 0;
+ while ((globalThis.__timers.length || globalThis.__raf.length) && guard++ < 1000) {
+ var timers = globalThis.__timers.splice(0, globalThis.__timers.length);
+ var raf = globalThis.__raf.splice(0, globalThis.__raf.length);
+ timers.forEach(function (item) { item.fn(); });
+ raf.forEach(function (fn) { fn(); });
+ }
+ };
+ globalThis.__fulfill = function (urlPart, spec) {
+ var rest = [];
+ globalThis.__pending.forEach(function (item) {
+ if (item.url.indexOf(urlPart) >= 0) item.resolve(responseOf(spec));
+ else rest.push(item);
+ });
+ globalThis.__pending = rest;
+ };
+ globalThis.__register = function (name, factory) { globalThis.__factories[name] = factory; };
+ globalThis.__require = function (fromFile, spec) {
+ var base = fromFile.split("/");
+ base.pop();
+ spec.split("/").forEach(function (part) {
+ if (part === "." || part === "") return;
+ base.push(part);
+ });
+ var name = base.join("/");
+ if (globalThis.__moduleCache[name]) return globalThis.__moduleCache[name];
+ var factory = globalThis.__factories[name];
+ if (!factory) throw new Error("Unknown module " + name);
+ var exports = {};
+ globalThis.__moduleCache[name] = exports;
+ factory(function (next) { return globalThis.__require(name, next); }, exports);
+ globalThis.__loaded[name] = exports;
+ return exports;
+ };
+ globalThis.__load = function (name) {
+ return globalThis.__require("", "./" + name);
+ };
+ globalThis.__reset = function () {
+ globalThis.__moduleCache = {};
+ globalThis.__loaded = {};
+ globalThis.__routes = [];
+ globalThis.__pending = [];
+ globalThis.__timers = [];
+ globalThis.__raf = [];
+ globalThis.__alerts = [];
+ globalThis.__confirms = [];
+ globalThis.__confirmYes = true;
+ globalThis.__reloaded = false;
+ globalThis.__assigned = null;
+ globalThis.__copied = null;
+ globalThis.__lastScrolled = null;
+ globalThis.__preloaded = [];
+ globalThis.__requests = [];
+ globalThis.__listeners = {};
+ delete globalThis.hljs;
+ delete globalThis.Diff2HtmlUI;
+ globalThis.__failSetData = false;
+ globalThis.__failGetData = false;
+ globalThis.atob = globalThis.__builtinAtob;
+ globalThis.TextDecoder = globalThis.__builtinTextDecoder;
+ globalThis.scrollX = 0;
+ globalThis.scrollY = 0;
+ document = createDocument();
+ globalThis.document = document;
+ document.__listeners = {};
+ setLocation("http://127.0.0.1/");
+ if (typeof showdown !== "undefined") globalThis.showdown = showdown;
+ };
+
+ if (typeof atob === "undefined") {
+ globalThis.atob = function (value) {
+ var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+ var str = String(value).replace(/=+$/, "");
+ var out = "";
+ var buffer = 0;
+ var bits = 0;
+ for (var i = 0; i < str.length; i++) {
+ var idx = chars.indexOf(str.charAt(i));
+ if (idx < 0) throw new Error("Invalid character");
+ buffer = (buffer << 6) | idx;
+ bits += 6;
+ if (bits >= 8) {
+ bits -= 8;
+ out += String.fromCharCode((buffer >> bits) & 255);
+ }
+ }
+ return out;
+ };
+ }
+ (function () {
+ var nativeAtob = globalThis.atob;
+ globalThis.atob = function (value) {
+ var str = String(value).replace(/[\t\n\f\r ]/g, "");
+ if (/[^A-Za-z0-9+/=]/.test(str)) throw new Error("Invalid character");
+ return nativeAtob(str);
+ };
+ })();
+ if (typeof TextDecoder !== "function") {
+ function Utf8Decoder() {}
+ Utf8Decoder.prototype.decode = function (bytes) {
+ var out = "";
+ var i = 0;
+ var list = bytes || [];
+ while (i < list.length) {
+ var c = list[i++];
+ if (c < 128) {
+ out += String.fromCharCode(c);
+ } else if (c < 224) {
+ out += String.fromCharCode(((c & 31) << 6) | (list[i++] & 63));
+ } else if (c < 240) {
+ out += String.fromCharCode(((c & 15) << 12) | ((list[i++] & 63) << 6) | (list[i++] & 63));
+ } else {
+ var point = ((c & 7) << 18) | ((list[i++] & 63) << 12) | ((list[i++] & 63) << 6) | (list[i++] & 63);
+ point -= 65536;
+ out += String.fromCharCode(55296 + (point >> 10), 56320 + (point & 1023));
+ }
+ }
+ return out;
+ };
+ globalThis.TextDecoder = Utf8Decoder;
+ }
+ globalThis.__builtinAtob = globalThis.atob;
+ globalThis.__builtinTextDecoder = globalThis.TextDecoder;
+})();
diff --git a/pygitweb/static_tests/js_runtime.py b/pygitweb/static_tests/js_runtime.py
new file mode 100644
index 0000000..02780ce
--- /dev/null
+++ b/pygitweb/static_tests/js_runtime.py
@@ -0,0 +1,342 @@
+"""Load pygitweb browser scripts in an embedded JavaScript engine."""
+
+from __future__ import annotations
+
+import json
+import re
+from pathlib import Path
+from typing import Any, Protocol
+
+_STATIC = Path(__file__).resolve().parents[1] / "static"
+_SHIM = Path(__file__).resolve().parent / "dom_shim.js"
+_SHOWDOWN = _STATIC / "vendor" / "showdown-2.1.0.min.js"
+_IMPORT_RE = re.compile(
+ r"""import\s+\{([^}]*)\}\s*from\s*["']([^"']+)["']\s*;?""",
+ re.S,
+)
+_EXPORT_FN_RE = re.compile(r"^([ \t]*)export\s+function\s+(\w+)", re.M)
+
+
+class JsError(RuntimeError):
+ pass
+
+
+class Engine(Protocol):
+ def eval(self, source: str) -> Any: ...
+
+ def close(self) -> None: ...
+
+
+def _import_bindings(block: str) -> str:
+ parts: list[str] = []
+ for raw in block.split(","):
+ item = raw.strip()
+ if not item:
+ continue
+ if " as " in item:
+ src, dst = item.split(" as ", 1)
+ parts.append(f"{src.strip()}: {dst.strip()}")
+ else:
+ parts.append(item)
+ return "{ " + ", ".join(parts) + " }"
+
+
+def _with_global_this(source: str) -> str:
+ # Showdown's UMD prefers module.exports when an embedder defines module.
+ return (
+ "(function(){\n"
+ "var module = undefined;\n"
+ "var exports = undefined;\n"
+ "var define = undefined;\n" + source + "\n}).call(globalThis)"
+ )
+
+
+def transform_module(source: str) -> str:
+ exports: list[str] = []
+
+ def replace_import(match: re.Match[str]) -> str:
+ names = _import_bindings(match.group(1))
+ spec = json.dumps(match.group(2))
+ if names == "{ }":
+ return f"__require({spec});"
+ return f"const {names} = __require({spec});"
+
+ transformed = _IMPORT_RE.sub(replace_import, source)
+
+ def replace_export(match: re.Match[str]) -> str:
+ exports.append(match.group(2))
+ return f"{match.group(1)}function {match.group(2)}"
+
+ transformed = _EXPORT_FN_RE.sub(replace_export, transformed)
+ if re.search(r"^\s*export\s+", transformed, re.M):
+ raise JsError("unsupported export syntax")
+ tail = "\n".join(f"__exports.{name} = {name};" for name in exports)
+ return transformed + ("\n" + tail if tail else "")
+
+
+def available_engines() -> list[str]:
+ found: list[str] = []
+ try:
+ import STPyV8 # type: ignore[import-not-found] # noqa: F401
+ except ImportError:
+ pass
+ else:
+ found.append("stpyv8")
+ try:
+ import pythonmonkey # type: ignore[import-not-found] # noqa: F401
+ except ImportError:
+ pass
+ else:
+ found.append("pythonmonkey")
+ return found
+
+
+class _PythonMonkeyEngine:
+ def __init__(self) -> None:
+ import asyncio
+
+ import pythonmonkey # type: ignore[import-not-found]
+
+ self._pm = pythonmonkey
+ self._loop = asyncio.new_event_loop()
+ asyncio.set_event_loop(self._loop)
+ self.eval(_SHIM.read_text(encoding="utf-8"))
+ self.eval(_with_global_this(_SHOWDOWN.read_text(encoding="utf-8")))
+ self._register_modules()
+
+ async def _eval_on_loop(self, source: str) -> Any:
+ import asyncio
+
+ try:
+ value = self._pm.eval(source)
+ except Exception as exc:
+ raise JsError(str(exc)) from exc
+ for _ in range(50):
+ await asyncio.sleep(0)
+ return value
+
+ def eval(self, source: str) -> Any:
+ return self._loop.run_until_complete(self._eval_on_loop(source))
+
+ def flush(self) -> None:
+ return None
+
+ def _register_modules(self) -> None:
+ for path in sorted(_STATIC.glob("*.js")):
+ transformed = transform_module(path.read_text(encoding="utf-8"))
+ self.eval(
+ "__register(" + json.dumps(path.name) + ", function(__require, __exports) {\n" + transformed + "\n});"
+ )
+
+ def close(self) -> None:
+ return None
+
+
+class _StPyV8Engine:
+ def __init__(self) -> None:
+ import STPyV8 # type: ignore[import-not-found]
+
+ self._STPyV8 = STPyV8
+ self._ctx = STPyV8.JSContext()
+ self._ctx.enter()
+ self.eval(_SHIM.read_text(encoding="utf-8"))
+ self.eval(_with_global_this(_SHOWDOWN.read_text(encoding="utf-8")))
+ self._register_modules()
+
+ def eval(self, source: str) -> Any:
+ try:
+ value = self._ctx.eval(source)
+ except Exception as exc:
+ raise JsError(str(exc)) from exc
+ if value is None:
+ return None
+ if isinstance(value, str | int | float | bool):
+ return value
+ text = str(value)
+ return text
+
+ def _register_modules(self) -> None:
+ for path in sorted(_STATIC.glob("*.js")):
+ transformed = transform_module(path.read_text(encoding="utf-8"))
+ self.eval(
+ "__register(" + json.dumps(path.name) + ", function(__require, __exports) {\n" + transformed + "\n});"
+ )
+
+ def close(self) -> None:
+ self._ctx.leave()
+
+
+_ENGINES: dict[str, Engine] = {}
+
+
+def _engine(name: str) -> Engine:
+ cached = _ENGINES.get(name)
+ if cached is not None:
+ return cached
+ if name == "pythonmonkey":
+ engine: Engine = _PythonMonkeyEngine()
+ elif name == "stpyv8":
+ engine = _StPyV8Engine()
+ else:
+ raise JsError(f"unknown JS engine {name}")
+ _ENGINES[name] = engine
+ return engine
+
+
+class JsPage:
+ def __init__(self, engine_name: str) -> None:
+ self.engine_name = engine_name
+ self._engine = _engine(engine_name)
+ self._engine.eval("__reset()")
+ self._engine.eval(_with_global_this(_SHOWDOWN.read_text(encoding="utf-8")))
+
+ def close(self) -> None:
+ return None
+
+ def run(self, source: str) -> None:
+ self._engine.eval(source)
+ self._drain()
+
+ def _drain(self) -> None:
+ if getattr(self._engine, "flush", None) is not None:
+ return
+ self._engine.eval("(function(){var n=0;function hop(){if(++n>40)return;Promise.resolve().then(hop);}hop();})()")
+
+ def value(self, expression: str) -> Any:
+ raw = self._engine.eval(
+ "(function(){ var __v = (" + expression + "); return __v === undefined ? 'null' : JSON.stringify(__v); })()"
+ )
+ if raw is None:
+ return None
+ return json.loads(str(raw))
+
+ def settle(self, expression: str) -> Any:
+ self.run(
+ "globalThis.__settled = null; Promise.resolve("
+ + expression
+ + ").then(function(v){ globalThis.__settled = v === undefined ? null : v; },"
+ + " function(e){ globalThis.__settled = {__error: String(e && e.message || e)}; });"
+ )
+ return self.value("globalThis.__settled")
+
+ def set_html(self, html: str) -> None:
+ self.run("__setHtml(" + json.dumps(html) + ")")
+
+ def set_location(self, href: str) -> None:
+ self.run("__setLocation(" + json.dumps(href) + ")")
+
+ def load(self, name: str) -> None:
+ self.run("__load(" + json.dumps(name) + ")")
+
+ def call(self, module: str, fn: str, *args: object) -> Any:
+ joined = ", ".join(json.dumps(arg) for arg in args)
+ return self.value(f"__loaded[{json.dumps(module)}][{json.dumps(fn)}]({joined})")
+
+ def route(
+ self,
+ url: str,
+ *,
+ status: int = 200,
+ body: object | None = None,
+ text: str | None = None,
+ hang: bool = False,
+ json_error: bool = False,
+ status_text: str = "",
+ error: str | None = None,
+ ) -> None:
+ spec: dict[str, object] = {
+ "url": url,
+ "status": status,
+ "hang": hang,
+ "jsonError": json_error,
+ "statusText": status_text,
+ }
+ if error is not None:
+ spec["reject"] = error
+ if text is not None:
+ spec["text"] = text
+ elif body is not None:
+ spec["json"] = body
+ self.run("__routes.push(" + json.dumps(spec) + ")")
+
+ def fulfill(self, url: str, *, status: int = 200, body: object | None = None, text: str | None = None) -> None:
+ spec: dict[str, object] = {"status": status}
+ if text is not None:
+ spec["text"] = text
+ elif body is not None:
+ spec["json"] = body
+ self.run("__fulfill(" + json.dumps(url) + ", " + json.dumps(spec) + ")")
+
+ def tick(self) -> None:
+ self.run("__tick()")
+
+ def text(self, selector: str) -> str:
+ found = self.value("document.querySelector(" + json.dumps(selector) + ").textContent")
+ return "" if found is None else str(found)
+
+ def texts(self, selector: str) -> list[str]:
+ found = self.value(
+ "Array.from(document.querySelectorAll("
+ + json.dumps(selector)
+ + ")).map(function(el){return el.textContent;})"
+ )
+ return [str(item) for item in found or []]
+
+ def attr(self, selector: str, name: str) -> str | None:
+ value = self.value(
+ "(document.querySelector(" + json.dumps(selector) + ")||{}).getAttribute(" + json.dumps(name) + ")"
+ )
+ return None if value is None else str(value)
+
+ def attrs(self, selector: str, name: str) -> list[str | None]:
+ found = self.value(
+ "Array.from(document.querySelectorAll("
+ + json.dumps(selector)
+ + ")).map(function(el){return el.getAttribute("
+ + json.dumps(name)
+ + ");})"
+ )
+ return list(found or [])
+
+ def count(self, selector: str) -> int:
+ value = self.value("document.querySelectorAll(" + json.dumps(selector) + ").length")
+ return int(value or 0)
+
+ def classes(self, selector: str) -> list[str]:
+ value = self.value(
+ "(document.querySelector("
+ + json.dumps(selector)
+ + ").getAttribute('class')||'').split(/\\s+/).filter(Boolean)"
+ )
+ return list(value or [])
+
+ def click(self, selector: str) -> None:
+ self.run("document.querySelector(" + json.dumps(selector) + ").click()")
+
+ def dispatch(self, selector: str, event: str, **fields: object) -> None:
+ init: dict[str, object] = {"bubbles": True, "cancelable": True}
+ init.update(fields)
+ self.run(
+ "document.querySelector("
+ + json.dumps(selector)
+ + ").dispatchEvent(new Event("
+ + json.dumps(event)
+ + ", "
+ + json.dumps(init)
+ + "))"
+ )
+
+ def dispatch_window(self, event: str) -> None:
+ self.run("window.dispatchEvent(new Event(" + json.dumps(event) + ", {bubbles:true}))")
+
+ def set_prop(self, selector: str, name: str, value: object) -> None:
+ self.run(
+ "document.querySelector(" + json.dumps(selector) + ")[" + json.dumps(name) + "] = " + json.dumps(value)
+ )
+
+ def requests(self) -> list[dict[str, Any]]:
+ found = self.value("__requests")
+ return [] if not isinstance(found, list) else found
+
+ def prop(self, selector: str, name: str) -> Any:
+ return self.value("document.querySelector(" + json.dumps(selector) + ")[" + json.dumps(name) + "]")
diff --git a/pygitweb/static_tests/pages.py b/pygitweb/static_tests/pages.py
new file mode 100644
index 0000000..16459f1
--- /dev/null
+++ b/pygitweb/static_tests/pages.py
@@ -0,0 +1,114 @@
+"""HTML fixtures shared by the browser-script tests."""
+
+from __future__ import annotations
+
+import json
+from typing import Any
+
+from pygitweb.static_tests.js_runtime import JsPage
+
+MANIFEST: dict[str, list[dict[str, str]]] = {
+ "commits": [
+ {
+ "insert": "abcd",
+ "name": "subject",
+ "url": "/c/abcd",
+ "tags": "abcd subject",
+ "snippet": "subject",
+ "created": "2020-01-01",
+ },
+ {"insert": "eeee", "name": "other", "url": "/c/eeee", "tags": "eeee"},
+ ],
+ "refs": [
+ {"insert": "main", "name": "main", "url": "/r/main", "tags": "main branch"},
+ {"insert": "task-1234", "name": "task", "url": "/r/task", "tags": "task"},
+ ],
+}
+
+
+def card_html(
+ *,
+ ref: str = "",
+ status: str = "TODO",
+ points: str = "",
+ title: str = "",
+ description: str = "",
+) -> str:
+ return (
+ f''
+ '
'
+ '
'
+ ''
+ f'{title}
'
+ '
'
+ '
'
+ 'LOW'
+ ''
+ 'None'
+ ''
+ "
"
+ '
'
+ '
'
+ f'
{description}
'
+ '
None
'
+ '
None
'
+ '
TODO
'
+ '
LOW
'
+ '
–
'
+ '
None
'
+ '
'
+ '
'
+ '
'
+ '
'
+ ''
+ ''
+ ''
+ "
'
+ '
'
+ '
0 pts'
+ f'
{cards}
'
+ + column("TODO", cards_todo)
+ + column("IN_PROGRESS", cards_progress)
+ + "
"
+ + ''
+ + ''
+ + ''
+ + ''
+ + ''
+ )
+
+
+def requested(js: JsPage, fragment: str) -> bool:
+ return any(fragment in str(item["url"]) for item in js.requests())
+
+
+def posted_json(js: JsPage, fragment: str) -> Any:
+ for item in reversed(js.requests()):
+ if fragment in str(item["url"]) and item.get("body"):
+ return json.loads(str(item["body"]))
+ return None
diff --git a/pygitweb/static_tests/test_addproject.py b/pygitweb/static_tests/test_addproject.py
new file mode 100644
index 0000000..d97dbd2
--- /dev/null
+++ b/pygitweb/static_tests/test_addproject.py
@@ -0,0 +1,167 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import requested
+
+_FORM = (
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ "drop"
+ ''
+ "
"
+)
+
+
+def test_empty_document_skips_every_widget(js: JsPage) -> None:
+ js.set_html("")
+ js.load("addproject.js")
+ assert js.count("#project_name") == 0
+
+
+def test_blank_name_clears_the_border(js: JsPage) -> None:
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.dispatch("#project_name", "blur")
+ assert "border" not in js.classes("#project_name")
+ assert requested(js, "projectnamevalid") is False
+
+
+def test_blur_marks_an_accepted_name(js: JsPage) -> None:
+ js.route("projectnamevalid", status=200)
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.set_prop("#project_name", "value", " demo ")
+ js.dispatch("#project_name", "blur")
+ assert "border-success" in js.classes("#project_name")
+ assert any("name=demo" in str(item["url"]) for item in js.requests())
+
+
+def test_blur_marks_a_rejected_name(js: JsPage) -> None:
+ js.route("projectnamevalid", status=404)
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.set_prop("#project_name", "value", "taken")
+ js.dispatch("#project_name", "blur")
+ assert "border-danger" in js.classes("#project_name")
+
+
+def test_name_check_clears_the_border_when_fetch_fails(js: JsPage) -> None:
+ js.route("projectnamevalid", error="offline")
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.set_prop("#project_name", "value", "demo")
+ js.dispatch("#project_name", "blur")
+ assert "border" not in js.classes("#project_name")
+
+
+def test_input_checks_the_name_after_the_debounce(js: JsPage) -> None:
+ js.route("projectnamevalid", status=200)
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.set_prop("#project_name", "value", "demo")
+ js.dispatch("#project_name", "input")
+ assert requested(js, "projectnamevalid") is False
+ js.tick()
+ assert requested(js, "projectnamevalid") is True
+
+
+def test_clearing_the_name_cancels_the_debounce(js: JsPage) -> None:
+ js.route("projectnamevalid", status=200)
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.set_prop("#project_name", "value", "demo")
+ js.dispatch("#project_name", "input")
+ js.set_prop("#project_name", "value", " ")
+ js.dispatch("#project_name", "input")
+ js.tick()
+ assert requested(js, "projectnamevalid") is False
+ assert "border" not in js.classes("#project_name")
+
+
+def test_zip_source_hides_the_empty_tab_and_clears_the_remote(js: JsPage) -> None:
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ assert "d-none" not in js.classes("#tab-empty-repo")
+ js.set_prop('input[value="empty"]', "checked", False)
+ js.set_prop('input[value="zip"]', "checked", True)
+ js.dispatch('input[value="zip"]', "change")
+ assert "d-none" in js.classes("#tab-empty-repo")
+ assert "d-none" not in js.classes("#tab-upload-zip")
+ assert js.prop("#pull_from_remote", "value") == ""
+
+
+def test_empty_source_clears_the_zip_input(js: JsPage) -> None:
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.set_prop('input[value="empty"]', "checked", False)
+ js.set_prop('input[value="zip"]', "checked", True)
+ js.dispatch('input[value="zip"]', "change")
+ js.set_prop('input[value="zip"]', "checked", False)
+ js.set_prop('input[value="empty"]', "checked", True)
+ js.dispatch('input[value="empty"]', "change")
+ assert js.prop("#repo_zip", "value") == ""
+ assert "d-none" in js.classes("#tab-upload-zip")
+
+
+def test_unchecked_radios_default_to_the_empty_source(js: JsPage) -> None:
+ html = _FORM.replace(" checked", "", 1)
+ js.set_html(html)
+ js.load("addproject.js")
+ assert "d-none" in js.classes("#tab-upload-zip")
+
+
+def test_dropzone_click_clicks_the_file_input(js: JsPage) -> None:
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.run(
+ "globalThis.__zipClicks = 0;"
+ " document.getElementById('repo_zip').addEventListener('click', function() { __zipClicks++; });"
+ )
+ js.click("#dropzone")
+ assert js.value("__zipClicks") == 1
+
+
+def test_drag_highlights_the_dropzone_until_leave_or_drop(js: JsPage) -> None:
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.dispatch("#dropzone", "dragover")
+ assert "border-primary" in js.classes("#dropzone")
+ js.dispatch("#dropzone", "dragleave")
+ assert "border-primary" not in js.classes("#dropzone")
+
+
+def test_drop_accepts_only_a_zip_file(js: JsPage) -> None:
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.run(
+ "var ev = new Event('drop', {bubbles:true, cancelable:true});"
+ "ev.dataTransfer.files = [{name: 'notes.txt'}];"
+ "document.getElementById('dropzone').dispatchEvent(ev);"
+ )
+ assert "Selected:" not in js.text("[data-dropzone-filename]")
+ js.run(
+ "var ev = new Event('drop', {bubbles:true, cancelable:true});"
+ "ev.dataTransfer.files = [{name: 'Pkg.ZIP'}];"
+ "document.getElementById('dropzone').dispatchEvent(ev);"
+ )
+ assert js.text("[data-dropzone-filename]") == "Selected: Pkg.ZIP"
+ assert "d-none" in js.classes("[data-dropzone-placeholder]")
+ assert "border-primary" not in js.classes("#dropzone")
+
+
+def test_file_input_change_shows_and_clears_the_name(js: JsPage) -> None:
+ js.set_html(_FORM)
+ js.load("addproject.js")
+ js.run("document.getElementById('repo_zip').files = [{name: 'a.zip'}];")
+ js.dispatch("#repo_zip", "change")
+ assert js.text("[data-dropzone-filename]") == "Selected: a.zip"
+ js.run("document.getElementById('repo_zip').files = [];")
+ js.dispatch("#repo_zip", "change")
+ assert js.text("[data-dropzone-filename]") == ""
+ assert "d-none" not in js.classes("[data-dropzone-placeholder]")
diff --git a/pygitweb/static_tests/test_blob-view.py b/pygitweb/static_tests/test_blob-view.py
new file mode 100644
index 0000000..939efc2
--- /dev/null
+++ b/pygitweb/static_tests/test_blob-view.py
@@ -0,0 +1,83 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+
+
+def _blob(js: JsPage, code: str, lines: str | None) -> None:
+ href = "http://127.0.0.1/blob"
+ if lines is not None:
+ href += "?lines=" + lines
+ js.set_location(href)
+ js.set_html(f'{code}
')
+
+
+def test_missing_code_element_is_ignored(js: JsPage) -> None:
+ js.set_location("http://127.0.0.1/blob?lines=L1")
+ js.set_html("")
+ js.load("blob-view.js")
+ assert js.count("[data-line]") == 0
+
+
+def test_no_lines_param_leaves_the_code_unwrapped(js: JsPage) -> None:
+ js.run("globalThis.hljs = { highlightElement: function(code) { code.setAttribute('data-hl', '1'); } };")
+ _blob(js, "print('hi')", None)
+ js.load("blob-view.js")
+ assert js.attr(".blob-content code", "data-hl") == "1"
+ assert js.count("[data-line]") == 0
+
+
+def test_a_full_line_range_selects_each_line_and_scrolls(js: JsPage) -> None:
+ _blob(js, "alpha\nbeta\ngamma", "L1-L2")
+ js.load("blob-view.js")
+ assert "blob-line-selected" in js.classes('[data-line="1"]')
+ assert "blob-line-selected" in js.classes('[data-line="2"]')
+ assert "blob-line-selected" not in js.classes('[data-line="3"]')
+ assert js.value("__lastScrolled && __lastScrolled.tagName") == "SPAN"
+
+
+def test_a_character_range_wraps_a_selection_span(js: JsPage) -> None:
+ _blob(js, "print('hi')", "L1C2-L1C5")
+ js.load("blob-view.js")
+ assert js.text(".blob-selection") == "rint"
+ assert js.count(".blob-line-selected") == 0
+
+
+def test_a_zero_width_range_does_not_wrap(js: JsPage) -> None:
+ _blob(js, "print('hi')", "L1C5-L1C4")
+ js.load("blob-view.js")
+ assert js.count(".blob-selection") == 0
+ assert js.count(".blob-line-selected") == 0
+
+
+def test_a_missing_line_is_skipped(js: JsPage) -> None:
+ _blob(js, "only", "L9")
+ js.load("blob-view.js")
+ assert js.count(".blob-line-selected") == 0
+ assert js.value("__lastScrolled") is None
+
+
+def test_highlight_elements_are_kept_inside_line_spans(js: JsPage) -> None:
+ js.run(
+ "globalThis.hljs = { highlightElement: function(code) {"
+ " var text = code.textContent; code.textContent = '';"
+ " var span = document.createElement('span'); span.className = 'hljs-built_in';"
+ " span.textContent = text; code.appendChild(span); } };"
+ )
+ _blob(js, "print('hi')", "L1")
+ js.load("blob-view.js")
+ assert js.count('[data-line="1"] .hljs-built_in') == 1
+ assert "blob-line-selected" in js.classes('[data-line="1"]')
+
+
+def test_a_range_across_nodes_is_ignored_when_surround_fails(js: JsPage) -> None:
+ _blob(js, "abXXcd", "L1C1-L1C6")
+ js.load("blob-view.js")
+ assert js.count(".blob-selection") == 0
+ assert js.count("[data-line]") == 1
+
+
+def test_several_ranges_in_one_param_are_applied(js: JsPage) -> None:
+ _blob(js, "one\ntwo", "L1,L2C1-L2C2")
+ js.load("blob-view.js")
+ assert "blob-line-selected" in js.classes('[data-line="1"]')
+ assert js.text(".blob-selection") == "tw"
diff --git a/pygitweb/static_tests/test_board-cards.py b/pygitweb/static_tests/test_board-cards.py
new file mode 100644
index 0000000..0b285e8
--- /dev/null
+++ b/pygitweb/static_tests/test_board-cards.py
@@ -0,0 +1,195 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import board_shell, card_html, posted_json, requested
+
+_TASKS = [
+ {
+ "ref": "refs/tags/tasks/task_abcd",
+ "id": "abcd",
+ "title": "Ship",
+ "description": "**bold**",
+ "status": "TODO",
+ "priority": "CRITICAL",
+ "points": 2,
+ "assignee": "Ada",
+ "comments_count": 1,
+ "due_date": "2020-01-02",
+ "updated_at": "2020-01-03",
+ "tags": "ui",
+ },
+ {
+ "ref": "refs/tags/tasks/task_eeee",
+ "title": "",
+ "status": "IN_PROGRESS",
+ "priority": "HIGH",
+ "points": 1,
+ "comments_count": 0,
+ },
+ {"ref": "refs/tags/tasks/task_ffff", "status": "DONE", "priority": "LOW", "points": 0},
+ {"status": "TODO", "title": "Zero", "points": 0, "priority": "LOW"},
+]
+
+
+def test_preload_and_assign_icons(js: JsPage) -> None:
+ js.set_html(board_shell(cards_todo=card_html(ref="t")))
+ js.load("board-cards.js")
+ js.call("board-cards.js", "preloadIcons")
+ preloaded = js.value("__preloaded")
+ assert len(preloaded) == 6
+ assert any(src.endswith("cloud.svg") for src in preloaded)
+ js.call("board-cards.js", "assignCloudIconToAllCards")
+ assert js.attr(".board-card-icon", "data-icon") == "cloud"
+
+
+def test_load_tasks_builds_cards_for_known_columns(js: JsPage) -> None:
+ js.route("tasks/list", body=_TASKS)
+ js.route("board-ref-manifest", body={"commits": [], "refs": []})
+ js.set_html(board_shell())
+ js.load("board-cards.js")
+ js.settle("__loaded['board-cards.js'].loadTasksForBoard()")
+ assert js.count('.board-column[data-status="TODO"] .board-card') == 2
+ assert js.count('.board-column[data-status="IN_PROGRESS"] .board-card') == 1
+ assert js.count('.board-column[data-status="DONE"] .board-card') == 0
+ assert js.text(".board-card-title") == "Ship"
+ assert "text-danger" in js.classes(".badge")
+ assert js.text(".board-card-points-badge") == "2 pts"
+ assert js.text(".board-card-assignee-compact") == "Ada"
+ assert js.text(".board-card-comments-count-meta") == "1 comment"
+ assert js.text(".board-card-due-date") == "2020-01-02"
+ assert js.text(".board-card-points") == "2"
+ assert js.text(".board-card-tags") == "ui"
+ assert js.count(".board-card-description-full strong") == 1
+ assert js.attr(".board-card-icon", "data-icon") == "cloud-filled"
+ assert js.text(".board-column-task-count") == "2"
+ assert js.text('.board-card[data-task-points="0"] .board-card-points-badge') == "0 pts"
+ assert "text-secondary" in js.classes('.board-card[data-task-points="0"] .badge')
+ assert js.text('.board-column[data-status="IN_PROGRESS"] .board-card-title') == "Untitled"
+ assert js.text('.board-column[data-status="IN_PROGRESS"] .board-card-points-badge') == "1 pt"
+ assert "text-warning" in js.classes('.board-column[data-status="IN_PROGRESS"] .badge')
+
+
+def test_load_tasks_keeps_cards_when_the_response_is_unusable(js: JsPage) -> None:
+ js.set_html('')
+ js.set_location("http://127.0.0.1/")
+ js.load("board-cards.js")
+ js.settle("__loaded['board-cards.js'].loadTasksForBoard()")
+ assert requested(js, "tasks/list") is False
+ js.set_location("http://127.0.0.1/project/demo/board/")
+ js.set_html(board_shell(cards_todo=card_html(ref="keep", title="Keep")))
+ js.route("tasks/list", status=500)
+ js.settle("__loaded['board-cards.js'].loadTasksForBoard()")
+ assert js.text(".board-card-title") == "Keep"
+ js.route("tasks/list", body={"nope": True})
+ js.settle("__loaded['board-cards.js'].loadTasksForBoard()")
+ assert js.text(".board-card-title") == "Keep"
+ js.route("tasks/list", error="offline")
+ js.settle("__loaded['board-cards.js'].loadTasksForBoard()")
+ assert js.text(".board-card-title") == "Keep"
+
+
+def test_load_tasks_without_a_template_clears_the_column(js: JsPage) -> None:
+ js.route("tasks/list", body=[{"ref": "t", "title": "X", "status": "TODO"}])
+ js.route("board-ref-manifest", body={"commits": [], "refs": []})
+ js.set_html(board_shell(include_template=False, cards_todo=card_html(ref="old", title="Old")))
+ js.load("board-cards.js")
+ js.settle("__loaded['board-cards.js'].loadTasksForBoard()")
+ assert js.count(".board-card") == 0
+
+
+def test_fetch_and_reorder_follow_the_task_list(js: JsPage) -> None:
+ js.set_html('')
+ js.set_location("http://127.0.0.1/")
+ js.load("board-cards.js")
+ assert js.settle("__loaded['board-cards.js'].fetchBoardTasksJson()") is None
+ js.set_html(
+ board_shell(
+ cards_todo=card_html(ref="a", title="A") + card_html(ref="b", title="B"),
+ cards_progress=card_html(ref="c", title="C"),
+ )
+ )
+ js.route("tasks/list", status=404)
+ assert js.settle("__loaded['board-cards.js'].fetchBoardTasksJson()") is None
+ js.route(
+ "tasks/list",
+ body=[{"ref": "b", "status": "TODO"}, {"ref": "a", "status": "TODO"}, {"ref": "c", "status": "IN_PROGRESS"}],
+ )
+ assert js.settle("__loaded['board-cards.js'].fetchBoardTasksJson()")[0]["ref"] == "b"
+ js.run("__loaded['board-cards.js'].reorderBoardDomToTaskList(null)")
+ js.run(
+ "__loaded['board-cards.js'].reorderBoardDomToTaskList(["
+ "{ref:'b', status:'TODO'}, {status:'TODO'}, {ref:'missing', status:'TODO'}, {ref:'a', status:'IN_PROGRESS'}"
+ "])"
+ )
+ titles = js.texts('.board-column[data-status="TODO"] .board-card-title')
+ assert titles == ["B"]
+ progress = js.texts('.board-column[data-status="IN_PROGRESS"] .board-card-title')
+ assert progress == ["C", "A"]
+
+
+def test_add_card_posts_and_marks_success_or_failure(js: JsPage) -> None:
+ js.route("tasks/create", body={"ref": "refs/tags/tasks/task_abcd"})
+ js.set_html(board_shell())
+ js.load("board-cards.js")
+ js.call("board-cards.js", "bindAddCardButtons")
+ js.click(".board-column-task-count")
+ assert js.count(".board-card") == 0
+ js.click(".board-column-add-card")
+ assert js.text(".board-card-title") == "New task"
+ assert js.attr(".board-card-icon", "data-icon") == "cloud-filled"
+ assert js.text(".board-card-task-id") == "abcd"
+ assert js.text(".board-column-task-count") == "1"
+ body_url = next(str(item["url"]) for item in js.requests() if "tasks/create" in str(item["url"]))
+ assert "title=New+task" in body_url or "title=New%20task" in body_url
+ assert "status=TODO" in body_url
+ js.route("tasks/create", status=500)
+ js.click('.board-column[data-status="IN_PROGRESS"] .board-column-add-card')
+ assert js.attr('.board-column[data-status="IN_PROGRESS"] .board-card-icon', "data-icon") == "cloud-exclamation"
+ js.route("tasks/create", status=302)
+ js.click(".board-column-add-card")
+ pending = js.attrs('.board-column[data-status="TODO"] .board-card-icon', "data-icon")
+ assert pending[-1] == "cloud-up"
+ js.route("tasks/create", error="offline")
+ js.click(".board-column-add-card")
+ icons = js.attrs('.board-column[data-status="TODO"] .board-card-icon', "data-icon")
+ assert icons[-1] == "cloud-exclamation"
+
+
+def test_add_card_does_nothing_without_a_project_or_template(js: JsPage) -> None:
+ js.set_html(board_shell(project="", include_template=True))
+ js.set_location("http://127.0.0.1/")
+ js.load("board-cards.js")
+ js.call("board-cards.js", "bindAddCardButtons")
+ js.click(".board-column-add-card")
+ assert js.count(".board-card") == 0
+ js.set_html(board_shell(include_template=False))
+ js.call("board-cards.js", "bindAddCardButtons")
+ js.click(".board-column-add-card")
+ assert js.count(".board-card") == 0
+
+
+def test_compact_assignee_edit_commits_or_restores(js: JsPage) -> None:
+ js.route("tasks/list", body=[{"ref": "t1", "title": "Ship", "status": "TODO", "assignee": "Ada"}])
+ js.route("board-ref-manifest", body={"commits": [], "refs": []})
+ js.route("tasks/update", status=200)
+ js.set_html(board_shell())
+ js.load("board-cards.js")
+ js.settle("__loaded['board-cards.js'].loadTasksForBoard()")
+ js.click(".board-card-assignee-compact")
+ assert js.count(".board-card-assignee-compact-edit") == 1
+ js.dispatch(".board-card-assignee-compact-edit", "mousedown")
+ js.set_prop(".board-card-assignee-compact-edit", "value", "Bea")
+ js.dispatch(".board-card-assignee-compact-edit", "keydown", key="Enter")
+ assert js.text(".board-card-assignee-compact") == "Bea"
+ assert js.text(".board-card-assignee") == "Bea"
+ assert posted_json(js, "tasks/update")["assignee"] == "Bea"
+ assert js.prop(".board-card", "draggable") is True
+ js.click(".board-card-assignee-compact")
+ js.set_prop(".board-card-assignee-compact-edit", "value", "nope")
+ js.dispatch(".board-card-assignee-compact-edit", "keydown", key="Escape")
+ assert js.text(".board-card-assignee-compact") == "Bea"
+ js.click(".board-card-assignee-compact")
+ js.set_prop(".board-card-assignee-compact-edit", "value", " ")
+ js.dispatch(".board-card-assignee-compact-edit", "blur")
+ assert js.text(".board-card-assignee-compact") == "None"
+ assert posted_json(js, "tasks/update")["assignee"] is None
diff --git a/pygitweb/static_tests/test_board-comments.py b/pygitweb/static_tests/test_board-comments.py
new file mode 100644
index 0000000..6f3d977
--- /dev/null
+++ b/pygitweb/static_tests/test_board-comments.py
@@ -0,0 +1,132 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import board_shell, card_html, requested
+
+
+def _card(js: JsPage) -> None:
+ js.set_html(board_shell(cards_todo=card_html(ref="refs/tags/tasks/task_abcd", title="Ship")))
+ js.load("board-comments.js")
+
+
+def test_comment_labels_and_counts(js: JsPage) -> None:
+ _card(js)
+ assert js.call("board-comments.js", "commentCountLabel", 0) == "0 comments"
+ assert js.call("board-comments.js", "commentCountLabel", 1) == "1 comment"
+ assert js.call("board-comments.js", "commentCountLabel", 2) == "2 comments"
+ js.run("__loaded['board-comments.js'].updateCardCommentCount(document.querySelector('.board-card'), 1)")
+ assert js.text(".board-card-comments-count-meta") == "1 comment"
+ js.set_html("")
+ js.run("__loaded['board-comments.js'].updateCardCommentCount(document.querySelector('.board-card'), 3)")
+ assert js.count(".board-card-comments-count-meta") == 0
+
+
+def test_comments_render_avatars_markdown_and_initials(js: JsPage) -> None:
+ js.route(
+ "comments/list",
+ body=[
+ {"author": "Ada Lovelace", "content": "**hi**", "gravatar_url": "http://img/a"},
+ {"author": "sam", "content": "yo"},
+ {"content": ""},
+ ],
+ )
+ _card(js)
+ comments = js.settle("__loaded['board-comments.js'].loadCommentsForCard(document.querySelector('.board-card'))")
+ assert len(comments) == 3
+ assert js.text(".board-card-comments-count-meta") == "3 comments"
+ assert js.count(".board-card-comment-item") == 3
+ assert js.count("#md strong") == 0
+ assert js.count(".board-card-comment-content strong") == 1
+ assert js.prop(".board-card-comment-avatar img", "src") == "http://img/a"
+ js.run("document.querySelector('.board-card-comment-avatar img').onerror()")
+ assert js.text(".board-card-comment-avatar-fallback") == "AL"
+ assert js.text(".board-card-comment-author") == "Ada Lovelace"
+ fallbacks = js.texts(".board-card-comment-avatar-fallback")
+ assert fallbacks == ["AL", "S", "?"]
+
+
+def test_comment_load_tolerates_empty_and_failed_responses(js: JsPage) -> None:
+ _card(js)
+ js.route("comments/list", status=404)
+ assert js.settle("__loaded['board-comments.js'].loadCommentsForCard(document.querySelector('.board-card'))") == []
+ js.route("comments/list", status=500)
+ assert js.settle("__loaded['board-comments.js'].loadCommentsForCard(document.querySelector('.board-card'))") == []
+ js.route("comments/list", body={"nope": True})
+ assert js.settle("__loaded['board-comments.js'].loadCommentsForCard(document.querySelector('.board-card'))") == []
+ js.route("comments/list", error="offline")
+ assert js.settle("__loaded['board-comments.js'].loadCommentsForCard(document.querySelector('.board-card'))") == []
+ js.set_html('')
+ assert js.settle("__loaded['board-comments.js'].loadCommentsForCard(document.querySelector('.board-card'))") is None
+ js.set_html('')
+ js.set_location("http://127.0.0.1/")
+ assert js.settle("__loaded['board-comments.js'].loadCommentsForCard(document.querySelector('.board-card'))") is None
+
+
+def test_comment_form_hides_until_a_user_is_signed_in(js: JsPage) -> None:
+ js.route("/auth/status", body={"auth_enabled": True})
+ _card(js)
+ js.settle("__loaded['board-comments.js'].loadBoardAuthStatus()")
+ js.run("__loaded['board-comments.js'].setupCommentForm(document.querySelector('.board-card'))")
+ assert "d-none" in js.classes(".board-card-comment-form")
+ assert "d-none" not in js.classes(".board-card-comment-signin-hint")
+ js.route("/auth/status", body={"auth_enabled": True, "username": "ada"})
+ js.settle("__loaded['board-comments.js'].loadBoardAuthStatus()")
+ js.set_html(board_shell(cards_todo=card_html(ref="refs/tags/tasks/task_abcd")))
+ js.run("__loaded['board-comments.js'].setupCommentForm(document.querySelector('.board-card'))")
+ assert "d-none" not in js.classes(".board-card-comment-form")
+
+
+def test_auth_status_failure_leaves_comments_open(js: JsPage) -> None:
+ js.route("/auth/status", status=500)
+ _card(js)
+ js.settle("__loaded['board-comments.js'].loadBoardAuthStatus()")
+ js.route("/auth/status", error="offline")
+ js.settle("__loaded['board-comments.js'].loadBoardAuthStatus()")
+ js.run("__loaded['board-comments.js'].setupCommentForm(document.querySelector('.board-card'))")
+ assert "d-none" not in js.classes(".board-card-comment-form")
+
+
+def test_submitting_a_comment_posts_and_reloads(js: JsPage) -> None:
+ js.route("comments/create", status=200, text="ok")
+ js.route("comments/list", body=[{"author": "ada", "content": "hello"}])
+ _card(js)
+ js.run("__loaded['board-comments.js'].setupCommentForm(document.querySelector('.board-card'))")
+ js.run("__loaded['board-comments.js'].setupCommentForm(document.querySelector('.board-card'))")
+ js.dispatch(".board-card-comment-form", "submit")
+ assert requested(js, "comments/create") is False
+ js.set_prop(".board-card-comment-input", "value", " hello ")
+ js.dispatch(".board-card-comment-form", "submit")
+ assert any("content=hello" in str(item["url"]) for item in js.requests())
+ assert js.prop(".board-card-comment-input", "value") == ""
+ assert js.text(".board-card-comment-content") == "hello"
+
+
+def test_comment_post_errors_are_shown(js: JsPage) -> None:
+ _card(js)
+ js.run("__loaded['board-comments.js'].setupCommentForm(document.querySelector('.board-card'))")
+ js.set_prop(".board-card-comment-input", "value", "hello")
+ for status, snippet in ((401, "Not authorized"), (500, "Could not post comment")):
+ js.route("comments/create", status=status, text="no")
+ js.dispatch(".board-card-comment-form", "submit")
+ assert snippet in js.text(".board-task-error-hint")
+ js.tick()
+ js.route("comments/create", error="offline")
+ js.set_prop(".board-card-comment-input", "value", "hello")
+ js.dispatch(".board-card-comment-form", "submit")
+ assert "Could not post comment" in js.text(".board-task-error-hint")
+
+
+def test_comment_form_without_a_form_or_project_does_nothing(js: JsPage) -> None:
+ js.set_html('')
+ js.load("board-comments.js")
+ js.run("__loaded['board-comments.js'].setupCommentForm(document.querySelector('.board-card'))")
+ js.set_html(
+ ''
+ )
+ js.set_location("http://127.0.0.1/")
+ js.run("__loaded['board-comments.js'].setupCommentForm(document.querySelector('.board-card'))")
+ js.set_prop(".board-card-comment-input", "value", "hello")
+ js.dispatch(".board-card-comment-form", "submit")
+ assert requested(js, "comments/create") is False
diff --git a/pygitweb/static_tests/test_board-context.py b/pygitweb/static_tests/test_board-context.py
new file mode 100644
index 0000000..c198f1b
--- /dev/null
+++ b/pygitweb/static_tests/test_board-context.py
@@ -0,0 +1,143 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import MANIFEST, board_shell, card_html, posted_json, requested
+
+
+def _board(js: JsPage, html: str | None = None) -> None:
+ js.set_html(
+ html if html is not None else board_shell(cards_todo=card_html(ref="refs/tags/tasks/task_abcd", title="Ship"))
+ )
+ js.load("board-context.js")
+
+
+def test_task_ids_drop_the_prefix_and_shorten(js: JsPage) -> None:
+ _board(js, "")
+ assert js.call("board-context.js", "taskDisplayId", "") == ""
+ assert js.call("board-context.js", "taskDisplayId", "refs/tags/tasks/task_abcd") == "abcd"
+ assert js.call("board-context.js", "taskDisplayId", "refs/tags/tasks/custom") == "custom"
+ assert js.call("board-context.js", "taskDisplayIdShort", "") == ""
+ assert js.call("board-context.js", "taskDisplayIdShort", "ab") == "ab"
+ assert js.call("board-context.js", "taskDisplayIdShort", "abcdef") == "cdef"
+
+
+def test_context_comes_from_the_dataset_or_the_url(js: JsPage) -> None:
+ _board(js)
+ assert js.call("board-context.js", "getBoardContext") == {"project": "demo", "board": "Tasks"}
+ js.set_html('')
+ js.set_location("http://127.0.0.1/project/demo/board/?b=Sprint")
+ js.load("board-context.js")
+ assert js.call("board-context.js", "getBoardContext") == {"project": "demo", "board": "Sprint"}
+ js.set_location("http://127.0.0.1/project/demo/board")
+ assert js.call("board-context.js", "getBoardContext")["board"] == "Tasks"
+
+
+def test_find_card_matches_the_task_ref(js: JsPage) -> None:
+ _board(js)
+ assert js.call("board-context.js", "findBoardCardByTaskRef", "") is None
+ assert js.value("__loaded['board-context.js'].findBoardCardByTaskRef('missing')") is None
+ assert js.value("__loaded['board-context.js'].findBoardCardByTaskRef('refs/tags/tasks/task_abcd') !== null") is True
+
+
+def test_title_tooltip_uses_the_id_and_falls_back_to_untitled(js: JsPage) -> None:
+ js.set_html('')
+ js.load("board-context.js")
+ js.run("__loaded['board-context.js'].syncCardTitleLineTooltip(document.querySelector('.board-card'))")
+ js.set_html(board_shell(cards_todo=card_html(title=" ")))
+ js.run("__loaded['board-context.js'].syncCardTitleLineTooltip(document.querySelector('.board-card'))")
+ assert js.attr(".board-card-title-line", "title") == "Untitled"
+ js.set_html(board_shell(cards_todo=card_html(ref="refs/tags/tasks/task_abcd", title="Ship")))
+ js.run(
+ "__loaded['board-context.js'].setCardTaskRefDisplay("
+ "document.querySelector('.board-card'), 'refs/tags/tasks/task_abcd', null)"
+ )
+ assert js.text(".board-card-task-id") == "abcd"
+ assert js.text(".board-card-task-ref") == "refs/tags/tasks/task_abcd"
+ assert js.attr(".board-card-title-line", "title") == "abcd: Ship"
+
+
+def test_title_line_without_a_title_element_uses_untitled(js: JsPage) -> None:
+ js.set_html(
+ ''
+ )
+ js.load("board-context.js")
+ js.run("__loaded['board-context.js'].syncCardTitleLineTooltip(document.querySelector('.board-card'))")
+ assert js.attr(".board-card-title-line", "title") == "abcd: Untitled"
+ js.run("__loaded['board-context.js'].setCardTaskRefDisplay(document.querySelector('.board-card'), '', 'abcd')")
+ assert js.text(".board-card-task-ref") == ""
+
+
+def test_error_hint_replaces_itself_and_expires(js: JsPage) -> None:
+ _board(js, "")
+ js.call("board-context.js", "showBoardError", "nope")
+ assert js.count(".board-task-error-hint") == 0
+ _board(js)
+ js.call("board-context.js", "showBoardError", "first")
+ js.call("board-context.js", "showBoardError", "second")
+ assert js.count(".board-task-error-hint") == 1
+ assert js.text(".board-task-error-hint") == "second"
+ js.tick()
+ assert js.count(".board-task-error-hint") == 0
+
+
+def test_column_badge_sums_points(js: JsPage) -> None:
+ html = board_shell(
+ cards_todo=card_html(ref="a", points="2") + card_html(ref="b", points="3") + card_html(ref="c", points=""),
+ )
+ _board(js, html)
+ js.run("__loaded['board-context.js'].updateColumnBadge(null)")
+ js.run("__loaded['board-context.js'].updateColumnBadge(document.querySelector('.board-column'))")
+ assert js.text(".board-column-task-count") == "3"
+ assert js.text(".board-column-points-total") == "5 pts"
+ js.set_html('')
+ js.load("board-context.js")
+ js.run("__loaded['board-context.js'].updateColumnBadge(document.querySelector('.board-column'))")
+ assert js.count(".board-column-task-count") == 0
+
+
+def test_field_update_posts_json_and_reports_failures(js: JsPage) -> None:
+ _board(js, "")
+ assert js.settle("__loaded['board-context.js'].pushTaskFieldUpdate(null, {})") == {"ok": False, "status": 0}
+ _board(js)
+ card = "document.querySelector('.board-card')"
+ js.route("tasks/update", error="offline")
+ assert js.settle(f"__loaded['board-context.js'].pushTaskFieldUpdate({card}, {{a:1}})") == {
+ "ok": False,
+ "status": 0,
+ }
+ js.route("tasks/update", status=200)
+ assert js.settle(f"__loaded['board-context.js'].pushTaskFieldUpdate({card}, {{title:'Ship'}})") == {
+ "ok": True,
+ "status": 200,
+ }
+ assert posted_json(js, "tasks/update")["title"] == "Ship"
+ js.route("tasks/update", status=404)
+ assert js.settle(f"__loaded['board-context.js'].pushTaskFieldUpdate({card}, {{}})")["status"] == 404
+ js.route("tasks/update", error="offline")
+ assert js.settle(f"__loaded['board-context.js'].pushTaskFieldUpdate({card}, {{}})") == {"ok": False, "status": 0}
+ js.set_html('')
+ js.load("board-context.js")
+ assert js.settle("__loaded['board-context.js'].pushTaskFieldUpdate(document.querySelector('.board-card'), {})") == {
+ "ok": False,
+ "status": 0,
+ }
+
+
+def test_refresh_stores_the_manifest_or_an_empty_one(js: JsPage) -> None:
+ _board(js, '')
+ js.set_location("http://127.0.0.1/")
+ assert js.settle("__loaded['board-context.js'].refreshBoardRefManifest()") is None
+ js.route("board-ref-manifest", body=MANIFEST)
+ _board(js)
+ got = js.settle("__loaded['board-context.js'].refreshBoardRefManifest()")
+ assert got["commits"][0]["insert"] == "abcd"
+ assert js.call("board-context.js", "getBoardRefManifest")["refs"][0]["insert"] == "main"
+ js.route("board-ref-manifest", status=500)
+ empty = js.settle("__loaded['board-context.js'].refreshBoardRefManifest()")
+ assert empty == {"commits": [], "refs": []}
+ js.route("board-ref-manifest", error="offline")
+ assert js.settle("__loaded['board-context.js'].refreshBoardRefManifest()") == {"commits": [], "refs": []}
+ assert requested(js, "board-ref-manifest") is True
diff --git a/pygitweb/static_tests/test_board-dnd.py b/pygitweb/static_tests/test_board-dnd.py
new file mode 100644
index 0000000..7753b5d
--- /dev/null
+++ b/pygitweb/static_tests/test_board-dnd.py
@@ -0,0 +1,115 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import board_shell, card_html, requested
+
+
+def _bind(js: JsPage, html: str | None = None) -> None:
+ js.set_html(html if html is not None else board_shell(cards_todo=card_html(ref="t1", title="A", points="1")))
+ js.load("board-dnd.js")
+ js.call("board-dnd.js", "bindBoardInteractions")
+
+
+def test_binding_without_a_board_does_nothing(js: JsPage) -> None:
+ js.set_html("")
+ js.load("board-dnd.js")
+ js.call("board-dnd.js", "bindBoardInteractions")
+ assert requested(js, "tasks/update") is False
+
+
+def test_drop_on_another_column_saves_and_reorders(js: JsPage) -> None:
+ js.route("tasks/update", status=200)
+ js.route("tasks/list", body=[{"ref": "t1", "status": "IN_PROGRESS", "title": "A"}])
+ _bind(js)
+ js.dispatch(".board-card", "dragstart")
+ assert "opacity-50" in js.classes(".board-card")
+ js.dispatch('.board-column[data-status="IN_PROGRESS"]', "dragover")
+ assert "border-primary" in js.classes('.board-column[data-status="IN_PROGRESS"]')
+ js.dispatch('.board-column[data-status="IN_PROGRESS"]', "drop")
+ assert js.count('.board-column[data-status="IN_PROGRESS"] .board-card') == 1
+ assert js.attr(".board-card", "data-task-status") == "IN_PROGRESS"
+ assert requested(js, "tasks/update") is True
+ js.dispatch(".board-card", "dragend")
+ assert "opacity-50" not in js.classes(".board-card")
+ assert "border-primary" not in js.classes(".board-column")
+
+
+def test_same_column_drop_does_not_save(js: JsPage) -> None:
+ _bind(js)
+ js.dispatch(".board-card", "dragstart")
+ js.dispatch('.board-column[data-status="TODO"]', "drop")
+ assert js.count('.board-column[data-status="TODO"] .board-card') == 1
+ assert requested(js, "tasks/update") is False
+
+
+def test_a_forbidden_move_puts_the_card_back(js: JsPage) -> None:
+ js.route("tasks/update", status=403)
+ html = board_shell(
+ cards_todo=card_html(ref="t1", title="A") + card_html(ref="t2", title="B"),
+ )
+ _bind(js, html)
+ js.dispatch('.board-card[data-task-ref="t1"]', "dragstart")
+ js.dispatch('.board-column[data-status="IN_PROGRESS"]', "drop")
+ assert js.count('.board-column[data-status="TODO"] .board-card') == 2
+ assert "Not authorized" in js.text(".board-task-error-hint")
+ js.route("tasks/update", status=500)
+ js.dispatch('.board-card[data-task-ref="t1"]', "dragstart")
+ js.dispatch('.board-column[data-status="IN_PROGRESS"]', "drop")
+ assert "Could not save" in js.text(".board-task-error-hint")
+ assert js.attr('.board-card[data-task-ref="t1"]', "data-task-status") == "TODO"
+
+
+def test_a_card_without_a_ref_is_moved_back(js: JsPage) -> None:
+ _bind(js, board_shell(cards_todo=card_html(title="A")))
+ js.dispatch(".board-card", "dragstart")
+ js.dispatch('.board-column[data-status="IN_PROGRESS"]', "drop")
+ assert js.count('.board-column[data-status="TODO"] .board-card') == 1
+ assert "Could not save" in js.text(".board-task-error-hint")
+
+
+def test_drag_data_failures_still_move_the_dragged_card(js: JsPage) -> None:
+ js.route("tasks/update", status=200)
+ js.route("tasks/list", body=[{"ref": "t1", "status": "IN_PROGRESS"}])
+ _bind(js)
+ js.run("__failSetData = true;")
+ js.dispatch(".board-card", "dragstart")
+ assert "opacity-50" in js.classes(".board-card")
+ js.run("__failGetData = true;")
+ js.dispatch('.board-column[data-status="IN_PROGRESS"]', "drop")
+ assert js.attr(".board-card", "data-task-status") == "IN_PROGRESS"
+
+
+def test_click_opens_the_popout_unless_the_gesture_was_a_drag(js: JsPage) -> None:
+ _bind(js)
+ js.dispatch(".board-card", "dragstart")
+ js.click(".board-card")
+ assert js.count(".board-card-popout-overlay") == 0
+ js.dispatch(".board-card", "dragend")
+ js.tick()
+ js.click(".board-card")
+ assert js.count(".board-card-popout-overlay") == 1
+ js.set_html(board_shell(cards_todo=card_html(ref="t1", title="A")))
+ js.call("board-dnd.js", "bindBoardInteractions")
+ js.run("document.querySelector('.board-card').classList.add('board-card-popout')")
+ js.click(".board-card")
+ assert js.count(".board-card-popout-overlay") == 0
+
+
+def test_drop_without_a_card_or_a_list_is_ignored(js: JsPage) -> None:
+ html = (
+ '"
+ )
+ _bind(js, html)
+ js.dispatch('.board-column[data-status="IN_PROGRESS"]', "drop")
+ js.dispatch('.board-column[data-status="TODO"]', "dragstart")
+ js.dispatch('.board-column[data-status="TODO"]', "drop")
+ assert requested(js, "tasks/update") is False
+
+
+def test_dragover_outside_a_column_does_not_highlight(js: JsPage) -> None:
+ _bind(js)
+ js.dispatch(".board-column-cards", "dragover")
+ assert "border-primary" not in js.classes(".board-column")
diff --git a/pygitweb/static_tests/test_board-markdown.py b/pygitweb/static_tests/test_board-markdown.py
new file mode 100644
index 0000000..865796e
--- /dev/null
+++ b/pygitweb/static_tests/test_board-markdown.py
@@ -0,0 +1,76 @@
+from __future__ import annotations
+
+import json
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import MANIFEST, board_shell
+
+
+def test_set_markdown_renders_and_linkifies_after_the_manifest_loads(js: JsPage) -> None:
+ js.route("board-ref-manifest", body=MANIFEST)
+ js.set_html(board_shell() + '')
+ js.load("board-markdown.js")
+ assert js.call("board-markdown.js", "getMarkdownFromElement", None) == ""
+ js.run("__loaded['board-markdown.js'].setMarkdownElement(null, 'x')")
+ js.run("__loaded['board-markdown.js'].linkifyMarkdownElement(null)")
+ js.run("__loaded['board-markdown.js'].attachBoardRefAutocomplete(null)")
+ source = json.dumps("see #abcd @missing")
+ js.run(f"__loaded['board-markdown.js'].setMarkdownElement(document.getElementById('md'), {source})")
+ assert js.count("#md .board-ref-link") == 0
+ assert js.value("document.getElementById('md').dataset.boardMarkdown") == "see #abcd @missing"
+ js.settle("__loaded['board-context.js'].refreshBoardRefManifest()")
+ js.run(f"__loaded['board-markdown.js'].setMarkdownElement(document.getElementById('md'), {source})")
+ assert js.count("#md .board-ref-commit") == 1
+ assert js.count("#md .board-ref-unresolved") == 1
+ assert js.count("#md strong") == 0
+ js.run("__loaded['board-markdown.js'].setMarkdownElement(document.getElementById('md'), '**bold**')")
+ assert js.count("#md strong") == 1
+ assert "markdown-body" in js.classes("#md")
+ js.run("__loaded['board-markdown.js'].attachBoardRefAutocomplete(document.getElementById('note'))")
+ assert js.attr("#note", "data-board-ref-autocomplete") == "1"
+
+
+def test_compact_preview_truncates_at_120_characters(js: JsPage) -> None:
+ long = "word " * 40
+ js.set_html(
+ ''
+ ''
+ )
+ js.load("board-markdown.js")
+ js.run(
+ "__loaded['board-markdown.js'].syncCompactDescription(document.querySelector('.board-card'), "
+ + json.dumps(long)
+ + ")"
+ )
+ preview = js.text(".board-card-description-preview")
+ assert preview.endswith("…")
+ assert len(preview) == 121
+ js.run("__loaded['board-markdown.js'].syncCompactDescription(document.querySelector('.board-card'), '')")
+ assert js.text(".board-card-description-preview") == ""
+
+
+def test_preview_reads_plain_text_when_markdown_was_not_stored(js: JsPage) -> None:
+ js.set_html(
+ ''
+ )
+ js.load("board-markdown.js")
+ text = js.value(
+ "__loaded['board-markdown.js'].getMarkdownFromElement(document.querySelector('.board-card-description-full'))"
+ )
+ assert text == "plain"
+ js.run("__loaded['board-markdown.js'].syncCompactDescription(document.querySelector('.board-card'))")
+ assert js.text(".board-card-description-preview") == "plain"
+
+
+def test_linkify_stops_when_the_board_has_no_project(js: JsPage) -> None:
+ js.route("board-ref-manifest", body=MANIFEST)
+ js.set_html(board_shell() + 'see #abcd
')
+ js.load("board-markdown.js")
+ js.settle("__loaded['board-context.js'].refreshBoardRefManifest()")
+ js.set_html('see #abcd
')
+ js.set_location("http://127.0.0.1/")
+ js.run("__loaded['board-markdown.js'].linkifyMarkdownElement(document.getElementById('md'))")
+ assert js.count(".board-ref-link") == 0
+ js.run("__loaded['board-markdown.js'].attachBoardRefAutocomplete(document.createElement('textarea'))")
diff --git a/pygitweb/static_tests/test_board-popout.py b/pygitweb/static_tests/test_board-popout.py
new file mode 100644
index 0000000..03983f4
--- /dev/null
+++ b/pygitweb/static_tests/test_board-popout.py
@@ -0,0 +1,172 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import MANIFEST, board_shell, card_html, posted_json, requested
+
+
+def _open(js: JsPage, *, cards: str | None = None, project: str = "demo") -> None:
+ js.route("board/list", body=[{"name": "Tasks"}, {"name": "Other"}])
+ js.route("comments/list", body=[])
+ js.route("board-ref-manifest", body=MANIFEST)
+ js.route("tasks/list", body=[])
+ js.route("tasks/update", status=200)
+ html = board_shell(
+ project=project,
+ cards_todo=cards if cards is not None else card_html(ref="t1", title="Ship", description="see #abcd"),
+ )
+ js.set_html(html)
+ js.load("board-popout.js")
+ js.settle("__loaded['board-context.js'].refreshBoardRefManifest()")
+ js.run("__loaded['board-popout.js'].showCardPopout(document.querySelector('.board-card'))")
+
+
+def test_popout_edits_post_the_card_fields(js: JsPage) -> None:
+ _open(js)
+ assert "d-none" not in js.classes(".board-card-details")
+ assert js.count(".board-card-popout-overlay") == 1
+ assert js.count(".board-ref-commit") == 1
+ js.click(".board-card-title")
+ js.click(".board-card-title")
+ js.set_prop(".board-card-title-edit", "value", " ")
+ js.dispatch(".board-card-title-edit", "keydown", key="Enter")
+ assert js.text(".board-card-title") == "Untitled"
+ js.click(".board-card-description-full")
+ js.set_prop(".board-card-description-edit", "value", "updated")
+ js.dispatch(".board-card-description-edit", "blur")
+ assert js.text(".board-card-description-preview") == "updated"
+ js.run("document.querySelector('.board-card-due-date').textContent = '2020-01-02 extra';")
+ js.click(".board-card-due-date")
+ assert js.prop(".board-card-due-date-edit", "value") == "2020-01-02"
+ js.set_prop(".board-card-due-date-edit", "value", "")
+ js.dispatch(".board-card-due-date-edit", "blur")
+ assert js.text(".board-card-due-date") == "None"
+ js.click(".board-card-status")
+ js.run("document.querySelector('.board-card-status-edit option').textContent = 'In Progress';")
+ js.dispatch(".board-card-status-edit", "change")
+ assert js.text(".board-card-status") == "In Progress"
+ assert js.attr(".board-card", "data-task-status") == "IN_PROGRESS"
+ js.click(".board-card-priority")
+ js.run("document.querySelector('.board-card-priority-edit option').textContent = 'High';")
+ js.dispatch(".board-card-priority-edit", "change")
+ assert js.text(".board-card-priority") == "High"
+ js.click(".board-card-points")
+ assert js.count(".board-card-points-edit option") == 9
+ js.set_prop(".board-card-points-edit", "value", "5")
+ js.dispatch(".board-card-points-edit", "change")
+ assert js.text(".board-card-points") == "5"
+ assert js.attr(".board-card", "data-task-points") == "5"
+ js.click(".board-card-assignee")
+ js.set_prop(".board-card-assignee-edit", "value", "Ada")
+ js.dispatch(".board-card-assignee-edit", "keydown", key="Enter")
+ assert js.text(".board-card-assignee-compact") == "Ada"
+ js.run("document.querySelector('.board-card-tags').textContent = 'ui';")
+ js.dispatch(".board-card-tags", "blur")
+ body = posted_json(js, "tasks/update")
+ assert body["title"] == "Untitled"
+ assert body["description"] == "updated"
+ assert body["status"] == "IN_PROGRESS"
+ assert body["priority"] == "HIGH"
+ assert body["points"] == 5
+ assert body["assignee"] == "Ada"
+ assert body["due_date"] is None
+ assert body["tags"] == "ui"
+
+
+def test_due_date_keeps_a_typed_value_and_rejects_junk(js: JsPage) -> None:
+ _open(js)
+ js.run("document.querySelector('.board-card-due-date').textContent = 'soon';")
+ js.click(".board-card-due-date")
+ assert js.prop(".board-card-due-date-edit", "value") == ""
+ js.set_prop(".board-card-due-date-edit", "value", "2024-05-06")
+ js.dispatch(".board-card-due-date-edit", "blur")
+ assert posted_json(js, "tasks/update")["due_date"] == "2024-05-06"
+
+
+def test_backdrop_restores_the_card_ahead_of_its_sibling(js: JsPage) -> None:
+ _open(js, cards=card_html(ref="t1", title="A") + card_html(ref="t2", title="B"))
+ assert js.count(".board-card-popout-overlay .board-card") == 1
+ js.click(".board-card-popout-overlay")
+ assert js.count(".board-card-popout-overlay") == 0
+ titles = js.texts(".board-column-cards .board-card-title")
+ assert titles == ["A", "B"]
+ assert "d-none" in js.classes(".board-card-details")
+ assert js.attr(".board-card", "draggable") == "true"
+
+
+def test_closing_the_last_card_appends_it(js: JsPage) -> None:
+ _open(js, cards=card_html(ref="t1", title="Only"))
+ js.click(".board-card-popout-overlay")
+ assert js.text(".board-column-cards .board-card-title") == "Only"
+
+
+def test_delete_and_archive_ask_before_removing_the_card(js: JsPage) -> None:
+ js.route("tasks/delete", status=200)
+ js.route("tasks/archive", status=200)
+ _open(js)
+ js.run("__confirmYes = false;")
+ js.click(".board-card-delete-btn")
+ assert requested(js, "tasks/delete") is False
+ assert "permanently" in js.value("__confirms")[0]
+ js.run("__confirmYes = true;")
+ js.click(".board-card-delete-btn")
+ assert js.count(".board-card") == 0
+ _open(js)
+ js.route("tasks/delete", status=500)
+ js.click(".board-card-delete-btn")
+ assert js.count(".board-card") == 1
+ js.click(".board-card-archive-btn")
+ assert js.count(".board-card") == 0
+ assert "Archive this task" in js.value("__confirms")[-1]
+
+
+def test_archive_failure_leaves_the_card(js: JsPage) -> None:
+ js.route("tasks/archive", error="offline")
+ _open(js)
+ js.click(".board-card-archive-btn")
+ assert js.count(".board-card") == 1
+
+
+def test_move_removes_the_card_or_shows_an_error(js: JsPage) -> None:
+ js.route("tasks/move", status=200)
+ _open(js)
+ labels = js.texts(".board-card-move-select option")
+ assert "Tasks" not in labels
+ assert "Other" in labels
+ js.dispatch(".board-card-move-select", "change")
+ assert requested(js, "tasks/move") is False
+ js.set_prop(".board-card-move-select", "value", "Other")
+ js.dispatch(".board-card-move-select", "change")
+ assert js.count(".board-card-popout-overlay") == 0
+ assert any("target=Other" in str(item["url"]) for item in js.requests())
+ js.route("tasks/move", status=401)
+ _open(js)
+ js.set_prop(".board-card-move-select", "value", "Other")
+ js.dispatch(".board-card-move-select", "change")
+ assert "Not authorized" in js.text(".board-task-error-hint")
+ assert js.prop(".board-card-move-select", "value") == ""
+ js.route("tasks/move", status=500)
+ js.set_prop(".board-card-move-select", "value", "Other")
+ js.dispatch(".board-card-move-select", "change")
+ assert "Could not move task" in js.text(".board-task-error-hint")
+ js.route("tasks/move", error="offline")
+ js.set_prop(".board-card-move-select", "value", "Other")
+ js.dispatch(".board-card-move-select", "change")
+ assert "Could not move task" in js.text(".board-task-error-hint")
+
+
+def test_actions_without_a_ref_or_project_are_not_bound(js: JsPage) -> None:
+ _open(js, cards=card_html(title="Draft"), project="")
+ js.set_location("http://127.0.0.1/")
+ js.click(".board-card-delete-btn")
+ assert js.value("__confirms") == []
+ assert requested(js, "tasks/delete") is False
+
+
+def test_assignee_cleared_to_none_posts_null(js: JsPage) -> None:
+ _open(js)
+ js.run("document.querySelector('.board-card-assignee').textContent = 'Ada';")
+ js.click(".board-card-assignee")
+ js.set_prop(".board-card-assignee-edit", "value", "")
+ js.dispatch(".board-card-assignee-edit", "blur")
+ assert js.text(".board-card-assignee") == "None"
+ assert posted_json(js, "tasks/update")["assignee"] is None
diff --git a/pygitweb/static_tests/test_board-refs.py b/pygitweb/static_tests/test_board-refs.py
new file mode 100644
index 0000000..46bbc28
--- /dev/null
+++ b/pygitweb/static_tests/test_board-refs.py
@@ -0,0 +1,142 @@
+from __future__ import annotations
+
+import json
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import MANIFEST
+
+_ROOT = (
+ 'see #abcd and #abc and @main and @1234 and @missing and (#eeee)
'
+ "
skip #abcd
keep @main#ffff
")
+ js.run("__manifest = " + json.dumps(MANIFEST))
+ js.load("board-refs.js")
+ js.run("__loaded['board-refs.js'].linkifyElement(document.getElementById('root'), __manifest, 'group/demo')")
+ href = js.attr(".board-ref-commit", "href") or ""
+ assert "/project/group/demo" in href
+ assert "h=ffff" in href
+ assert js.attr(".board-ref-commit", "title") is None
+
+
+def test_load_manifest_normalizes_payloads(js: JsPage) -> None:
+ js.load("board-refs.js")
+ js.route("board-ref-manifest", body=MANIFEST)
+ got = js.settle("__loaded['board-refs.js'].loadManifest('group/demo', 'Sprint')")
+ assert got["commits"][0]["insert"] == "abcd"
+ assert any("b=Sprint" in str(item["url"]) and "/project/group/demo/" in str(item["url"]) for item in js.requests())
+ js.route("board-ref-manifest", status=500, body={"commits": "nope", "refs": None})
+ assert js.settle("__loaded['board-refs.js'].loadManifest('demo', '')") == {"commits": [], "refs": []}
+ js.route("board-ref-manifest", body={"commits": "nope", "refs": {}})
+ normalized = js.settle("__loaded['board-refs.js'].loadManifest('demo', 'Tasks')")
+ assert normalized == {"commits": [], "refs": []}
+ js.route("board-ref-manifest", error="offline")
+ assert js.settle("__loaded['board-refs.js'].loadManifest('demo', 'Tasks')") == {"commits": [], "refs": []}
+
+
+def test_autocomplete_inserts_a_suggestion(js: JsPage) -> None:
+ _load(js)
+ js.run("__loaded['board-refs.js'].attachAutocomplete(null, __manifest)")
+ js.run("__loaded['board-refs.js'].attachAutocomplete(document.getElementById('note'), __manifest)")
+ js.run("__loaded['board-refs.js'].attachAutocomplete(document.getElementById('note'), __manifest)")
+ js.set_prop("#note", "value", "see @ma")
+ js.set_prop("#note", "selectionStart", 7)
+ js.dispatch("#note", "input")
+ assert "d-none" not in js.classes(".board-ref-suggest")
+ assert js.text(".board-ref-suggest-title") == "main"
+ js.dispatch(".board-ref-suggest-item", "mousedown")
+ assert js.prop("#note", "value") == "see @main"
+ assert "d-none" not in js.classes(".board-ref-suggest")
+
+
+def test_autocomplete_filters_commits_and_caps_the_list(js: JsPage) -> None:
+ commits = [
+ {"insert": f"{index:04x}", "name": f"name-{index}", "url": "/c", "tags": "t", "snippet": "s"}
+ for index in range(14)
+ ]
+ js.set_html("")
+ js.run("__manifest = " + json.dumps({"commits": commits, "refs": MANIFEST["refs"]}))
+ js.load("board-refs.js")
+ js.run("__loaded['board-refs.js'].attachAutocomplete(document.getElementById('note'), __manifest)")
+ js.set_prop("#note", "value", "#")
+ js.set_prop("#note", "selectionStart", 1)
+ js.dispatch("#note", "keyup")
+ assert js.count(".board-ref-suggest-item") == 12
+ js.set_prop("#note", "value", "#1")
+ js.set_prop("#note", "selectionStart", 2)
+ js.dispatch("#note", "input")
+ assert js.count(".board-ref-suggest-item") >= 1
+ js.dispatch("#note", "keydown", key="Escape")
+ assert "d-none" in js.classes(".board-ref-suggest")
+
+
+def test_autocomplete_hides_on_blur_and_outside_click(js: JsPage) -> None:
+ _load(js)
+ js.run("__loaded['board-refs.js'].attachAutocomplete(document.getElementById('note'), __manifest)")
+ js.set_prop("#note", "value", "@")
+ js.set_prop("#note", "selectionStart", 1)
+ js.dispatch("#note", "input")
+ assert js.count(".board-ref-suggest-item") == 2
+ js.dispatch("#note", "blur")
+ assert "d-none" not in js.classes(".board-ref-suggest")
+ js.tick()
+ assert "d-none" in js.classes(".board-ref-suggest")
+ js.set_prop("#note", "value", "@ma")
+ js.set_prop("#note", "selectionStart", 3)
+ js.dispatch("#note", "input")
+ js.dispatch("#root", "mousedown")
+ assert "d-none" in js.classes(".board-ref-suggest")
+
+
+def test_autocomplete_ignores_text_without_a_token(js: JsPage) -> None:
+ _load(js)
+ js.run("__loaded['board-refs.js'].attachAutocomplete(document.getElementById('note'), __manifest)")
+ js.set_prop("#note", "value", "hello")
+ js.set_prop("#note", "selectionStart", 5)
+ js.dispatch("#note", "input")
+ assert js.count(".board-ref-suggest-item") == 0
+
+
+def test_suggestion_dates_and_snippets_are_escaped(js: JsPage) -> None:
+ manifest = {
+ "commits": [],
+ "refs": [{"insert": "main", "name": "", "url": "/r", "tags": "main", "snippet": "", "created": ""}],
+ }
+ js.set_html("")
+ js.run("__manifest = " + json.dumps(manifest))
+ js.load("board-refs.js")
+ js.run("__loaded['board-refs.js'].attachAutocomplete(document.getElementById('note'), __manifest)")
+ js.set_prop("#note", "value", "@")
+ js.set_prop("#note", "selectionStart", 1)
+ js.dispatch("#note", "input")
+ html = js.prop(".board-ref-suggest-item", "innerHTML")
+ assert "<b>" in html
+ assert "<i>" in html
+ assert "<d>" in html
+ assert "" not in html
diff --git a/pygitweb/static_tests/test_board.py b/pygitweb/static_tests/test_board.py
new file mode 100644
index 0000000..790ed6e
--- /dev/null
+++ b/pygitweb/static_tests/test_board.py
@@ -0,0 +1,156 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import board_shell, requested
+
+
+def _routes(js: JsPage) -> None:
+ js.route("board/list", body=[{"name": "Tasks", "task_count": 1}, {"name": "Sprint-2", "task_count": 0}])
+ js.route("tasks/list", body=[])
+ js.route("board-ref-manifest", body={"commits": [], "refs": []})
+ js.route("/auth/status", body={"auth_enabled": False})
+
+
+def test_init_waits_for_dom_content_loaded(js: JsPage) -> None:
+ _routes(js)
+ js.set_html(board_shell())
+ js.run("document.readyState = 'loading';")
+ js.load("board.js")
+ assert js.value("__preloaded") == []
+ js.run("document.readyState = 'complete';")
+ js.run("document.dispatchEvent(new Event('DOMContentLoaded'))")
+ assert len(js.value("__preloaded")) == 6
+
+
+def test_selector_lists_boards_and_navigates(js: JsPage) -> None:
+ _routes(js)
+ js.set_html(board_shell())
+ js.load("board.js")
+ labels = js.value(
+ "Array.from(document.querySelectorAll('#board-board-select option')).map(function(el){return el.textContent;})"
+ )
+ assert labels == ["Tasks (1)", "Sprint-2 (0)"]
+ assert js.prop("#board-board-select", "value") == "Tasks"
+ js.dispatch("#board-board-select", "change")
+ assert js.value("__assigned") is None
+ js.set_prop("#board-board-select", "value", "Sprint-2")
+ js.dispatch("#board-board-select", "change")
+ assert js.value("__assigned") == "/project/demo/board/?b=Sprint-2"
+
+
+def test_unknown_current_board_is_inserted(js: JsPage) -> None:
+ _routes(js)
+ js.set_html(board_shell(board="Other"))
+ js.load("board.js")
+ assert js.prop("#board-board-select", "value") == "Other"
+ assert js.text("#board-board-select option") == "Other"
+
+
+def test_empty_or_failed_board_list_leaves_the_select(js: JsPage) -> None:
+ js.route("board/list", body=[])
+ js.route("tasks/list", body=[])
+ js.route("board-ref-manifest", body={"commits": [], "refs": []})
+ js.route("/auth/status", body={"auth_enabled": False})
+ js.set_html(board_shell())
+ js.load("board.js")
+ assert js.count("#board-board-select option") == 0
+
+
+def test_failed_board_list_leaves_the_select(js: JsPage) -> None:
+ js.route("board/list", error="offline")
+ js.route("tasks/list", body=[])
+ js.route("board-ref-manifest", body={"commits": [], "refs": []})
+ js.route("/auth/status", body={"auth_enabled": False})
+ js.set_html(board_shell())
+ js.load("board.js")
+ assert js.count("#board-board-select option") == 0
+
+
+def test_sprint_name_increments_and_the_form_can_be_cancelled(js: JsPage) -> None:
+ _routes(js)
+ js.route("board/list", body=[{"name": "Sprint-2"}, {"name": "notes"}, {"name": "Sprint-9"}])
+ js.set_html(board_shell())
+ js.load("board.js")
+ js.click("#board-new-sprint-btn")
+ assert "d-none" not in js.classes("#board-new-form")
+ assert js.prop("#board-new-name", "value") == "Sprint-10"
+ js.click("#board-new-cancel")
+ assert "d-none" in js.classes("#board-new-form")
+ js.click("#board-new-board-btn")
+ assert js.prop("#board-new-name", "value") == ""
+
+
+def test_create_board_navigates_or_shows_the_error(js: JsPage) -> None:
+ _routes(js)
+ js.route("board/create", status=200)
+ js.set_html(board_shell())
+ js.load("board.js")
+ js.click("#board-new-board-btn")
+ js.set_prop("#board-new-name", "value", " ")
+ js.dispatch("#board-new-form", "submit")
+ assert requested(js, "board/create") is False
+ js.set_prop("#board-new-name", "value", "My Board")
+ js.dispatch("#board-new-form", "submit")
+ assert js.value("__assigned") == "/project/demo/board/?b=My-Board"
+ js.route("board/create", status=400, body={"detail": "taken"})
+ js.set_prop("#board-new-name", "value", "Tasks")
+ js.dispatch("#board-new-form", "submit")
+ assert js.text("#board-new-error") == "taken"
+ assert "d-none" not in js.classes("#board-new-error")
+ js.route("board/create", status=400, json_error=True)
+ js.dispatch("#board-new-form", "submit")
+ assert js.text("#board-new-error") == "Could not create board."
+ js.route("board/create", error="offline")
+ js.dispatch("#board-new-form", "submit")
+ assert js.text("#board-new-error") == "Could not create board."
+
+
+def test_open_task_from_the_query_string(js: JsPage) -> None:
+ _routes(js)
+ js.route(
+ "tasks/list",
+ body=[{"ref": "refs/tags/tasks/task_abcd", "title": "Ship", "status": "TODO"}],
+ )
+ js.set_location("http://127.0.0.1/project/demo/board/?task=refs/tags/tasks/task_abcd")
+ js.set_html(board_shell())
+ js.load("board.js")
+ assert js.count(".board-card-popout") == 0
+ js.tick()
+ assert "board-card-popout" in js.classes(".board-card")
+
+
+def test_open_task_skips_a_card_that_is_already_open(js: JsPage) -> None:
+ _routes(js)
+ js.route("tasks/list", body=[{"ref": "t1", "title": "Ship", "status": "TODO"}])
+ js.set_location("http://127.0.0.1/project/demo/board/?task=t1")
+ js.set_html(board_shell())
+ js.load("board.js")
+ js.run("document.querySelector('.board-card').classList.add('board-card-popout')")
+ js.tick()
+ assert js.count(".board-card-popout-overlay") == 0
+
+
+def test_missing_query_task_does_not_open_a_card(js: JsPage) -> None:
+ _routes(js)
+ js.set_html(board_shell())
+ js.load("board.js")
+ js.tick()
+ assert js.count(".board-card-popout-overlay") == 0
+
+
+def test_init_without_a_project_skips_the_network(js: JsPage) -> None:
+ js.set_html('')
+ js.set_location("http://127.0.0.1/")
+ js.load("board.js")
+ assert requested(js, "board/list") is False
+ assert requested(js, "tasks/list") is False
+
+
+def test_sprint_suggestion_starts_at_one_before_the_list_loads(js: JsPage) -> None:
+ js.route("tasks/list", body=[])
+ js.route("board-ref-manifest", body={"commits": [], "refs": []})
+ js.route("/auth/status", body={"auth_enabled": False})
+ js.set_html(board_shell())
+ js.load("board.js")
+ js.click("#board-new-sprint-btn")
+ assert js.prop("#board-new-name", "value") == "Sprint-1"
diff --git a/pygitweb/static_tests/test_diff-view.py b/pygitweb/static_tests/test_diff-view.py
new file mode 100644
index 0000000..fb4a396
--- /dev/null
+++ b/pygitweb/static_tests/test_diff-view.py
@@ -0,0 +1,77 @@
+from __future__ import annotations
+
+import base64
+
+from pygitweb.static_tests.js_runtime import JsPage
+
+_DIFF = base64.b64encode(b"diff --git a/a b/a\n").decode("ascii")
+_SHELL = (
+ ''
+ ''
+)
+
+
+def _stub_diff2html(js: JsPage) -> None:
+ js.run(
+ "globalThis.Diff2HtmlUI = function(el, diff, config) {"
+ " this.el = el; this.diff = diff; this.config = config;"
+ " el.setAttribute('data-diff', diff);"
+ " el.setAttribute('data-format', config.outputFormat);"
+ " this.draw = function() { el.setAttribute('data-drawn', '1'); };"
+ " this.highlightCode = function() { el.setAttribute('data-hl', '1'); };"
+ "};"
+ )
+
+
+def test_render_does_nothing_when_nodes_are_missing(js: JsPage) -> None:
+ js.set_html("")
+ js.load("diff-view.js")
+ assert js.count("#d2h-empty") == 0
+
+
+def test_render_shows_empty_text_when_there_is_no_diff(js: JsPage) -> None:
+ js.set_html(_SHELL.format(b64="", has="false", empty="No changes"))
+ js.load("diff-view.js")
+ assert js.text("#d2h-empty") == "No changes"
+ assert js.value("document.querySelector('#d2h-empty').style.display") == "block"
+
+
+def test_render_shows_empty_text_when_base64_is_missing(js: JsPage) -> None:
+ js.set_html(_SHELL.format(b64="", has="true", empty="Empty"))
+ js.load("diff-view.js")
+ assert js.text("#d2h-empty") == "Empty"
+
+
+def test_render_draws_a_decoded_diff(js: JsPage) -> None:
+ _stub_diff2html(js)
+ js.set_html(_SHELL.format(b64=_DIFF, has="true", empty=""))
+ js.load("diff-view.js")
+ assert js.attr("#d2h-output", "data-drawn") == "1"
+ assert js.attr("#d2h-output", "data-hl") == "1"
+ assert "diff --git" in (js.attr("#d2h-output", "data-diff") or "")
+ assert js.attr("#d2h-output", "data-format") == "side-by-side"
+
+
+def test_render_treats_an_empty_decode_as_no_diff(js: JsPage) -> None:
+ js.run("globalThis.atob = function() { return ''; };")
+ js.set_html(_SHELL.format(b64=_DIFF, has="true", empty="Blank"))
+ js.load("diff-view.js")
+ assert js.text("#d2h-empty") == "Blank"
+
+
+def test_render_uses_the_raw_string_without_textdecoder(js: JsPage) -> None:
+ _stub_diff2html(js)
+ js.run("globalThis.__td = globalThis.TextDecoder; delete globalThis.TextDecoder;")
+ js.set_html(_SHELL.format(b64=_DIFF, has="true", empty=""))
+ js.load("diff-view.js")
+ js.run("globalThis.TextDecoder = globalThis.__td;")
+ assert js.attr("#d2h-output", "data-drawn") == "1"
+
+
+def test_render_escapes_a_decoder_error(js: JsPage) -> None:
+ js.set_html(_SHELL.format(b64="!!!", has="true", empty=""))
+ js.load("diff-view.js")
+ html = js.prop("#d2h-output", "innerHTML")
+ assert "Failed to render diff" in html
+ assert " None:
+ js.load("dom.js")
+ assert js.call("dom.js", "escapeHtml", """a&<>"'""") == "a&<>"'"
+
+
+def test_escape_html_stringifies_non_strings(js: JsPage) -> None:
+ js.load("dom.js")
+ assert js.call("dom.js", "escapeHtml", None) == "null"
+ assert js.call("dom.js", "escapeHtml", 12) == "12"
diff --git a/pygitweb/static_tests/test_hook-install.py b/pygitweb/static_tests/test_hook-install.py
new file mode 100644
index 0000000..964d851
--- /dev/null
+++ b/pygitweb/static_tests/test_hook-install.py
@@ -0,0 +1,89 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+from pygitweb.static_tests.pages import requested
+
+_HOOKS = (
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+)
+
+
+def test_click_outside_a_hook_control_is_ignored(js: JsPage) -> None:
+ js.set_html(_HOOKS)
+ js.load("hook-install.js")
+ js.click("#plain")
+ assert js.value("__alerts") == []
+ assert requested(js, "/hook?") is False
+
+
+def test_incomplete_toggle_does_not_post(js: JsPage) -> None:
+ js.set_html(_HOOKS)
+ js.load("hook-install.js")
+ js.click("#incomplete")
+ assert requested(js, "/hook?") is False
+ assert js.prop("#incomplete", "disabled") is False
+
+
+def test_uninstall_reloads_after_a_successful_post(js: JsPage) -> None:
+ js.route("/hook?", status=200, text="ok")
+ js.set_html(_HOOKS)
+ js.load("hook-install.js")
+ js.click(".hook-toggle[data-sample]")
+ urls = [item["url"] for item in js.requests() if "/hook?" in str(item["url"])]
+ assert urls[0].endswith("name=commit-msg&op=uninstall")
+ assert js.value("__reloaded") is True
+ assert js.prop(".hook-toggle[data-sample]", "disabled") is True
+
+
+def test_uninstall_alerts_and_reenables_when_the_post_fails(js: JsPage) -> None:
+ js.route("/hook?", status=500, text="nope")
+ js.set_html(_HOOKS)
+ js.load("hook-install.js")
+ js.click(".hook-toggle[data-sample]")
+ alerts = js.value("__alerts")
+ assert "uninstall failed (500)" in alerts[0]
+ assert "nope" in alerts[0]
+ assert js.prop(".hook-toggle[data-sample]", "disabled") is False
+ assert js.value("__reloaded") is False
+
+
+def test_uninstall_alerts_when_fetch_rejects(js: JsPage) -> None:
+ js.route("/hook?", error="offline")
+ js.set_html(_HOOKS)
+ js.load("hook-install.js")
+ js.click(".hook-toggle[data-sample]")
+ assert "offline" in js.value("__alerts")[0]
+ assert js.prop(".hook-toggle[data-sample]", "disabled") is False
+
+
+def test_install_posts_the_selected_sample(js: JsPage) -> None:
+ js.route("/hook?", status=200, text="ok")
+ js.set_html(_HOOKS)
+ js.load("hook-install.js")
+ js.click(".hook-install-btn[data-project]")
+ urls = [item["url"] for item in js.requests()]
+ assert any("name=pre-commit&op=install" in url for url in urls)
+ assert js.value("__reloaded") is True
+
+
+def test_install_without_a_select_does_not_post(js: JsPage) -> None:
+ html = _HOOKS.replace(
+ '',
+ '',
+ )
+ js.set_html(html)
+ js.load("hook-install.js")
+ js.click(".hook-install-btn[data-project]")
+ assert requested(js, "/hook?") is False
+
+
+def test_install_without_a_project_does_not_post(js: JsPage) -> None:
+ js.set_html(_HOOKS)
+ js.load("hook-install.js")
+ js.click("#install-bare")
+ assert requested(js, "/hook?") is False
diff --git a/pygitweb/static_tests/test_navbar-auth.py b/pygitweb/static_tests/test_navbar-auth.py
new file mode 100644
index 0000000..17a99d2
--- /dev/null
+++ b/pygitweb/static_tests/test_navbar-auth.py
@@ -0,0 +1,79 @@
+from __future__ import annotations
+
+from pygitweb.static_tests.js_runtime import JsPage
+
+_NAV = (
+ ''
+ '
'
+ '
'
+ '
'
+ '
'
+ "
Demo
Demo
!!!
Hi
"
+ 'fc\'; } }; };'
+ )
+ js.set_html(_page(_B64, blob_dir=""))
+ js.load("readme-render.js")
+ js.run("showdown.Converter = __real;")
+ assert js.attr("h1", "id") == "demo"
+ assert js.count("#demo-1") == 1
+ assert js.count("#section") == 1
+ assert "a.md" in (js.attr('a[href*="a.md"]', "href") or "")
+ assert js.attr('a[href="//cdn.example/a"]', "href") == "//cdn.example/a"
+ assert js.count(".page .readme-toc") == 1
+
+
+def test_toc_is_not_mounted_without_a_page_column(js: JsPage) -> None:
+ js.set_html(f'')
+ js.load("readme-render.js")
+ assert js.count("h1") == 1
+ assert js.count(".readme-toc-mount") == 0
diff --git a/pygitweb/static_tests/test_search-page.py b/pygitweb/static_tests/test_search-page.py
new file mode 100644
index 0000000..c7d28db
--- /dev/null
+++ b/pygitweb/static_tests/test_search-page.py
@@ -0,0 +1,154 @@
+from __future__ import annotations
+
+import pytest
+
+from pygitweb.static_tests.js_runtime import JsError, JsPage
+
+_FORM = (
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ '