Sync from a8e1c0a7402940e0fc5beef669522b315052df1blatest

1 files changed, 37 insertions, 0 deletions

diff --git a/packages/astro/test/view-transitions.test.js b/packages/astro/test/view-transitions.test.js
new file mode 100644
index 000000000..168d25f8e
--- /dev/null
+++ b/packages/astro/test/view-transitions.test.js
@@ -0,0 +1,37 @@
+import assert from 'node:assert/strict';
+import { after, before, describe, it } from 'node:test';
+import * as cheerio from 'cheerio';
+import { loadFixture } from './test-utils.js';
+
+describe('View Transitions styles', () => {
+	let fixture;
+	let devServer;
+
+	before(async () => {
+		fixture = await loadFixture({ root: './fixtures/view-transitions/' });
+		devServer = await fixture.startDevServer();
+	});
+
+	after(async () => {
+		await devServer.stop();
+	});
+
+	it('style tag added for each instance of the component', async () => {
+		let res = await fixture.fetch('/multiple');
+		let html = await res.text();
+		let $ = cheerio.load(html);
+
+		assert.equal($('head style').length, 3);
+	});
+
+	it('should not duplicate transition attributes on island contents', async () => {
+		let res = await fixture.fetch('/hasIsland');
+		let html = await res.text();
+		let $ = cheerio.load(html);
+		assert.equal($('astro-island[data-astro-transition-persist]').length, 1);
+		assert.equal(
+			$('astro-island[data-astro-transition-persist] > [data-astro-transition-persist]').length,
+			0,
+		);
+	});
+});