-
-
-
-
- Some other stuff
-Lastly...
-{count}
-
- {count}
-
- { count }
-
-{{ count }}
-
- Some other stuff
-Lastly...
- tag has correct shiki class
- expect($('pre').hasClass('astro-code')).to.equal(true);
-
- // test 2: inline styles are still applied
- expect($('pre').is('[style]')).to.equal(true);
-
- // test 3: There are styled child spans in code blocks
- expect($('pre code span').length).to.be.greaterThan(0);
- expect($('pre code span').is('[style]')).to.equal(true);
- });
-
- function isAstroScopedClass(cls) {
- return /^astro-.*/.test(cls);
- }
-
- it('Scoped styles should be applied to syntax highlighted lines', async () => {
- const html = await fixture.readFile('/scopedStyles-code/index.html');
- const $ = cheerio.load(html);
-
- // test 1: the "pre" tag receives scoped style
- const preClassList = $('pre').attr('class').split(/\s+/);
- expect(preClassList.length).to.equal(2);
- const preAstroClass = preClassList.find(isAstroScopedClass);
- expect(Boolean(preAstroClass)).to.equal(true);
-
- // test 2: each "span" line receives scoped style
- const spanClassList = $('pre code span').attr('class').split(/\s+/);
- expect(spanClassList.length).to.equal(2);
- const spanAstroClass = spanClassList.find(isAstroScopedClass);
- expect(Boolean(spanAstroClass)).to.equal(true);
- });
-
- it('Renders correctly when deeply nested on a page', async () => {
- const html = await fixture.readFile('/deep/index.html');
- const $ = cheerio.load(html);
-
- // test 1: Rendered all children
- expect($('#deep').children()).to.have.lengthOf(3);
-
- // tests 2–4: Only rendered title in each section
- expect($('.a').children()).to.have.lengthOf(1);
- expect($('.b').children()).to.have.lengthOf(1);
- expect($('.c').children()).to.have.lengthOf(1);
-
- // test 5–7: Rendered title in correct section
- expect($('.a > h2').text()).to.equal('A');
- expect($('.b > h2').text()).to.equal('B');
- expect($('.c > h2').text()).to.equal('C');
- });
-
- it('Renders dynamic content though the content attribute', async () => {
- const html = await fixture.readFile('/external/index.html');
- const $ = cheerio.load(html);
-
- // test 1: Rendered markdown content
- expect($('#outer')).to.have.lengthOf(1);
-
- // test 2: Nested markdown content
- expect($('#inner')).to.have.lengthOf(1);
-
- // test 3: Scoped class passed down
- expect($('#inner').is('[class]')).to.equal(true);
- });
-
- it('Renders curly braces correctly', async () => {
- const html = await fixture.readFile('/braces/index.html');
- const $ = cheerio.load(html);
-
- // test 1: Rendered curly braces markdown content
- expect($('code')).to.have.lengthOf(3);
-
- // test 2: Rendered curly braces markdown content
- expect($('code:first-child').text()).to.equal('({})');
-
- // test 3: Rendered curly braces markdown content
- expect($('code:nth-child(2)').text()).to.equal('{...props}');
-
- // test 4: Rendered curly braces markdown content
- expect($('code:last-child').text()).to.equal('{/* JavaScript */}');
- });
-
- it('Does not close parent early when using content attribute (#494)', async () => {
- const html = await fixture.readFile('/close/index.html');
- const $ = cheerio.load(html);
-
- // test Testing
-
-
- # Something
-
- else here
-
-
-
diff --git a/packages/astro/test/ssr-markdown.test.js b/packages/astro/test/ssr-markdown.test.js
index a33fc85d60a0..40c12449e872 100644
--- a/packages/astro/test/ssr-markdown.test.js
+++ b/packages/astro/test/ssr-markdown.test.js
@@ -31,10 +31,4 @@ describe('Markdown pages in SSR', () => {
const $ = cheerioLoad(html);
expect($('#subheading').text()).to.equal('Subheading');
});
-
- it('Renders the Markdown component correctly', async () => {
- const html = await fetchHTML('/page');
- const $ = cheerioLoad(html);
- expect($('#something')).to.have.lengthOf(1);
- });
});
diff --git a/packages/astro/components/Markdown.astro b/packages/markdown/component/Markdown.astro
similarity index 100%
rename from packages/astro/components/Markdown.astro
rename to packages/markdown/component/Markdown.astro
diff --git a/packages/markdown/component/package.json b/packages/markdown/component/package.json
new file mode 100644
index 000000000000..5308899e08dd
--- /dev/null
+++ b/packages/markdown/component/package.json
@@ -0,0 +1,31 @@
+{
+ "name": "@astrojs/markdown-component",
+ "version": "0.1.0",
+ "type": "module",
+ "author": "withastro",
+ "license": "MIT",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/withastro/astro.git",
+ "directory": "packages/markdown/component"
+ },
+ "bugs": "https://github.com/withastro/astro/issues",
+ "homepage": "https://astro.build",
+ "main": "./Markdown.astro",
+ "exports": {
+ ".": {
+ "astro": "./Markdown.astro"
+ }
+ },
+ "scripts": {
+ "test": "mocha --exit --timeout 20000"
+ },
+ "devDependencies": {
+ "astro": "workspace:*",
+ "chai": "^4.3.6",
+ "cheerio": "^1.0.0-rc.11",
+ "mocha": "^9.2.2",
+ "@types/mocha": "^9.1.1"
+ },
+ "keywords": ["astro", "astro-component"]
+}
diff --git a/packages/markdown/component/readme.md b/packages/markdown/component/readme.md
new file mode 100644
index 000000000000..aa48e274d4bb
--- /dev/null
+++ b/packages/markdown/component/readme.md
@@ -0,0 +1,17 @@
+# @astrojs/markdown
+
+This package brings legacy support for the `
+ # Markdown syntax is now supported! **Yay!**
+
+```
+
+See our [Markdown Guide](https://docs.astro.build/en/guides/markdown-content/) for more info.
diff --git a/packages/markdown/component/test/astro-markdown-plugins.test.js b/packages/markdown/component/test/astro-markdown-plugins.test.js
new file mode 100644
index 000000000000..c748d81c9406
--- /dev/null
+++ b/packages/markdown/component/test/astro-markdown-plugins.test.js
@@ -0,0 +1,37 @@
+import { expect } from 'chai';
+import * as cheerio from 'cheerio';
+import { loadFixture } from './test-utils.js';
+import addClasses from './fixtures/astro-markdown-plugins/add-classes.mjs';
+
+describe('Astro Markdown plugins', () => {
+ let fixture;
+
+ before(async () => {
+ fixture = await loadFixture({
+ root: './fixtures/astro-markdown-plugins/',
+ markdown: {
+ remarkPlugins: [
+ 'remark-code-titles',
+ ['rehype-autolink-headings', { behavior: 'prepend' }],
+ ],
+ rehypePlugins: [
+ 'rehype-slug',
+ ['rehype-toc', { headings: ['h2', 'h3'] }],
+ [addClasses, { 'h1,h2,h3': 'title' }],
+ ],
+ },
+ });
+ await fixture.build();
+ });
+
+ it('Can render Astro with plugins', async () => {
+ const html = await fixture.readFile('/astro/index.html');
+ const $ = cheerio.load(html);
+
+ // test 1: Added a TOC
+ expect($('.toc')).to.have.lengthOf(1);
+
+ // teste 2: Added .title to h1
+ expect($('#hello-world').hasClass('title')).to.equal(true);
+ });
+});
diff --git a/packages/markdown/component/test/astro-markdown-shiki.test.js b/packages/markdown/component/test/astro-markdown-shiki.test.js
new file mode 100644
index 000000000000..fb4f8f9622a2
--- /dev/null
+++ b/packages/markdown/component/test/astro-markdown-shiki.test.js
@@ -0,0 +1,147 @@
+import { expect } from 'chai';
+import * as cheerio from 'cheerio';
+import { loadFixture } from './test-utils.js';
+
+describe('Astro Markdown Shiki', () => {
+ describe('Render shiki', () => {
+ let fixture;
+
+ before(async () => {
+ fixture = await loadFixture({ root: './fixtures/astro-markdown-shiki/normal/' });
+ await fixture.build();
+ });
+
+ it('Can render Astro with shiki', async () => {
+ const html = await fixture.readFile('/astro/index.html');
+ const $ = cheerio.load(html);
+
+ // There should be no HTML from Prism
+ expect($('.token')).to.have.lengthOf(0);
+
+ expect($('pre')).to.have.lengthOf(2);
+
+ expect($('span.line')).to.have.lengthOf(2);
+ expect($('span.line').get(0).children).to.have.lengthOf(1);
+ expect($('span.line').get(1).children).to.have.lengthOf(5);
+ });
+ });
+
+ describe('Themes', () => {
+ describe('Integrated theme', async () => {
+ let fixture;
+
+ before(async () => {
+ fixture = await loadFixture({ root: './fixtures/astro-markdown-shiki/themes-integrated/' });
+ await fixture.build();
+ });
+
+ it('` in the codeblock
+ expect($('pre')[0].children).to.have.lengthOf(1);
+
+ // test 2: The empty `` failed to render
+ expect($('pre')[1].children).to.have.lengthOf(0);
+ });
+
+ it('Runs code blocks through syntax highlighter', async () => {
+ const html = await fixture.readFile('/code/index.html');
+ const $ = cheerio.load(html);
+
+ // test 1: There are child spans in code blocks
+ expect($('code span').length).greaterThan(0);
+ });
+
+ it('Scoped styles should not break syntax highlight', async () => {
+ const html = await fixture.readFile('/scopedStyles-code/index.html');
+ const $ = cheerio.load(html);
+
+ // test 1: tag has correct shiki class
+ expect($('pre').hasClass('astro-code')).to.equal(true);
+
+ // test 2: inline styles are still applied
+ expect($('pre').is('[style]')).to.equal(true);
+
+ // test 3: There are styled child spans in code blocks
+ expect($('pre code span').length).to.be.greaterThan(0);
+ expect($('pre code span').is('[style]')).to.equal(true);
+ });
+
+ function isAstroScopedClass(cls) {
+ return /^astro-.*/.test(cls);
+ }
+
+ it('Scoped styles should be applied to syntax highlighted lines', async () => {
+ const html = await fixture.readFile('/scopedStyles-code/index.html');
+ const $ = cheerio.load(html);
+
+ // test 1: the "pre" tag receives scoped style
+ const preClassList = $('pre').attr('class').split(/\s+/);
+ expect(preClassList.length).to.equal(2);
+ const preAstroClass = preClassList.find(isAstroScopedClass);
+ expect(Boolean(preAstroClass)).to.equal(true);
+
+ // test 2: each "span" line receives scoped style
+ const spanClassList = $('pre code span').attr('class').split(/\s+/);
+ expect(spanClassList.length).to.equal(2);
+ const spanAstroClass = spanClassList.find(isAstroScopedClass);
+ expect(Boolean(spanAstroClass)).to.equal(true);
+ });
+
+ it('Renders correctly when deeply nested on a page', async () => {
+ const html = await fixture.readFile('/deep/index.html');
+ const $ = cheerio.load(html);
+
+ // test 1: Rendered all children
+ expect($('#deep').children()).to.have.lengthOf(3);
+
+ // tests 2–4: Only rendered title in each section
+ expect($('.a').children()).to.have.lengthOf(1);
+ expect($('.b').children()).to.have.lengthOf(1);
+ expect($('.c').children()).to.have.lengthOf(1);
+
+ // test 5–7: Rendered title in correct section
+ expect($('.a > h2').text()).to.equal('A');
+ expect($('.b > h2').text()).to.equal('B');
+ expect($('.c > h2').text()).to.equal('C');
+ });
+
+ it('Renders dynamic content though the content attribute', async () => {
+ const html = await fixture.readFile('/external/index.html');
+ const $ = cheerio.load(html);
+
+ // test 1: Rendered markdown content
+ expect($('#outer')).to.have.lengthOf(1);
+
+ // test 2: Nested markdown content
+ expect($('#inner')).to.have.lengthOf(1);
+
+ // test 3: Scoped class passed down
+ expect($('#inner').is('[class]')).to.equal(true);
+ });
+
+ it('Renders curly braces correctly', async () => {
+ const html = await fixture.readFile('/braces/index.html');
+ const $ = cheerio.load(html);
+
+ // test 1: Rendered curly braces markdown content
+ expect($('code')).to.have.lengthOf(3);
+
+ // test 2: Rendered curly braces markdown content
+ expect($('code:first-child').text()).to.equal('({})');
+
+ // test 3: Rendered curly braces markdown content
+ expect($('code:nth-child(2)').text()).to.equal('{...props}');
+
+ // test 4: Rendered curly braces markdown content
+ expect($('code:last-child').text()).to.equal('{/* JavaScript */}');
+ });
+
+ it('Does not close parent early when using content attribute (#494)', async () => {
+ const html = await fixture.readFile('/close/index.html');
+ const $ = cheerio.load(html);
+
+ // test With components
\nNon-hydrated
\nHydrated
\n5: Paragraph in fragment in default slot
` +
+ // Optional whitespace due to the line breaks between components
+ `[\s\n]*` +
+ `6: Regular text in default slot`
+ )
+ );
+
+ const nestedSlots = $('article').eq(1);
+ expect(nestedSlots.find('> .fragmentSlot').html()).to.contain('1:');
+ expect(nestedSlots.find('> .pSlot > p').text()).to.contain('2:');
+ expect(nestedSlots.find('> .defaultSlot > article').text().replace(/\s+/g, ' ')).to.equal(
+ `
+ 3: nested fragmentSlot
+ 4: nested pSlot
+ 5: nested text in default slot
+ `.replace(/\s+/g, ' ')
+ );
+
+ expect($('article').eq(3).text().replace(/[^❌]/g, '')).to.equal('❌❌❌');
+
+ expect($('article').eq(4).text().replace(/[^❌]/g, '')).to.equal('❌❌❌');
+ });
+
+ it('Generate the right props for the layout', async () => {
+ const html = await fixture.readFile('/layout-props/index.html');
+ const $ = cheerio.load(html);
+
+ expect($('#title').text()).to.equal('Hello world!');
+ expect($('#url').text()).to.equal('/layout-props');
+ expect($('#file').text()).to.match(/.*\/layout-props.md$/);
+ });
+});
diff --git a/packages/markdown/component/test/fixtures/astro-markdown-plugins/add-classes.mjs b/packages/markdown/component/test/fixtures/astro-markdown-plugins/add-classes.mjs
new file mode 100644
index 000000000000..39acabd52670
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown-plugins/add-classes.mjs
@@ -0,0 +1,18 @@
+import { selectAll } from 'hast-util-select';
+
+export default (additions) => {
+ const adders = Object.entries(additions).map(adder);
+ return (node) => adders.forEach((a) => a(node));
+};
+
+const adder = ([selector, className]) => {
+ const writer = write(className);
+ return (node) => selectAll(selector, node).forEach(writer);
+};
+
+const write =
+ (className) =>
+ ({ properties }) => {
+ if (!properties.className) properties.className = className;
+ else properties.className += ` ${className}`;
+ };
diff --git a/packages/markdown/component/test/fixtures/astro-markdown-plugins/astro.config.mjs b/packages/markdown/component/test/fixtures/astro-markdown-plugins/astro.config.mjs
new file mode 100644
index 000000000000..08916b1fea78
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown-plugins/astro.config.mjs
@@ -0,0 +1,7 @@
+import { defineConfig } from 'astro/config';
+import preact from '@astrojs/preact';
+
+// https://astro.build/config
+export default defineConfig({
+ integrations: [preact()],
+});
diff --git a/packages/markdown/component/test/fixtures/astro-markdown-plugins/package.json b/packages/markdown/component/test/fixtures/astro-markdown-plugins/package.json
new file mode 100644
index 000000000000..4babf437ada3
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown-plugins/package.json
@@ -0,0 +1,12 @@
+{
+ "name": "@test/astro-markdown-component-plugins",
+ "version": "0.0.0",
+ "private": true,
+ "dependencies": {
+ "@astrojs/preact": "workspace:*",
+ "@astrojs/markdown-component": "workspace:*",
+ "astro": "workspace:*",
+ "hast-util-select": "^5.0.2",
+ "rehype-slug": "^5.0.1"
+ }
+}
diff --git a/packages/markdown/component/test/fixtures/astro-markdown-plugins/src/layouts/content.astro b/packages/markdown/component/test/fixtures/astro-markdown-plugins/src/layouts/content.astro
new file mode 100644
index 000000000000..925a243a9368
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown-plugins/src/layouts/content.astro
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+ ❌ Missing content for slot "fragmentSlot"
+
+
+
+ ❌ Missing content for slot "pSlot"
+
+
+
+ ❌ Missing content for default slot
+
+
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/components/SvelteButton.svelte b/packages/markdown/component/test/fixtures/astro-markdown/src/components/SvelteButton.svelte
new file mode 100644
index 000000000000..74f3ff6a9c75
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/components/SvelteButton.svelte
@@ -0,0 +1,11 @@
+
+
+
+
+
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/components/TextBlock.jsx b/packages/markdown/component/test/fixtures/astro-markdown/src/components/TextBlock.jsx
new file mode 100644
index 000000000000..d9ea2534fec2
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/components/TextBlock.jsx
@@ -0,0 +1,20 @@
+import { h } from 'preact';
+
+const TextBlock = ({
+ title,
+ children,
+ noPadding = false,
+}) => {
+ return (
+
+ {title}
+ {children}
+
+ );
+};
+
+export default TextBlock;
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/components/index.js b/packages/markdown/component/test/fixtures/astro-markdown/src/components/index.js
new file mode 100644
index 000000000000..e7cc94c588f2
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/components/index.js
@@ -0,0 +1,5 @@
+import Counter from './Counter';
+
+export default {
+ Counter
+}
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/content/code-element.md b/packages/markdown/component/test/fixtures/astro-markdown/src/content/code-element.md
new file mode 100644
index 000000000000..b091decc0ffc
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/content/code-element.md
@@ -0,0 +1,3 @@
+This should have `nospace` around it.
+
+This should have nospace around it.
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/imported-md/plain.md b/packages/markdown/component/test/fixtures/astro-markdown/src/imported-md/plain.md
new file mode 100644
index 000000000000..d548b3356b65
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/imported-md/plain.md
@@ -0,0 +1,6 @@
+---
+---
+
+## Plain jane
+
+I am plain markdown!
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/imported-md/with-components.md b/packages/markdown/component/test/fixtures/astro-markdown/src/imported-md/with-components.md
new file mode 100644
index 000000000000..dc6c23bf9c19
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/imported-md/with-components.md
@@ -0,0 +1,17 @@
+---
+setup: |
+ import Counter from '../components/Counter.jsx'
+ import Hello from '../components/Hello.jsx'
+ import SvelteButton from '../components/SvelteButton.svelte'
+---
+
+## With components
+
+### Non-hydrated
+
+
+
## Interesting Topic
`({})`
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/children.md b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/children.md
new file mode 100644
index 000000000000..a22ee5f96148
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/children.md
@@ -0,0 +1,12 @@
+---
+setup: import TextBlock from '../components/TextBlock'
+---
+{/* https://github.com/withastro/astro/issues/3319 */}
+
+
+
+ - A
+ - B
+ - C
+
+
diff --git a/packages/astro/test/fixtures/astro-markdown/src/pages/close.astro b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/close.astro
similarity index 77%
rename from packages/astro/test/fixtures/astro-markdown/src/pages/close.astro
rename to packages/markdown/component/test/fixtures/astro-markdown/src/pages/close.astro
index 1da319c034dd..034d9a31582b 100644
--- a/packages/astro/test/fixtures/astro-markdown/src/pages/close.astro
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/close.astro
@@ -1,5 +1,5 @@
---
-import { Markdown } from 'astro/components';
+import Markdown from '@astrojs/markdown-component';
const content = `Markdown *content* to render`;
---
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/code-element.astro b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/code-element.astro
new file mode 100644
index 000000000000..43ca0bfc5a0e
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/code-element.astro
@@ -0,0 +1,7 @@
+---
+const content = await Astro.glob('../content/*.md');
+---
+
+
+ {content.map(({ Content }) =>
-
\ No newline at end of file
+
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/imported-md/with-components.astro b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/imported-md/with-components.astro
new file mode 100644
index 000000000000..97cd8f211249
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/imported-md/with-components.astro
@@ -0,0 +1,9 @@
+---
+import Layout from '../../layouts/content.astro'
+
+const posts = await Astro.glob('../../imported-md/*.md')
+---
+
+
+ {posts.map(({ Content }) =>
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/jsx-expressions.md b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/jsx-expressions.md
new file mode 100644
index 000000000000..b87efbb2d889
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/jsx-expressions.md
@@ -0,0 +1,13 @@
+---
+title: Blog Post with JSX expressions
+paragraph: JSX at the start of the line!
+list: ['test-1', 'test-2', 'test-3']
+---
+
+## {frontmatter.title}
+
+{frontmatter.paragraph}
+
+
+ {frontmatter.list.map(item => - {item}
)}
+
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/layout-props.md b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/layout-props.md
new file mode 100644
index 000000000000..0f87c1bd0aef
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/layout-props.md
@@ -0,0 +1,4 @@
+---
+title: 'Hello world!'
+layout: '../layouts/layout-props.astro'
+---
\ No newline at end of file
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/namespace.md b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/namespace.md
new file mode 100644
index 000000000000..abbe26a3b027
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/namespace.md
@@ -0,0 +1,7 @@
+---
+setup: import ns from '../components/index.js';
+---
+
+# Hello Namespace!
+
+Click me!
diff --git a/packages/astro/test/fixtures/astro-markdown/src/pages/nested-list.astro b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/nested-list.astro
similarity index 91%
rename from packages/astro/test/fixtures/astro-markdown/src/pages/nested-list.astro
rename to packages/markdown/component/test/fixtures/astro-markdown/src/pages/nested-list.astro
index 32a0f2916f0b..3795f78f7ecb 100644
--- a/packages/astro/test/fixtures/astro-markdown/src/pages/nested-list.astro
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/nested-list.astro
@@ -1,6 +1,6 @@
---
// Component imports and setup JavaScript go here!
-import { Markdown } from 'astro/components';
+import Markdown from '@astrojs/markdown-component';
const content = `
- list 1
- list 2
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/no-elements.astro b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/no-elements.astro
new file mode 100644
index 000000000000..aca4e31d5d6f
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/no-elements.astro
@@ -0,0 +1,5 @@
+---
+import Markdown from '@astrojs/markdown-component';
+---
+
+
-
\ No newline at end of file
+
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/script.md b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/script.md
new file mode 100644
index 000000000000..f2b8bca88293
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/script.md
@@ -0,0 +1,7 @@
+# Test
+
+## Let's try a script...
+
+This should work!
+
+
diff --git a/packages/markdown/component/test/fixtures/astro-markdown/src/pages/slots.md b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/slots.md
new file mode 100644
index 000000000000..c7e8367b82c0
--- /dev/null
+++ b/packages/markdown/component/test/fixtures/astro-markdown/src/pages/slots.md
@@ -0,0 +1,38 @@
+---
+layout: ../layouts/content.astro
+setup: import SlotComponent from '../components/SlotComponent.astro';
+---
+
+# Component with slot contents in children
+
+
+ 4: Div in default slot
+
+ 1: Div in fragmentSlot
+ 2: Paragraph in fragmentSlot
+
+ 5: Paragraph in fragment in default slot
3: p with title as pSlot
+
+
+# Component with nested component in children
+
+
+ 2: pSlot
+
+ 4: nested pSlot
+ 5: nested text in default slot
+ 3: nested fragmentSlot
+
+ 1: fragmentSlot
+
+
+# Missing content due to empty children
+
+
+
+
+# Missing content due to self-closing tag
+
+