@astrojs/mdx 0.19.0 → 0.19.2

package/test/mdx-get-headings.test.js

@@ -1,194 +0,0 @@
-import { rehypeHeadingIds } from '@astrojs/markdown-remark';
-import mdx from '@astrojs/mdx';
-import { visit } from 'unist-util-visit';
-
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-
-describe('MDX getHeadings', () => {
-	let fixture;
-
-	before(async () => {
-		fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-get-headings/', import.meta.url),
-			integrations: [mdx()],
-		});
-
-		await fixture.build();
-	});
-
-	it('adds anchor IDs to headings', async () => {
-		const html = await fixture.readFile('/test/index.html');
-		const { document } = parseHTML(html);
-
-		const h2Ids = document.querySelectorAll('h2').map((el) => el?.id);
-		const h3Ids = document.querySelectorAll('h3').map((el) => el?.id);
-		expect(document.querySelector('h1').id).to.equal('heading-test');
-		expect(h2Ids).to.contain('section-1');
-		expect(h2Ids).to.contain('section-2');
-		expect(h3Ids).to.contain('subsection-1');
-		expect(h3Ids).to.contain('subsection-2');
-	});
-
-	it('generates correct getHeadings() export', async () => {
-		const { headingsByPage } = JSON.parse(await fixture.readFile('/pages.json'));
-		// TODO: make this a snapshot test :)
-		expect(JSON.stringify(headingsByPage['./test.mdx'])).to.equal(
-			JSON.stringify([
-				{ depth: 1, slug: 'heading-test', text: 'Heading test' },
-				{ depth: 2, slug: 'section-1', text: 'Section 1' },
-				{ depth: 3, slug: 'subsection-1', text: 'Subsection 1' },
-				{ depth: 3, slug: 'subsection-2', text: 'Subsection 2' },
-				{ depth: 2, slug: 'section-2', text: 'Section 2' },
-			])
-		);
-	});
-
-	it('generates correct getHeadings() export for JSX expressions', async () => {
-		const { headingsByPage } = JSON.parse(await fixture.readFile('/pages.json'));
-		expect(JSON.stringify(headingsByPage['./test-with-jsx-expressions.mdx'])).to.equal(
-			JSON.stringify([
-				{
-					depth: 1,
-					slug: 'heading-test-with-jsx-expressions',
-					text: 'Heading test with JSX expressions',
-				},
-				{ depth: 2, slug: 'h2title', text: 'h2Title' },
-				{ depth: 3, slug: 'h3title', text: 'h3Title' },
-			])
-		);
-	});
-});
-
-describe('MDX heading IDs can be customized by user plugins', () => {
-	let fixture;
-
-	before(async () => {
-		fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-get-headings/', import.meta.url),
-			integrations: [mdx()],
-			markdown: {
-				rehypePlugins: [
-					() => (tree) => {
-						let count = 0;
-						visit(tree, 'element', (node, index, parent) => {
-							if (!/^h\d$/.test(node.tagName)) return;
-							if (!node.properties?.id) {
-								node.properties = { ...node.properties, id: String(count++) };
-							}
-						});
-					},
-				],
-			},
-		});
-
-		await fixture.build();
-	});
-
-	it('adds user-specified IDs to HTML output', async () => {
-		const html = await fixture.readFile('/test/index.html');
-		const { document } = parseHTML(html);
-
-		const h1 = document.querySelector('h1');
-		expect(h1?.textContent).to.equal('Heading test');
-		expect(h1?.getAttribute('id')).to.equal('0');
-
-		const headingIDs = document.querySelectorAll('h1,h2,h3').map((el) => el.id);
-		expect(JSON.stringify(headingIDs)).to.equal(
-			JSON.stringify(Array.from({ length: headingIDs.length }, (_, idx) => String(idx)))
-		);
-	});
-
-	it('generates correct getHeadings() export', async () => {
-		const { headingsByPage } = JSON.parse(await fixture.readFile('/pages.json'));
-		expect(JSON.stringify(headingsByPage['./test.mdx'])).to.equal(
-			JSON.stringify([
-				{ depth: 1, slug: '0', text: 'Heading test' },
-				{ depth: 2, slug: '1', text: 'Section 1' },
-				{ depth: 3, slug: '2', text: 'Subsection 1' },
-				{ depth: 3, slug: '3', text: 'Subsection 2' },
-				{ depth: 2, slug: '4', text: 'Section 2' },
-			])
-		);
-	});
-});
-
-describe('MDX heading IDs can be injected before user plugins', () => {
-	let fixture;
-
-	before(async () => {
-		fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-get-headings/', import.meta.url),
-			integrations: [
-				mdx({
-					rehypePlugins: [
-						rehypeHeadingIds,
-						() => (tree) => {
-							visit(tree, 'element', (node, index, parent) => {
-								if (!/^h\d$/.test(node.tagName)) return;
-								if (node.properties?.id) {
-									node.children.push({ type: 'text', value: ' ' + node.properties.id });
-								}
-							});
-						},
-					],
-				}),
-			],
-		});
-
-		await fixture.build();
-	});
-
-	it('adds user-specified IDs to HTML output', async () => {
-		const html = await fixture.readFile('/test/index.html');
-		const { document } = parseHTML(html);
-
-		const h1 = document.querySelector('h1');
-		expect(h1?.textContent).to.equal('Heading test heading-test');
-		expect(h1?.id).to.equal('heading-test');
-	});
-});
-
-describe('MDX headings with frontmatter', () => {
-	let fixture;
-
-	before(async () => {
-		fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-get-headings/', import.meta.url),
-			integrations: [mdx()],
-		});
-
-		await fixture.build();
-	});
-
-	it('adds anchor IDs to headings', async () => {
-		const html = await fixture.readFile('/test-with-frontmatter/index.html');
-		const { document } = parseHTML(html);
-
-		const h3Ids = document.querySelectorAll('h3').map((el) => el?.id);
-
-		expect(document.querySelector('h1').id).to.equal('the-frontmatter-title');
-		expect(document.querySelector('h2').id).to.equal('frontmattertitle');
-		expect(h3Ids).to.contain('keyword-2');
-		expect(h3Ids).to.contain('tag-1');
-		expect(document.querySelector('h4').id).to.equal('item-2');
-		expect(document.querySelector('h5').id).to.equal('nested-item-3');
-		expect(document.querySelector('h6').id).to.equal('frontmatterunknown');
-	});
-
-	it('generates correct getHeadings() export', async () => {
-		const { headingsByPage } = JSON.parse(await fixture.readFile('/pages.json'));
-		expect(JSON.stringify(headingsByPage['./test-with-frontmatter.mdx'])).to.equal(
-			JSON.stringify([
-				{ depth: 1, slug: 'the-frontmatter-title', text: 'The Frontmatter Title' },
-				{ depth: 2, slug: 'frontmattertitle', text: 'frontmatter.title' },
-				{ depth: 3, slug: 'keyword-2', text: 'Keyword 2' },
-				{ depth: 3, slug: 'tag-1', text: 'Tag 1' },
-				{ depth: 4, slug: 'item-2', text: 'Item 2' },
-				{ depth: 5, slug: 'nested-item-3', text: 'Nested Item 3' },
-				{ depth: 6, slug: 'frontmatterunknown', text: 'frontmatter.unknown' },
-			])
-		);
-	});
-});

