docusarus-raw-mdx - snapshot test and feature-format-matrix doc

Author: cscheid

dev-docs/feature-format-matrix/qmd-files/format/docusaurus/raw-mdx-block/docusaurus.qmd

@@ -0,0 +1,21 @@
+---
+format: docusaurus-md
+---
+
+```{=mdx}
+export const Highlight = ({children, color}) => (
+  <span
+    style={{
+      backgroundColor: color,
+      borderRadius: '2px',
+      color: '#fff',
+      padding: '0.2rem',
+    }}>
+    {children}
+  </span>
+);
+```
+
+<Highlight color="#25c2a0">Docusaurus GREEN</Highlight> and <Highlight color="#1877F2">Rams blue</Highlight> are my favorite colors.
+
+I can write **Markdown** alongside my _JSX_!

tests/docs/smoke-all/2024/01/19/docusaurus/docusaurus-raw-mdx-test.mdx.snapshot

@@ -0,0 +1,25 @@
+---
+format: docusaurus-md
+---
+
+
+
+
+````mdx-code-block
+export const Highlight = ({children, color}) => (
+  <span
+    style={{
+      backgroundColor: color,
+      borderRadius: '2px',
+      color: '#fff',
+      padding: '0.2rem',
+    }}>
+    {children}
+  </span>
+);
+````
+
+<Highlight color="#25c2a0">Docusaurus GREEN</Highlight> and
+<Highlight color="#1877F2">Rams blue</Highlight> are my favorite colors.
+
+I can write **Markdown** alongside my *JSX*!

tests/docs/smoke-all/2024/01/19/docusaurus/docusaurus-raw-mdx-test.qmd

@@ -0,0 +1,25 @@
+---
+format: docusaurus-md
+_quarto:
+  tests:
+    docusaurus-md:
+      ensureSnapshotMatches: true
+---
+
+```{=mdx}
+export const Highlight = ({children, color}) => (
+  <span
+    style={{
+      backgroundColor: color,
+      borderRadius: '2px',
+      color: '#fff',
+      padding: '0.2rem',
+    }}>
+    {children}
+  </span>
+);
+```
+
+<Highlight color="#25c2a0">Docusaurus GREEN</Highlight> and <Highlight color="#1877F2">Rams blue</Highlight> are my favorite colors.
+
+I can write **Markdown** alongside my _JSX_!