first

tests/graph-html-mobile.regression-1.sh

@@ -0,0 +1,48 @@
+#!/bin/bash
+# Regression: engine offline graph HTML must remain responsive
+
+set -euo pipefail
+
+REPO_ROOT="$(cd "$(dirname "$0")/.." && pwd)"
+source "$REPO_ROOT/tests/lib/graph-html-engine-helpers.sh"
+
+test_graph_html_has_responsive_css() {
+    local tmp_dir html
+    tmp_dir="$(mktemp -d)"
+
+    build_graph_html_fixture "$tmp_dir"
+    html="$tmp_dir/wiki/knowledge-graph.html"
+
+    assert_file_contains "$html" "@media (max-width: 720px)"
+    assert_file_contains "$html" ".offline-header { align-items: flex-start; flex-direction: column; }"
+    assert_file_contains "$html" ".offline-toolbar-host { width: 100%; flex-basis: auto; }"
+    assert_file_contains "$html" "#graph-root { min-height: 520px; }"
+    assert_file_contains "$html" "width: min(360px, calc(100% - 32px));"
+    assert_file_contains "$html" "overflow-wrap: anywhere;"
+
+    rm -rf "$tmp_dir"
+}
+
+test_graph_html_has_stable_mobile_shell_dimensions() {
+    local tmp_dir html
+    tmp_dir="$(mktemp -d)"
+
+    build_graph_html_fixture "$tmp_dir"
+    html="$tmp_dir/wiki/knowledge-graph.html"
+
+    assert_file_contains "$html" ".offline-shell"
+    assert_file_contains "$html" "grid-template-rows: auto minmax(0, 1fr);"
+    assert_file_contains "$html" "#graph-root"
+    assert_file_contains "$html" "height: 100%;"
+    assert_file_contains "$html" "min-height: 560px;"
+
+    rm -rf "$tmp_dir"
+}
+
+main() {
+    test_graph_html_has_responsive_css
+    test_graph_html_has_stable_mobile_shell_dimensions
+    echo "PASS: graph HTML mobile regression coverage"
+}
+
+main "$@"