test: add external links test suite

Author: mcanouil

tests/docs/playwright/listings/external-links/.gitignore

@@ -0,0 +1,2 @@
+/.quarto/
+**/*.quarto_ipynb

tests/docs/playwright/listings/external-links/_quarto.yml

@@ -0,0 +1,9 @@
+project:
+  type: website
+
+website:
+  title: "Testing external links in listings"
+
+link-external-newwindow: true
+
+format: html

tests/docs/playwright/listings/external-links/index.qmd

@@ -0,0 +1,16 @@
+---
+title: "External Links Test - Default"
+listing:
+  id: external-listing
+  contents:
+    - path: https://example.com/external-article
+      title: "External Article"
+      description: "An external article that should open in new window."
+    - path: local-post.qmd
+      title: "Local Post"
+      description: "A local post that should NOT open in new window."
+  type: default
+---
+
+::: {#external-listing}
+:::

tests/docs/playwright/listings/external-links/local-post.qmd

@@ -0,0 +1,5 @@
+---
+title: "Local Post"
+---
+
+Local content.

tests/integration/playwright/tests/html-listing-external-links.spec.ts

@@ -0,0 +1,43 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("External links in default listing", () => {
+  test("External listing item has target=_blank attribute", async ({ page }) => {
+    await page.goto("./listings/external-links/_site/index.html");
+
+    // Find the link to the external article in the default listing
+    const externalLink = page.locator(
+      '.quarto-listing-default a[href="https://example.com/external-article"]'
+    );
+
+    await expect(externalLink.first()).toHaveAttribute("target", "_blank");
+  });
+
+  test("External listing item has rel=noopener attribute", async ({ page }) => {
+    await page.goto("./listings/external-links/_site/index.html");
+
+    // Find the link to the external article in the default listing
+    const externalLink = page.locator(
+      '.quarto-listing-default a[href="https://example.com/external-article"]'
+    );
+
+    await expect(externalLink.first()).toHaveAttribute("rel", "noopener");
+  });
+
+  test("Internal listing item does NOT have target=_blank attribute", async ({
+    page,
+  }) => {
+    await page.goto("./listings/external-links/_site/index.html");
+
+    // Wait for the listing to be visible
+    await page.waitForSelector(".quarto-listing-default");
+
+    // Find the link to the local post by its text content
+    const internalLink = page.getByRole("link", { name: "Local Post" }).first();
+
+    // Verify the link exists
+    await expect(internalLink).toBeVisible();
+
+    // Internal links should not have target="_blank"
+    await expect(internalLink).not.toHaveAttribute("target", "_blank");
+  });
+});