Test: Fix style of multiple automated tests in <nav>

instantpage · Aug 22, 2023 · 3525715 · 3525715
1 parent eb2f026
commit 3525715
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/test/client/stylesheet.css b/test/client/stylesheet.css
@@ -30,6 +30,12 @@ nav {
   background-color: hsl(0 0% 100% / .375);
 }
 
+nav a {
+  display: block;
+
+  padding-block: .125em;
+}
+
 main {
   grid-area: main;
 }

diff --git a/test/index.js b/test/index.js
@@ -242,7 +242,7 @@ async function fillHeaderWithTests(header) {
     tests.push({testDir, ...testConfig})
   }
 
-  let testsHtml = tests.map((value) => `<a href="/tests/${value.testDir}/index.html" data-no-instant>${value.title}</a>`)
+  let testsHtml = tests.map((value) => `<a href="/tests/${value.testDir}/index.html" data-no-instant>${value.title}</a>`).join('\n')
   header = header.replace('<nav></nav>', `<nav>${testsHtml}</nav>`)
 
   return header