1 files changed, 29 insertions, 0 deletions
diff --git a/examples/container-with-vitest/test/Card.test.ts b/examples/container-with-vitest/test/Card.test.ts
new file mode 100644
index 000000000..119087a36
--- /dev/null
+++ b/examples/container-with-vitest/test/Card.test.ts
@@ -0,0 +1,29 @@
+import { experimental_AstroContainer as AstroContainer } from 'astro/container';
+import { expect, test } from 'vitest';
+import Card from '../src/components/Card.astro';
+import CounterLight from '../src/components/CounterLight.astro';
+
+test('Card with slots', async () => {
+	const container = await AstroContainer.create();
+	const result = await container.renderToString(Card, {
+		slots: {
+			default: 'Card content',
+		},
+	});
+
+	expect(result).toContain('This is a card');
+	expect(result).toContain('Card content');
+});
+
+test('Card with nested CounterLight', async () => {
+	const container = await AstroContainer.create();
+	const counterLight = await container.renderToString(CounterLight, { props: { count: 1 } });
+	const result = await container.renderToString(Card, {
+		slots: {
+			default: counterLight,
+		},
+	});
+
+	expect(result).toContain('This is a card');
+	expect(result).toContain(counterLight);
+});