package/test/mdx-get-static-paths.test.js

@@ -1,32 +0,0 @@
-import mdx from '@astrojs/mdx';
-
-import { expect } from 'chai';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-import * as cheerio from 'cheerio';
-
-const FIXTURE_ROOT = new URL('./fixtures/mdx-get-static-paths', import.meta.url);
-
-describe('getStaticPaths', () => {
-	/** @type {import('astro/test/test-utils').Fixture} */
-	let fixture;
-	before(async () => {
-		fixture = await loadFixture({
-			root: FIXTURE_ROOT,
-			integrations: [mdx()],
-		});
-		await fixture.build();
-	});
-
-	it('Provides file and url', async () => {
-		const html = await fixture.readFile('/one/index.html');
-
-		const $ = cheerio.load(html);
-		expect($('p').text()).to.equal('First mdx file');
-		expect($('#one').text()).to.equal('hello', 'Frontmatter included');
-		expect($('#url').text()).to.equal('/src/content/1.mdx', 'url is included');
-		expect($('#file').text()).to.contain(
-			'fixtures/mdx-get-static-paths/src/content/1.mdx',
-			'file is included'
-		);
-	});
-});

package/test/mdx-images.test.js

@@ -1,40 +0,0 @@
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-
-describe('MDX Page', () => {
-	let devServer;
-	let fixture;
-
-	before(async () => {
-		fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-images/', import.meta.url),
-		});
-		devServer = await fixture.startDevServer();
-	});
-
-	after(async () => {
-		await devServer.stop();
-	});
-
-	describe('Optimized images in MDX', () => {
-		it('works', async () => {
-			const res = await fixture.fetch('/');
-			expect(res.status).to.equal(200);
-
-			const html = await res.text();
-			const { document } = parseHTML(html);
-
-			const imgs = document.getElementsByTagName('img');
-			expect(imgs.length).to.equal(4);
-			// Image using a relative path
-			expect(imgs.item(0).src.startsWith('/_image')).to.be.true;
-			// Image using an aliased path
-			expect(imgs.item(1).src.startsWith('/_image')).to.be.true;
-			// Image with title
-			expect(imgs.item(2).title).to.equal('Houston title');
-			// Image with spaces in the path
-			expect(imgs.item(3).src.startsWith('/_image')).to.be.true;
-		});
-	});
-});

