diff options
Diffstat (limited to 'packages/integrations/mdx/test')
3 files changed, 51 insertions, 1 deletions
diff --git a/packages/integrations/mdx/test/fixtures/mdx-frontmatter/src/layouts/Base.astro b/packages/integrations/mdx/test/fixtures/mdx-frontmatter/src/layouts/Base.astro new file mode 100644 index 000000000..0d18725f2 --- /dev/null +++ b/packages/integrations/mdx/test/fixtures/mdx-frontmatter/src/layouts/Base.astro @@ -0,0 +1,18 @@ +--- +const { content = { title: "Didn't work" } } = Astro.props; +--- + +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>{content.title}</title> +</head> +<body> + <h1>{content.title}</h1> + <p data-layout-rendered>Layout rendered!</p> + <slot /> +</body> +</html> diff --git a/packages/integrations/mdx/test/fixtures/mdx-frontmatter/src/pages/index.mdx b/packages/integrations/mdx/test/fixtures/mdx-frontmatter/src/pages/index.mdx index 333026f85..e8815b9c3 100644 --- a/packages/integrations/mdx/test/fixtures/mdx-frontmatter/src/pages/index.mdx +++ b/packages/integrations/mdx/test/fixtures/mdx-frontmatter/src/pages/index.mdx @@ -1,6 +1,7 @@ --- title: 'Using YAML frontmatter' +layout: '../layouts/Base.astro' illThrowIfIDontExist: "Oh no, that's scary!" --- -# {frontmatter.illThrowIfIDontExist} +{frontmatter.illThrowIfIDontExist} diff --git a/packages/integrations/mdx/test/mdx-frontmatter.test.js b/packages/integrations/mdx/test/mdx-frontmatter.test.js index 3021f926f..4d25e0ed3 100644 --- a/packages/integrations/mdx/test/mdx-frontmatter.test.js +++ b/packages/integrations/mdx/test/mdx-frontmatter.test.js @@ -1,6 +1,7 @@ import mdx from '@astrojs/mdx'; import { expect } from 'chai'; +import { parseHTML } from 'linkedom'; import { loadFixture } from '../../../astro/test/test-utils.js'; const FIXTURE_ROOT = new URL('./fixtures/mdx-frontmatter/', import.meta.url); @@ -26,6 +27,36 @@ describe('MDX frontmatter', () => { expect(titles).to.include('Using YAML frontmatter'); }); + it('renders layout from "layout" frontmatter property', async () => { + const fixture = await loadFixture({ + root: FIXTURE_ROOT, + integrations: [mdx()], + }); + await fixture.build(); + + const html = await fixture.readFile('/index.html'); + const { document } = parseHTML(html); + + const layoutParagraph = document.querySelector('[data-layout-rendered]'); + + expect(layoutParagraph).to.not.be.null; + }); + + it('passes frontmatter to layout via "content" prop', async () => { + const fixture = await loadFixture({ + root: FIXTURE_ROOT, + integrations: [mdx()], + }); + await fixture.build(); + + const html = await fixture.readFile('/index.html'); + const { document } = parseHTML(html); + + const h1 = document.querySelector('h1'); + + expect(h1.textContent).to.equal('Using YAML frontmatter'); + }); + it('extracts frontmatter to "customFrontmatter" export when configured', async () => { const fixture = await loadFixture({ root: new URL('./fixtures/mdx-custom-frontmatter-name/', import.meta.url), |