Add a test with playwright for #10688

Author: cderv

tests/docs/playwright/revealjs/links-id.qmd

@@ -0,0 +1,42 @@
+---
+title: Links to nested elements works
+format: revealjs
+---
+
+## Quarto Figure
+
+![Elephant](https://quarto.org/docs/authoring/images/crossref-figure.png){#fig-elephant}
+
+## Link to the figure
+
+See [Figure Element](#fig-elephant)
+
+## Image
+
+![Elephant](https://quarto.org/docs/authoring/images/crossref-figure.png){#elephant}
+
+## Link to the image
+
+See [Figure Element](#elephant)
+
+## Equation
+
+$$
+\begin{aligned}
+  f(X) = y.
+\end{aligned}
+$$ {#eq-EEE}
+
+## Link to equation
+  
+See @eq-EEE.
+
+## Theorem
+
+::: {#thm-TTT}
+Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
+:::
+
+## Link to theorem
+
+See @thm-TTT.

tests/docs/smoke-all/2024/09/02/10657.qmd

@@ -17,8 +17,6 @@ _quarto:
         - []
 ---
 
-<!-- TODO: Add test with puppeteer about link working -->
-
 ## Quarto Figure
 
 ![Elephant](https://quarto.org/docs/authoring/images/crossref-figure.png){#fig-elephant}

tests/integration/playwright/tests/revealjs.spec.ts

@@ -14,4 +14,19 @@ test('logo and footer are correctly shown', async ({ page }) => {
   await expect(page.locator('.reveal > .footer.footer-default')).toBeHidden();
   await expect(page.locator('.reveal > .footer:not(.footer-default)')).toContainText('A different footer');
   await expect(page.locator('.slide-logo')).toHaveAttribute("src", "quarto.png");
+});
+
+test('internal id for links between slides are working', async ({ page }) => {
+  await page.goto('./revealjs/links-id.html#/link-to-the-figure');
+  await page.getByRole('link', { name: 'Figure Element' }).click();
+  await page.waitForURL(/quarto-figure$/);
+  await page.goto('./revealjs/links-id.html#/link-to-the-image');
+  await page.getByRole('link', { name: 'Figure Element' }).click();
+  await page.waitForURL(/image$/);
+  await page.goto('./revealjs/links-id.html#/link-to-equation');
+  await page.getByRole('link', { name: 'Equation' }).click();
+  await page.waitForURL(/equation$/);
+  await page.goto('./revealjs/links-id.html#/link-to-theorem');
+  await page.getByRole('link', { name: 'Theorem' }).click();
+  await page.waitForURL(/theorem$/);
 });