Frank
e22b43d589
Each section's panels fill an auto-fill row (as many per row as the viewport allows) and the sections stack vertically — the side-by-side column layout was the wrong read of 'render the sections horizontally'.
88 lines
3.0 KiB
Bash
88 lines
3.0 KiB
Bash
#!/usr/bin/env bats
|
|
# Seam: the homepage pages (index.html, admin.html, app.js, style.css).
|
|
# A browser cannot run under bats, so the tests assert the public contract
|
|
# statically: the pages reference the data and the theme, the page does not
|
|
# auto-refresh (Q41), does not alter the user's cursor (Q28), offers the
|
|
# styling toggle (Q27), and shows the last master deployment datetime (Q43).
|
|
# Both pages render through the shared section/panel components, and WIP
|
|
# badges distinguish open from closed work.
|
|
|
|
load helpers
|
|
|
|
setup() {
|
|
BASE="$REPO_ROOT/shared/homepage"
|
|
}
|
|
|
|
@test "pages exist and reference the data and the theme" {
|
|
[ -f "$BASE/index.html" ]
|
|
[ -f "$BASE/admin.html" ]
|
|
[ -f "$BASE/app.js" ]
|
|
[ -f "$BASE/style.css" ]
|
|
for f in app.js style.css; do
|
|
grep -q "$f" "$BASE/index.html"
|
|
grep -q "$f" "$BASE/admin.html"
|
|
done
|
|
grep -q "status.json" "$BASE/app.js"
|
|
grep -q "services.json" "$BASE/app.js"
|
|
}
|
|
|
|
@test "sections and panels are shared components rendered by both pages" {
|
|
# Both pages load the same app.js; the grouping must live in shared
|
|
# renderSection()/renderPanel() components, not in per-page markup.
|
|
grep -q "renderSection" "$BASE/app.js"
|
|
grep -q "renderPanel" "$BASE/app.js"
|
|
grep -q "SECTION_ORDER" "$BASE/app.js"
|
|
}
|
|
|
|
@test "sections render as horizontal rows of panels" {
|
|
grep -q 'class="sections"' "$BASE/index.html"
|
|
grep -q 'class="sections"' "$BASE/admin.html"
|
|
# Each section's panels fill an auto-fill row, not a single column.
|
|
grep -q "repeat(auto-fill" "$BASE/style.css"
|
|
}
|
|
|
|
@test "WIP badges distinguish open from closed work" {
|
|
grep -q "WIP: OPEN" "$BASE/app.js"
|
|
grep -q "WIP: CLOSED" "$BASE/app.js"
|
|
grep -q "wip-open" "$BASE/style.css"
|
|
grep -q "wip-closed" "$BASE/style.css"
|
|
}
|
|
|
|
@test "the page does not auto-refresh (Q41)" {
|
|
! grep -q "setInterval" "$BASE/app.js"
|
|
! grep -qi "poll" "$BASE/app.js"
|
|
}
|
|
|
|
@test "the page does not alter the user's cursor (Q28)" {
|
|
! grep -qE "cursor:[[:space:]]*(none|url\()" "$BASE/style.css"
|
|
}
|
|
|
|
@test "the styling toggle strips to bare HTML (Q27)" {
|
|
grep -q "data-bare" "$BASE/style.css"
|
|
grep -q "bare" "$BASE/app.js"
|
|
}
|
|
|
|
@test "the footer shows the last master deployment datetime (Q43)" {
|
|
grep -q "deployed-at" "$BASE/index.html"
|
|
grep -q "deployed-at" "$BASE/admin.html"
|
|
grep -q "deployed-at" "$BASE/app.js"
|
|
}
|
|
|
|
@test "the pages set a base so the /admin/ page resolves refs to the root" {
|
|
grep -q '<base href="/">' "$BASE/index.html"
|
|
grep -q '<base href="/">' "$BASE/admin.html"
|
|
}
|
|
|
|
@test "the user docs page exists and is reachable from the service pages" {
|
|
[ -f "$BASE/docs.html" ]
|
|
grep -q '<a href="/docs">docs</a>' "$BASE/index.html"
|
|
grep -q 'id="models"' "$BASE/docs.html"
|
|
grep -q '<base href="/">' "$BASE/docs.html"
|
|
grep -q 'style.css' "$BASE/docs.html"
|
|
}
|
|
|
|
@test "the docs route is served and shipped" {
|
|
grep -qE 'try_files /docs\.html' "$REPO_ROOT/dankclaw/Caddyfile"
|
|
grep -q 'shared/homepage/docs.html' "$REPO_ROOT/scripts/deploy-remote.sh"
|
|
}
|