package/test/mdx-infinite-loop.test.js

@@ -1,30 +0,0 @@
-import mdx from '@astrojs/mdx';
-
-import { expect } from 'chai';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-
-describe('MDX Infinite Loop', () => {
-	let fixture;
-
-	before(async () => {
-		fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-infinite-loop/', import.meta.url),
-			integrations: [mdx()],
-		});
-	});
-
-	describe('build', () => {
-		let err;
-		before(async () => {
-			try {
-				await fixture.build();
-			} catch (e) {
-				err = e;
-			}
-		});
-
-		it('does not hang forever if an error is thrown', async () => {
-			expect(!!err).to.be.true;
-		});
-	});
-});

package/test/mdx-math.test.js

@@ -1,64 +0,0 @@
-import mdx from '@astrojs/mdx';
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-import remarkMath from 'remark-math';
-import rehypeMathjaxSvg from 'rehype-mathjax';
-import rehypeMathjaxChtml from 'rehype-mathjax/chtml.js';
-
-const FIXTURE_ROOT = new URL('./fixtures/mdx-math/', import.meta.url);
-
-describe('MDX math', () => {
-	describe('mathjax', () => {
-		it('works with svg', async () => {
-			const fixture = await loadFixture({
-				root: FIXTURE_ROOT,
-				markdown: {
-					remarkPlugins: [remarkMath],
-					rehypePlugins: [rehypeMathjaxSvg],
-				},
-				integrations: [mdx()],
-			});
-			await fixture.build();
-
-			const html = await fixture.readFile('/mathjax/index.html');
-			const { document } = parseHTML(html);
-
-			const mjxContainer = document.querySelector('mjx-container[jax="SVG"]');
-			expect(mjxContainer).to.not.be.null;
-
-			const mjxStyle = document.querySelector('style').innerHTML;
-			expect(mjxStyle).to.include('mjx-container[jax="SVG"]', 'style should not be html-escaped');
-		});
-
-		it('works with chtml', async () => {
-			const fixture = await loadFixture({
-				root: FIXTURE_ROOT,
-				markdown: {
-					remarkPlugins: [remarkMath],
-					rehypePlugins: [
-						[
-							rehypeMathjaxChtml,
-							{
-								chtml: {
-									fontURL: 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2',
-								},
-							},
-						],
-					],
-				},
-				integrations: [mdx()],
-			});
-			await fixture.build();
-
-			const html = await fixture.readFile('/mathjax/index.html');
-			const { document } = parseHTML(html);
-
-			const mjxContainer = document.querySelector('mjx-container[jax="CHTML"]');
-			expect(mjxContainer).to.not.be.null;
-
-			const mjxStyle = document.querySelector('style').innerHTML;
-			expect(mjxStyle).to.include('mjx-container[jax="CHTML"]', 'style should not be html-escaped');
-		});
-	});
-});

