fix: footnote detection whose links contain a URL before the fragment

#24

src/dom/index.ts

@@ -47,7 +47,7 @@ function findFootnoteLinks(
   pattern: RegExp,
   scope = ''
 ): readonly HTMLAnchorElement[] {
-  return queryAll<HTMLAnchorElement>(document, scope + ' a[href^="#"]').filter(
+  return queryAll<HTMLAnchorElement>(document, scope + ' a[href*="#"]').filter(
     link => (link.href + link.rel).match(pattern)
   )
 }

test/fixtures/filename.html

@@ -0,0 +1,17 @@
+<article>
+  <p>
+    This paragraph is footnoted.
+    <sup id="fnref:1"><a href="index.html#fn:1">[1]</a></sup>
+  </p>
+  <aside class="footnotes">
+    <hr />
+    <ol>
+      <li id="fn:1">
+        <p>
+          This is the document's only footnote.
+          <a href="index.html#fnref:1" class="reversefootnote">&#160;&#8617;</a>
+        </p>
+      </li>
+    </ol>
+  </aside>
+</article>

test/setup.test.ts

@@ -40,3 +40,10 @@ test('sets ARIA attributes on button', () => {
   expect(button).toHaveAttribute('aria-expanded', 'false')
   expect(button).toHaveAttribute('aria-label', 'Footnote 1')
 })
+
+test('sets up footnotes with a URL before the fragment', () => {
+  setDocumentBody('filename.html')
+  littlefoot()
+  expect(queryAll('.littlefoot-footnote__host')).toHaveLength(1)
+  expect(getAllButtons()).toHaveLength(1)
+})