Add functional tests for SVG anchor elements

swup · Jan 26, 2024 · d913300 · d913300
1 parent b187a37
commit d913300
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 0 deletions.
diff --git a/tests/fixtures/link-types.html b/tests/fixtures/link-types.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>Link types</title>
+		<link rel="stylesheet" href="/assets/style.css" />
+	</head>
+	<body>
+		<main id="swup" class="transition-main">
+			<h1>Link types</h1>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
+			<ul>
+				<li><a href="/page-1.html">Page 1</a></li>
+			</ul>
+
+			<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+				<a xlink:href="/page-2.html">
+					<text x="10" y="10" font-size="2">SVG link to page</text>
+				</a>
+			</svg>
+
+			<img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" usemap="#imagemap" width="100" height="100" />
+			<map name="imagemap">
+					<area shape="rect" coords="0,0,100,100" href="/page-3.html" alt="Map link to page" />
+			</map>
+		</main>
+		<script src="/dist/swup.umd.js"></script>
+		<script src="/dist/index.umd.js"></script>
+		<script>
+			window._swup = new Swup({
+				linkSelector: 'a[href], a[*|href]',
+				plugins: [new SwupPreloadPlugin()]
+			});
+		</script>
+	</body>
+</html>
diff --git a/tests/functional/preload-plugin.spec.ts b/tests/functional/preload-plugin.spec.ts
@@ -93,6 +93,14 @@ test.describe('active links', () => {
 		await expectSwupToHaveCacheEntry(page, '/page-2.html');
 		await expectSwupToHaveCacheEntry(page, '/page-3.html');
 	});
+
+	test('preloads svg links', async ({ page }) => {
+		await page.goto('/link-types.html');
+		await waitForSwup(page);
+		await expectSwupNotToHaveCacheEntry(page, '/page-2.html');
+		await page.focus('svg a', { strict: true });
+		await expectSwupToHaveCacheEntry(page, '/page-2.html');
+	});
 });
 
 test.describe('visible links', () => {