package/test/mdx-namespace.test.js

@@ -1,83 +0,0 @@
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-
-describe('MDX Namespace', () => {
-	let fixture;
-
-	before(async () => {
-		fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-namespace/', import.meta.url),
-		});
-	});
-
-	describe('build', () => {
-		before(async () => {
-			await fixture.build();
-		});
-
-		it('works for object', async () => {
-			const html = await fixture.readFile('/object/index.html');
-			const { document } = parseHTML(html);
-
-			const island = document.querySelector('astro-island');
-			const component = document.querySelector('#component');
-
-			expect(island).not.undefined;
-			expect(component.textContent).equal('Hello world');
-		});
-
-		it('works for star', async () => {
-			const html = await fixture.readFile('/star/index.html');
-			const { document } = parseHTML(html);
-
-			const island = document.querySelector('astro-island');
-			const component = document.querySelector('#component');
-
-			expect(island).not.undefined;
-			expect(component.textContent).equal('Hello world');
-		});
-	});
-
-	describe('dev', () => {
-		let devServer;
-
-		before(async () => {
-			devServer = await fixture.startDevServer();
-		});
-
-		after(async () => {
-			await devServer.stop();
-		});
-
-		it('works for object', async () => {
-			const res = await fixture.fetch('/object');
-
-			expect(res.status).to.equal(200);
-
-			const html = await res.text();
-			const { document } = parseHTML(html);
-
-			const island = document.querySelector('astro-island');
-			const component = document.querySelector('#component');
-
-			expect(island).not.undefined;
-			expect(component.textContent).equal('Hello world');
-		});
-
-		it('works for star', async () => {
-			const res = await fixture.fetch('/star');
-
-			expect(res.status).to.equal(200);
-
-			const html = await res.text();
-			const { document } = parseHTML(html);
-
-			const island = document.querySelector('astro-island');
-			const component = document.querySelector('#component');
-
-			expect(island).not.undefined;
-			expect(component.textContent).equal('Hello world');
-		});
-	});
-});

package/test/mdx-page.test.js

@@ -1,64 +0,0 @@
-import mdx from '@astrojs/mdx';
-
-import { expect } from 'chai';
-import { parseHTML } from 'linkedom';
-import { loadFixture } from '../../../astro/test/test-utils.js';
-
-describe('MDX Page', () => {
-	let fixture;
-
-	before(async () => {
-		fixture = await loadFixture({
-			root: new URL('./fixtures/mdx-page/', import.meta.url),
-		});
-	});
-
-	describe('build', () => {
-		before(async () => {
-			await fixture.build();
-		});
-
-		it('works', async () => {
-			const html = await fixture.readFile('/index.html');
-			const { document } = parseHTML(html);
-
-			const h1 = document.querySelector('h1');
-
-			expect(h1.textContent).to.equal('Hello page!');
-		});
-
-		it('injects style imports when layout is not applied', async () => {
-			const html = await fixture.readFile('/index.html');
-			const { document } = parseHTML(html);
-
-			const stylesheet = document.querySelector('link[rel="stylesheet"]');
-
-			expect(stylesheet).to.not.be.null;
-		});
-	});
-
-	describe('dev', () => {
-		let devServer;
-
-		before(async () => {
-			devServer = await fixture.startDevServer();
-		});
-
-		after(async () => {
-			await devServer.stop();
-		});
-
-		it('works', async () => {
-			const res = await fixture.fetch('/');
-
-			expect(res.status).to.equal(200);
-
-			const html = await res.text();
-			const { document } = parseHTML(html);
-
-			const h1 = document.querySelector('h1');
-
-			expect(h1.textContent).to.equal('Hello page!');
-		});
-	});
-});