Makes view transition e2e tests compatible with Firefox (#11093)

withastro · May 21, 2024 · a514bbe · a514bbe
1 parent bfe9c73
commit a514bbe
Show file tree

Hide file tree

Showing 3 changed files with 80 additions and 120 deletions.
diff --git a/packages/astro/e2e/fixtures/view-transitions/src/pages/abort2.astro b/packages/astro/e2e/fixtures/view-transitions/src/pages/abort2.astro
@@ -6,7 +6,7 @@ import { ViewTransitions, fade } from 'astro:transitions';
 		<ViewTransitions />
 	</head>
 	<body>
-		<h1 transition:name="h1" transition:animate={fade({duration:10000})}>Abort</h1>
+		<h1 transition:name="h1" transition:animate={fade({duration:500})}>Abort</h1>
 	</body>
 </html>
 
@@ -15,11 +15,10 @@ import { ViewTransitions, fade } from 'astro:transitions';
 	import {navigate } from 'astro:transitions/client';
 
 	setTimeout(()=>{
-		[...document.getAnimations()].forEach((a) => a.addEventListener('cancel',
-		(e) => console.log("[test]",e.type, a.animationName)));
-	console.log("[test] navigate to /one")
+		[...document.getAnimations()].forEach((a) => a.addEventListener('cancel', (e) => console.log("[test]", e.type, a.animationName)));
+		console.log("[test] navigate to /one");
 		navigate("/one");
-	}, 1000);
+	}, 200);
 	console.log('[test] navigate to "."')
 	navigate("/abort2");
 </script>