tests, playwright - Test that using katex does not conflict with crossref popup

Author: cderv

tests/docs/playwright/html/math/katex/crossref-popup.qmd

@@ -0,0 +1,21 @@
+---
+title: "Reproducible Quarto Document"
+format: html
+html-math-method: katex
+---
+
+:::{#thm-with-math}
+### Theorem with math
+
+Text with math $\mathcal P (\mathbb N) ≠ \varnothing$.
+:::
+
+:::{#thm-without-math}
+### Theorem without math
+
+Just text!
+:::
+
+Reference to @thm-with-math. (Popup does not render correctly)
+
+Reference to @thm-without-math. (Popup does render.)

tests/integration/playwright/tests/html-math-katex.spec.ts

@@ -15,3 +15,15 @@ test.describe('KaTeX math rendering in Jupyter engine document', () => {
     });
   }
 });
+
+
+test('KaTeX does not prevent crossref pop to be rendered', async ({ page }) => {
+  await page.goto('html/math/katex/crossref-popup.html');
+  const Thm1Ref = page.getByRole('link', { name: 'Theorem 1' });
+  await expect(Thm1Ref).toBeVisible();
+  await Thm1Ref.hover();
+  // hover box should be visible
+  await expect(page.getByRole('tooltip', { name: 'Theorem 1 (Theorem with math' })).toBeVisible();
+  // Katex Math should be rendered in the hover box
+  await expect(page.getByRole('tooltip', { name: 'Theorem 1 (Theorem with math' })).toContainText('∅');
+})