all: fix rendering toc by levels

Also, apply div element with class sectionbody only on section L1.

3 files changed, 66 insertions, 3 deletions

diff --git a/testdata/got.test.html b/testdata/got.test.html
index 58cefd6..8fa87c4 100644
--- a/testdata/got.test.html
+++ b/testdata/got.test.html
@@ -21,8 +21,18 @@
 </div>
 <div id="toc" class="toc">
 <div id="toctitle">Table of Contents</div>
+
 <ul class="sectlevel1">
 <li><a href="#_inline_formatting_on_section"><em>Inline <code>formatting</code> on <strong>section</strong></em></a></li>
+<li><a href="#_level_1">Level 1</a>
+<ul class="sectlevel2">
+<li><a href="#_level_2">Level 2</a>
+<ul class="sectlevel3">
+<li><a href="#_level_3">Level 3</a></li>
+</ul>
+</li>
+</ul>
+</li>
 <li><a href="#_comment">Comment</a></li>
 <li><a href="#_paragraph">Paragraph</a></li>
 <li><a href="#_unconstrained_text_formatting">Unconstrained text formatting</a></li>
@@ -121,6 +131,23 @@
 </div>
 </div>
 <div class="sect1">
+<h2 id="_level_1">Level 1</h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_level_2">Level 2</h3>
+<div class="sect3">
+<h4 id="_level_3">Level 3</h4>
+<div class="sect4">
+<h5 id="_level_4">Level 4</h5>
+<div class="sect5">
+<h6 id="_level_5">Level 5</h6>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
 <h2 id="_comment">Comment</h2>
 <div class="sectionbody">
 <div class="literalblock">
@@ -1782,7 +1809,7 @@ and then moves on.</pre>
 <div id="footer">
 <div id="footer-text">
 Version 1.1.1<br>
-Last updated 2020-10-29 23:32:22 +0700
+Last updated 2020-10-29 23:36:45 +0700
 </div>
 </div>
 </body>
diff --git a/testdata/test.adoc b/testdata/test.adoc
index 2dc15c6..3158699 100644
--- a/testdata/test.adoc
+++ b/testdata/test.adoc
@@ -4,7 +4,7 @@ Author A, Author B
 :unclosed metadata:
 v1.1.1, 18 July 2020
 :toc:
-:toclevels: 4
+:toclevels: 3
 
 This is preamble.
 :other metadata:
@@ -24,6 +24,15 @@ a
 
 Test inline formatting on section title.
 
+== Level 1
+
+=== Level 2
+
+==== Level 3
+
+===== Level 4
+
+====== Level 5
 
 == Comment
 
diff --git a/testdata/test.html b/testdata/test.html
index ff2d20b..ae8b54d 100644
--- a/testdata/test.html
+++ b/testdata/test.html
@@ -23,6 +23,15 @@
 <div id="toctitle">Table of Contents</div>
 <ul class="sectlevel1">
 <li><a href="#_inline_formatting_on_section"><em>Inline <code>formatting</code> on <strong>section</strong></em></a></li>
+<li><a href="#_level_1">Level 1</a>
+<ul class="sectlevel2">
+<li><a href="#_level_2">Level 2</a>
+<ul class="sectlevel3">
+<li><a href="#_level_3">Level 3</a></li>
+</ul>
+</li>
+</ul>
+</li>
 <li><a href="#_comment">Comment</a></li>
 <li><a href="#_paragraph">Paragraph</a></li>
 <li><a href="#_unconstrained_text_formatting">Unconstrained text formatting</a></li>
@@ -121,6 +130,24 @@
 </div>
 </div>
 <div class="sect1">
+<h2 id="_level_1">Level 1</h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_level_2">Level 2</h3>
+<div class="sect3">
+<h4 id="_level_3">Level 3</h4>
+<div class="sect4">
+<h5 id="_level_4">Level 4</h5>
+<div class="sect5">
+<h6 id="_level_5">Level 5</h6>
+
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
 <h2 id="_comment">Comment</h2>
 <div class="sectionbody">
 <div class="literalblock">
@@ -1779,7 +1806,7 @@ and then moves on.</pre>
 <div id="footer">
 <div id="footer-text">
 Version 1.1.1<br>
-Last updated 2020-10-29 23:32:21 +0700
+Last updated 2020-10-29 23:36:45 +0700
 </div>
 </div>
 </body>