Add test for direct usage of nested component

withastro · Feb 6, 2023 · 210d49c · 210d49c
1 parent c9dcdd3
commit 210d49c
Show file tree

Hide file tree

Showing 6 changed files with 54 additions and 0 deletions.
diff --git a/packages/integrations/mdx/test/css-head-mdx.test.js b/packages/integrations/mdx/test/css-head-mdx.test.js
@@ -37,5 +37,17 @@ describe('Head injection w/ MDX', () => {
 			const links = document.querySelectorAll('head link[rel=stylesheet]');
 			expect(links).to.have.a.lengthOf(1);
 		});
+
+		it.skip('injects content from a component using Content#render()', async () => {
+			const html = await fixture.readFile('/DirectContentUsage/index.html');
+			console.log(html);
+			const { document } = parseHTML(html);
+
+			const links = document.querySelectorAll('head link[rel=stylesheet]');
+			expect(links).to.have.a.lengthOf(1);
+
+			const scripts = document.querySelectorAll('head script[type=module]');
+			expect(scripts).to.have.a.lengthOf(1);
+		});
 	});
 });
diff --git a/packages/integrations/mdx/test/fixtures/css-head-mdx/src/components/UsingMdx.astro b/packages/integrations/mdx/test/fixtures/css-head-mdx/src/components/UsingMdx.astro
@@ -0,0 +1,10 @@
+---
+import { getEntryBySlug } from 'astro:content';
+
+const launchWeek = await getEntryBySlug('blog', 'using-mdx');
+const { Content } = await launchWeek.render();
+
+debugger;
+---
+
+<Content />
diff --git a/packages/integrations/mdx/test/fixtures/css-head-mdx/src/components/WithHoistedScripts.astro b/packages/integrations/mdx/test/fixtures/css-head-mdx/src/components/WithHoistedScripts.astro
@@ -0,0 +1,6 @@
+---
+---
+
+<script>
+	console.log('hoisted')
+	</script>
diff --git a/packages/integrations/mdx/test/fixtures/css-head-mdx/src/content/blog/_styles.css b/packages/integrations/mdx/test/fixtures/css-head-mdx/src/content/blog/_styles.css
@@ -0,0 +1,3 @@
+body {
+  color: red !important;
+}
diff --git a/...ages/integrations/mdx/test/fixtures/css-head-mdx/src/content/blog/using-mdx.mdx b/...ages/integrations/mdx/test/fixtures/css-head-mdx/src/content/blog/using-mdx.mdx
@@ -0,0 +1,6 @@
+import './_styles.css';
+import WithHoistedScripts from '../../components/WithHoistedScripts.astro';
+
+# Using mdx
+
+<WithHoistedScripts />
diff --git a/packages/integrations/mdx/test/fixtures/css-head-mdx/src/pages/DirectContentUsage.astro b/packages/integrations/mdx/test/fixtures/css-head-mdx/src/pages/DirectContentUsage.astro
@@ -0,0 +1,17 @@
+---
+import UsingMdx from '../components/UsingMdx.astro'
+---
+
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="generator" content={Astro.generator} />
+		<title>Astro</title>
+	</head>
+	<body>
+		<h1>Astro</h1>
+		<UsingMdx />
+	</body>
+</html>