index : cgit

#!/bin/sh

# Guards the hooks the README promises a site stylesheet or script, so a
# rename in the markup fails here instead of in someone's theme. Each check
# names the page it renders and the attribute or element it expects.

test_description='Check the markup hooks a theme relies on'
CGIT_TEST_NO_CREATE_REPOS=YesPlease
. ./setup.sh

test_expect_success 'set up a repository with a file that has an extension' '
	mkrepo repos/hooks 2 &&
	(
		cd repos/hooks &&
		mkdir dir &&
		echo "int x;" >dir/hello.c &&
		git add dir &&
		git commit -m sources
	) &&
	{
		echo "virtual-root=/" &&
		echo "cache-size=0" &&
		echo "enable-blame=1" &&
		echo "max-stats=year" &&
		echo "readme=:file-1" &&
		echo "repo.url=hooks" &&
		echo "repo.path=$PWD/repos/hooks/.git"
	} >hooksrc
'

hooks() { CGIT_CONFIG="$PWD/hooksrc" QUERY_STRING="url=$1" cgit; }

test_expect_success 'the root names the page and the repository' '
	hooks "" >tmp &&
	grep "<div id=.cgit. data-page=.repolist.>" tmp &&
	hooks "hooks/log/" >tmp &&
	grep "<div id=.cgit. data-page=.log. data-repo=.hooks.>" tmp
'

test_expect_success 'the landmarks and the search form are in place' '
	grep "<header id=.header.>" tmp &&
	grep "<nav class=.tabs. aria-label=.Pages.>" tmp &&
	grep "<form class=.search. role=.search." tmp &&
	grep "<main class=.content.>" tmp &&
	grep "<footer class=.footer.>" tmp
'

test_expect_success 'the pages name the versions only when asked to' '
	hooks "hooks/" >footer &&
	grep "<meta name=.generator. content=.cgit.>" footer &&
	grep "<footer class=.footer.>generated by <a href=[^>]*>cgit</a></footer>" footer &&
	{
		echo "enable-version-info=1" &&
		cat hooksrc
	} >versionrc &&
	CGIT_CONFIG="$PWD/versionrc" QUERY_STRING="url=hooks/" cgit >footer &&
	grep "<meta name=.generator. content=.cgit v[0-9][^>]*>" footer &&
	grep "<footer class=.footer.>generated by <a href=[^>]*>cgit v[0-9][^<]*</a> (<a href=[^>]*>git [0-9][^<]*</a>)</footer>" footer &&
	echo "<footer>our own</footer>" >footer.html &&
	{
		echo "enable-version-info=1" &&
		echo "footer=$PWD/footer.html" &&
		cat hooksrc
	} >versionrc &&
	CGIT_CONFIG="$PWD/versionrc" QUERY_STRING="url=hooks/" cgit >footer &&
	grep "<footer>our own</footer>" footer &&
	! grep "git-scm" footer
'

test_expect_success 'the listings name themselves, their sections and their rows' '
	grep "<table class=.list log. aria-label=.Commits.>" tmp &&
	grep "<tbody class=.log.>" tmp &&
	grep "<tr class=.commit.>" tmp &&
	grep "class=.active. aria-current=.page." tmp &&
	grep "<th class=.left. scope=.col.>" tmp &&
	hooks "" >tmp &&
	grep "<table class=.list repolist. aria-label=.Repositories.>" tmp &&
	grep "<tbody class=.repos.>" tmp &&
	grep "<tr class=.repo.>" tmp &&
	hooks "hooks/" >tmp &&
	grep "<table class=.list summary. aria-label=.Summary.>" tmp &&
	grep "<tbody class=.branches.>" tmp &&
	grep "<tr class=.branch.>" tmp &&
	hooks "hooks/tree/" >tmp &&
	grep "<table class=.list tree. aria-label=.Files.>" tmp &&
	grep "<tr class=.dir.>" tmp &&
	grep "<tr class=.blob.>" tmp &&
	hooks "hooks/tree/dir/" >tmp &&
	grep "class=.ls-blob ext-c." tmp
'

