import mdx from '@astrojs/mdx'; import * as assert from 'node:assert/strict'; import { describe, it } from 'node:test'; import { parseHTML } from 'linkedom'; import rehypePrettyCode from 'rehype-pretty-code'; import shikiTwoslash from 'remark-shiki-twoslash'; import { loadFixture } from '../../../astro/test/test-utils.js'; const FIXTURE_ROOT = new URL('./fixtures/mdx-syntax-hightlighting/', import.meta.url); describe('MDX syntax highlighting', () => { describe('shiki', () => { it('works', async () => { const fixture = await loadFixture({ root: FIXTURE_ROOT, markdown: { syntaxHighlight: 'shiki', }, integrations: [mdx()], }); await fixture.build(); const html = await fixture.readFile('/index.html'); const { document } = parseHTML(html); const shikiCodeBlock = document.querySelector('pre.astro-code'); assert.notEqual(shikiCodeBlock, null); assert.equal(shikiCodeBlock.getAttribute('style').includes('background-color:#24292e'), true); }); it('respects markdown.shikiConfig.theme', async () => { const fixture = await loadFixture({ root: FIXTURE_ROOT, markdown: { syntaxHighlight: 'shiki', shikiConfig: { theme: 'dracula', }, }, integrations: [mdx()], }); await fixture.build(); const html = await fixture.readFile('/index.html'); const { document } = parseHTML(html); const shikiCodeBlock = document.querySelector('pre.astro-code'); assert.notEqual(shikiCodeBlock, null); assert.equal(shikiCodeBlock.getAttribute('style').includes('background-color:#282A36'), true); }); }); describe('prism', () => { it('works', async () => { const fixture = await loadFixture({ root: FIXTURE_ROOT, markdown: { syntaxHighlight: 'prism', }, integrations: [mdx()], }); await fixture.build(); const html = await fixture.readFile('/index.html'); const { document } = parseHTML(html); const prismCodeBlock = document.querySelector('pre.language-astro'); assert.notEqual(prismCodeBlock, null); }); for (const extendMarkdownConfig of [true, false]) { it(`respects syntaxHighlight when extendMarkdownConfig = ${extendMarkdownConfig}`, async () => { const fixture = await loadFixture({ root: FIXTURE_ROOT, markdown: { syntaxHighlight: 'shiki', }, integrations: [ mdx({ extendMarkdownConfig, syntaxHighlight: 'prism', }), ], }); await fixture.build(); const html = await fixture.readFile('/index.html'); const { document } = parseHTML(html); const shikiCodeBlock = document.querySelector('pre.astro-code'); assert.equal(shikiCodeBlock, null, 'Markdown config syntaxHighlight used unexpectedly'); const prismCodeBlock = document.querySelector('pre.language-astro'); assert.notEqual(prismCodeBlock, null); }); } }); it('supports custom highlighter - shiki-twoslash', async () => { const fixture = await loadFixture({ root: FIXTURE_ROOT, markdown: { syntaxHighlight: false, }, integrations: [ mdx({ remarkPlugins: [shikiTwoslash.default ?? shikiTwoslash], }), ], }); await fixture.build(); const html = await fixture.readFile('/index.html'); const { document } = parseHTML(html); const twoslashCodeBlock = document.querySelector('pre.shiki'); assert.notEqual(twoslashCodeBlock, null); }); it('supports custom highlighter - rehype-pretty-code', async () => { const fixture = await loadFixture({ root: FIXTURE_ROOT, markdown: { syntaxHighlight: false, }, integrations: [ mdx({ rehypePlugins: [ [ rehypePrettyCode, { onVisitHighlightedLine(node) { node.properties.style = 'background-color:#000000'; }, }, ], ], }), ], }); await fixture.build(); const html = await fixture.readFile('/index.html'); assert.equal(html.includes('style="background-color:#000000"'), true); }); }); eact Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/examples/with-markdown-plugins/add-classes.mjs (unfollow)
AgeCommit message (Expand)AuthorFilesLines
2022-05-12Serialize route generation (#3354)Gravatar Juan Martín Seery 5-59/+61
2022-05-12Corrected the default value of trailingSlash (#3353)Gravatar Rafid Muhymin Wafi 1-1/+1
2022-05-12[ci] formatGravatar matthewp 1-85/+78
2022-05-12Fixed search bar of the docs example not working (#3247)Gravatar Rafid Muhymin Wafi 1-76/+94
2022-05-12Add config option customPages (#3315)Gravatar Eloi-Perez 1-0/+14
2022-05-12fix: vite types (#3352)Gravatar Juan Martín Seery 4-5/+16
2022-05-12[ci] update lockfile (#3287)Gravatar Fred K. Schott 33-1038/+1096
2022-05-12[ci] formatGravatar matthewp 2-2/+2
2022-05-12add error hints (#3350)Gravatar Fred K. Schott 3-0/+19
2022-05-12[ci] formatGravatar matthewp 2-10/+6
2022-05-12Fix: React - Use "createRoot" instead of "hydrateRoot" for `client:only` (#3337)Gravatar Ben Holmes 4-22/+34
2022-05-12[ci] formatGravatar matthewp 1-2/+8
2022-05-12Resolve components by module ID during compilation (#3300)Gravatar Tony Sullivan 22-41/+407
2022-05-12[ci] collect statsGravatar FredKSchott 1-0/+1
2022-05-11Exclude `node-fetch` from vite.optimizeDeps (#3348)Gravatar Nate Moore 2-0/+6
2022-05-11fix: updated blog template with existing address (#3312)Gravatar Gautier Ben Aïm 1-2/+2
2022-05-11refactor(vercel): Build Output API v3 (#3216)Gravatar Juan Martín Seery 42-231/+659
2022-05-11Fix APIRoute type (#3344)Gravatar Matthew Phillips 3-11/+8
2022-05-11[create-astro] Finalize developer experience... with gradients 🚀 (#3313)Gravatar Ben Holmes 5-23/+123