test - Add playwright tests for katex rendering in Jupyter document

Author: cderv

tests/docs/playwright/html/math/katex/embed-except-math.qmd

@@ -0,0 +1,12 @@
+---
+format: html
+html-math-method: katex
+embed-resources: true
+---
+
+$\alpha$
+
+```{python}
+import pandas as pd
+pd.DataFrame([1])
+```

tests/docs/playwright/html/math/katex/embed-with-math.qmd

@@ -0,0 +1,13 @@
+---
+format: html
+html-math-method: katex
+embed-resources: true
+self-contained-math: true
+---
+
+$\alpha$
+
+```{python}
+import pandas as pd
+pd.DataFrame([1])
+```

tests/docs/playwright/html/math/katex/not-embed.qmd

@@ -0,0 +1,11 @@
+---
+format: html
+html-math-method: katex
+---
+
+$\alpha$
+
+```{python}
+import pandas as pd
+pd.DataFrame([1])
+```

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

@@ -0,0 +1,17 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('KaTeX math rendering in Jupyter engine document', () => {
+  const testCases = [
+    { url: 'html/math/katex/not-embed.html', description: 'not embedding resources' },
+    { url: 'html/math/katex/embed-with-math.html', description: 'embedding resources including Math' },
+    { url: 'html/math/katex/embed-except-math.html', description: 'embedding resources except Math' }
+  ];
+  
+  for (const { url, description } of testCases) {
+    test(`KaTeX math is rendered while ${description}`, async ({ page }) => {
+      await page.goto(url);
+      // Check that math is rendered
+      await expect(page.locator("span.katex")).toContainText('α');
+    });
+  }
+});