test_expect_success 'the diff pages wrap each file and label their controls' '
	hooks "hooks/commit/" >tmp &&
	grep "<table class=.commit-info.>" tmp &&
	grep "<th scope=.row.>author</th>" tmp &&
	grep "<div class=.file. data-path=.dir/hello.c.>" tmp &&
	grep "<label for=.diff-context.>context</label>" tmp &&
	grep "<select id=.diff-context. name=.context.>" tmp &&
	grep "<form method=.get. aria-label=.Diff options.>" tmp &&
	hooks "hooks/diff/&ss=1" >tmp &&
	grep "<tbody class=.file. data-path=.dir/hello.c.>" tmp &&
	hooks "hooks/stats/" >tmp &&
	grep "<label for=.stats-authors.>authors</label>" tmp
'

test_expect_success 'the blob, blame and about pages open with their own containers' '
	hooks "hooks/tree/dir/hello.c" >tmp &&
	grep "<div class=.blob-header.>" tmp &&
	grep "<a id=.n1." tmp &&
	hooks "hooks/blame/dir/hello.c" >tmp &&
	grep "<div class=.blob-header.>" tmp &&
	hooks "hooks/about/" >tmp &&
	grep "<div id=.about.>" tmp
'

test_expect_success 'each page names itself, then the repository and the site' '
	site="Git repository browser" &&
	hooks "hooks/" >tmp &&
	grep "<title>hooks - $site</title>" tmp &&
	for page in about log refs tree stats
	do
		hooks "hooks/$page/" >tmp &&
		grep "<title>$page - hooks - $site</title>" tmp || return 1
	done &&
	hooks "hooks/tree/dir/hello.c" >tmp &&
	grep "<title>hello.c &lt; dir - hooks - $site</title>" tmp &&
	hooks "hooks/blame/dir/hello.c" >tmp &&
	grep "<title>blame - hello.c &lt; dir - hooks - $site</title>" tmp
'

# A browser gives these elements a monospace font of its own, which would
# otherwise win over the one a theme sets through --font-mono.
test_expect_success 'every monospace element takes the theme font' '
	sed -n "/^div#cgit code,$/,/^}/p" "$TEST_OUTPUT_DIRECTORY/../assets/cgit.css" >rule &&
	grep "^div#cgit pre,$" rule &&
	grep "^  font-family: var(--font-mono);$" rule
'

test_expect_success 'the stylesheet and the script name only the current hooks' '
	! grep "_dark\|#summary\|ul.pager\|td:empty" "$TEST_OUTPUT_DIRECTORY/../assets/cgit.css" &&
	grep "window.cgit.updateAges" "$TEST_OUTPUT_DIRECTORY/../assets/cgit.js" &&
	grep "window.cgit.highlightLines" "$TEST_OUTPUT_DIRECTORY/../assets/cgit.js"
'

# The background is set as --bg, again on html.cgit-standalone for the canvas
# around div#cgit, and in the theme-color tags that colour the browser's own
# bar. None of the three can read the others, so they are compared here.
test_expect_success 'the page background is the same everywhere it is set' '
	css="$TEST_OUTPUT_DIRECTORY/../assets/cgit.css" &&
	sed -n "s/^  --bg: *light-dark(\(#[0-9a-f]*\), \(#[0-9a-f]*\));\$/\1 \2/p" "$css" >expect &&
	test_line_count = 1 expect &&
	sed -n "/^html.cgit-standalone {\$/,/^}/s/^  background: light-dark(\(#[0-9a-f]*\), \(#[0-9a-f]*\));\$/\1 \2/p" "$css" >actual &&
	test_cmp expect actual &&
	hooks "hooks/" >tmp &&
	light=$(sed -n "s/.*theme-color. media=.(prefers-color-scheme: light). content=.\(#[0-9a-f]*\).*/\1/p" tmp) &&
	dark=$(sed -n "s/.*theme-color. media=.(prefers-color-scheme: dark). content=.\(#[0-9a-f]*\).*/\1/p" tmp) &&
	echo "$light $dark" >actual &&
	test_cmp expect actual
'

test_expect_success 'the script waits for the page instead of holding it up' '
	hooks "hooks/" >tmp &&
	grep "<script src=./cgit.js. defer></script>" tmp
'

# A collection from getElementsByClassName is live, so an age the loop moves to
# another unit drops out of it at once and the age after it is skipped.
test_expect_success 'the script walks the ages from a list that holds still' '
	! grep "getElementsByClassName" "$TEST_OUTPUT_DIRECTORY/../assets/cgit.js"
