summaryrefslogtreecommitdiff
path: root/packages/integrations/mdx/test/mdx-remark-plugins.test.js
diff options
context:
space:
mode:
Diffstat (limited to 'packages/integrations/mdx/test/mdx-remark-plugins.test.js')
-rw-r--r--packages/integrations/mdx/test/mdx-remark-plugins.test.js58
1 files changed, 58 insertions, 0 deletions
diff --git a/packages/integrations/mdx/test/mdx-remark-plugins.test.js b/packages/integrations/mdx/test/mdx-remark-plugins.test.js
new file mode 100644
index 000000000..545df3174
--- /dev/null
+++ b/packages/integrations/mdx/test/mdx-remark-plugins.test.js
@@ -0,0 +1,58 @@
+import mdx from '@astrojs/mdx';
+
+import { expect } from 'chai';
+import { parseHTML } from 'linkedom';
+import { loadFixture } from '../../../astro/test/test-utils.js';
+import remarkToc from 'remark-toc';
+
+const FIXTURE_ROOT = new URL('./fixtures/mdx-remark-plugins/', import.meta.url);
+
+describe('MDX remark plugins', () => {
+ it('supports custom remark plugins - TOC', async () => {
+ const fixture = await loadFixture({
+ root: FIXTURE_ROOT,
+ integrations: [mdx({
+ remarkPlugins: [remarkToc],
+ })],
+ });
+ await fixture.build();
+
+ const html = await fixture.readFile('/with-toc/index.html');
+ const { document } = parseHTML(html);
+
+ const tocLink1 = document.querySelector('ul a[href="#section-1"]');
+ expect(tocLink1).to.not.be.null;
+ });
+
+ it('applies GitHub-flavored markdown by default', async () => {
+ const fixture = await loadFixture({
+ root: FIXTURE_ROOT,
+ integrations: [mdx()],
+ });
+ await fixture.build();
+
+ const html = await fixture.readFile('/with-gfm/index.html');
+ const { document } = parseHTML(html);
+
+ const autoGenLink = document.querySelector('a[href="https://example.com"]');
+ expect(autoGenLink).to.not.be.null;
+ });
+
+ it('preserves default GitHub-flavored markdown with "extends"', async () => {
+ const fixture = await loadFixture({
+ root: FIXTURE_ROOT,
+ integrations: [mdx({
+ remarkPlugins: { extends: [remarkToc] },
+ })],
+ });
+ await fixture.build();
+
+ const html = await fixture.readFile('/with-toc/index.html');
+ const { document } = parseHTML(html);
+
+ const tocLink1 = document.querySelector('ul a[href="#section-1"]');
+ expect(tocLink1).to.not.be.null;
+ const autoGenLink = document.querySelector('a[href="https://handle-me-gfm.com"]');
+ expect(autoGenLink).to.not.be.null;
+ });
+});