test/govspeak_footnote_test.rb in govspeak-6.5.8 vs test/govspeak_footnote_test.rb in govspeak-6.5.9
- old
+ new
@@ -9,23 +9,38 @@
[^1]: And then later defined.
Footnotes can be added too[^2].
- [^2]: And then later defined too." do
- assert_html_output '
+ [^2]: And then later defined too.
+
+ This footnote has a reference number[^3].
+
+ And this footnote has the same reference number[^3].
+
+ [^3]: And then they both point here." do
+ assert_html_output(
+ %(
<p>Footnotes can be added<sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote">[footnote 1]</a></sup>.</p>
<p>Footnotes can be added too<sup id="fnref:2" role="doc-noteref"><a href="#fn:2" class="footnote">[footnote 2]</a></sup>.</p>
+ <p>This footnote has a reference number<sup id="fnref:3" role="doc-noteref"><a href="#fn:3" class="footnote">[footnote 3]</a></sup>.</p>
+
+ <p>And this footnote has the same reference number<sup id="fnref:3:1" role="doc-noteref"><a href="#fn:3" class="footnote">[footnote 3]</a></sup>.</p>
+
<div class="footnotes" role="doc-endnotes">
<ol>
<li id="fn:1" role="doc-endnote">
- <p>And then later defined. <a href="#fnref:1" class="reversefootnote" role="doc-backlink">[go to where this is referenced]</a></p>
+ <p>And then later defined. <a href="#fnref:1" class="reversefootnote" role="doc-backlink" aria-label="go to where this is referenced">↩</a></p>
</li>
<li id="fn:2" role="doc-endnote">
- <p>And then later defined too. <a href="#fnref:2" class="reversefootnote" role="doc-backlink">[go to where this is referenced]</a></p>
+ <p>And then later defined too. <a href="#fnref:2" class="reversefootnote" role="doc-backlink" aria-label="go to where this is referenced">↩</a></p>
</li>
+ <li id="fn:3" role="doc-endnote">
+ <p>And then they both point here. <a href="#fnref:3" class="reversefootnote" role="doc-backlink" aria-label="go to where this is referenced">↩</a> <a href="#fnref:3:1" class="reversefootnote" role="doc-backlink" aria-label="go to where this is referenced 2">↩<sup>2</sup></a></p>
+ </li>
</ol>
- </div>'
+ </div>),
+ )
end
end