'

# The line anchors carry a scroll margin of half the window, which centres a
# line scrolled to the top of the view. Asking scrollIntoView to centre it as
# well centres the margin too and drops a range three quarters of the way down.
test_expect_success 'a line range scrolls where a single line does' '
	grep "^  scroll-margin-top: calc(50vh - 1em);$" "$TEST_OUTPUT_DIRECTORY/../assets/cgit.css" &&
	grep "first.scrollIntoView();" "$TEST_OUTPUT_DIRECTORY/../assets/cgit.js"
'

# The rest of the hooks need a tag, a symlink, a submodule, a trailer, clone
# urls, an empty repository and a second page of repositories, so they get a
# commit and a config of their own after the checks above have read the first
# ones.
test_expect_success 'set up the remaining kinds of entry' '
	(
		cd repos/hooks &&
		git tag -a -m "first release" v1 &&
		test_ln_s_add file-1 link &&
		git update-index --add --cacheinfo "160000,$(git rev-parse HEAD),sub" &&
		git commit -m "more kinds of entry" -m "Fixes: $(git rev-parse --short HEAD)"
	) &&
	git init -q --bare repos/empty.git &&
	{
		echo "virtual-root=/" &&
		echo "cache-size=0" &&
		echo "enable-commit-trailers=1" &&
		echo "max-repo-count=1" &&
		echo "clone-url=https://example.com/clone.git" &&
		echo "repo.url=hooks" &&
		echo "repo.path=$PWD/repos/hooks/.git" &&
		echo "repo.url=again" &&
		echo "repo.path=$PWD/repos/hooks/.git" &&
		echo "repo.url=empty" &&
		echo "repo.path=$PWD/repos/empty.git"
	} >morerc
'

more() { CGIT_CONFIG="$PWD/morerc" QUERY_STRING="url=$1" cgit; }

test_expect_success 'the refs, summary and tree name every section and row' '
	more "hooks/refs/" >tmp &&
	grep "<table class=.list refs. aria-label=.Branches and tags.>" tmp &&
	grep "<tbody class=.tags.>" tmp &&
	grep "<tr class=.tag.>" tmp &&
	more "hooks/" >tmp &&
	grep "<tbody class=.clone.>" tmp &&
	more "hooks/tree/" >tmp &&
	grep "<tbody class=.tree.>" tmp &&
	grep "<tr class=.link.>" tmp &&
	grep "<tr class=.mod.>" tmp
'

test_expect_success 'the commit page has its trailer table and diffstat' '
	more "hooks/commit/" >tmp &&
	grep "<table class=.commit-trailers.>" tmp &&
	grep "<table class=.diffstat.>" tmp
'

test_expect_success 'the breadcrumb, the pager and the ages carry their hooks' '
	more "hooks/tree/dir/" >tmp &&
	grep "<nav class=.path. aria-label=.breadcrumb.>" tmp &&
	more "" >tmp &&
	grep "<nav class=.pager. aria-label=.Pager.>" tmp &&
	grep "class=.current. aria-current=.page." tmp &&
	grep "<time class=.age-[a-z]*. datetime=.[^ ]* data-ut=.[0-9]*." tmp
'

test_expect_success 'a date shown in full is a plain time element' '
	{
		echo "enable-relative-dates=0" &&
		cat morerc
	} >fullrc &&
	CGIT_CONFIG="$PWD/fullrc" QUERY_STRING="url=" cgit >tmp &&
	grep "<time datetime=" tmp &&
	! grep "data-ut=" tmp
'

test_expect_success 'an empty repository lists its clone urls as a clone table' '
	more "empty/" >tmp &&
	grep "<table class=.list clone. aria-label=.Clone urls.>" tmp &&
	grep "<tbody class=.clone.>" tmp
'

test_expect_success 'embedded mode marks the root' '
	{
		echo "embedded=1" &&
		cat hooksrc
	} >embeddedrc &&
	CGIT_CONFIG="$PWD/embeddedrc" QUERY_STRING="url=hooks/" cgit >tmp &&
	grep "<div id=.cgit. class=.cgit-embedded. data-page=.summary." tmp
'

test_done