@docubook/mdx-content 3.0.3 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +47 -27
- package/dist/__test__/AccordionMdx.test.d.ts +2 -0
- package/dist/__test__/AccordionMdx.test.d.ts.map +1 -0
- package/dist/__test__/AccordionMdx.test.js +21 -0
- package/dist/__test__/AccordionMdx.test.js.map +1 -0
- package/dist/__test__/AccordionsMdx.test.d.ts +2 -0
- package/dist/__test__/AccordionsMdx.test.d.ts.map +1 -0
- package/dist/__test__/AccordionsMdx.test.js +22 -0
- package/dist/__test__/AccordionsMdx.test.js.map +1 -0
- package/dist/__test__/ButtonMdx.test.d.ts +2 -0
- package/dist/__test__/ButtonMdx.test.d.ts.map +1 -0
- package/dist/__test__/ButtonMdx.test.js +20 -0
- package/dist/__test__/ButtonMdx.test.js.map +1 -0
- package/dist/__test__/CardMdx.test.d.ts +2 -0
- package/dist/__test__/CardMdx.test.d.ts.map +1 -0
- package/dist/__test__/CardMdx.test.js +29 -0
- package/dist/__test__/CardMdx.test.js.map +1 -0
- package/dist/__test__/CardsMdx.test.d.ts +2 -0
- package/dist/__test__/CardsMdx.test.d.ts.map +1 -0
- package/dist/__test__/CardsMdx.test.js +33 -0
- package/dist/__test__/CardsMdx.test.js.map +1 -0
- package/dist/__test__/CodeBlockMdx.test.d.ts +2 -0
- package/dist/__test__/CodeBlockMdx.test.d.ts.map +1 -0
- package/dist/__test__/CodeBlockMdx.test.js +30 -0
- package/dist/__test__/CodeBlockMdx.test.js.map +1 -0
- package/dist/__test__/FileTreeMdx.test.d.ts +2 -0
- package/dist/__test__/FileTreeMdx.test.d.ts.map +1 -0
- package/dist/__test__/FileTreeMdx.test.js +26 -0
- package/dist/__test__/FileTreeMdx.test.js.map +1 -0
- package/dist/__test__/ImageMdx.test.d.ts +2 -0
- package/dist/__test__/ImageMdx.test.d.ts.map +1 -0
- package/dist/__test__/ImageMdx.test.js +32 -0
- package/dist/__test__/ImageMdx.test.js.map +1 -0
- package/dist/__test__/KbdMdx.test.d.ts +2 -0
- package/dist/__test__/KbdMdx.test.d.ts.map +1 -0
- package/dist/__test__/KbdMdx.test.js +27 -0
- package/dist/__test__/KbdMdx.test.js.map +1 -0
- package/dist/__test__/LinkMdx.test.d.ts +2 -0
- package/dist/__test__/LinkMdx.test.d.ts.map +1 -0
- package/dist/__test__/LinkMdx.test.js +29 -0
- package/dist/__test__/LinkMdx.test.js.map +1 -0
- package/dist/__test__/NoteMdx.test.d.ts +2 -0
- package/dist/__test__/NoteMdx.test.d.ts.map +1 -0
- package/dist/__test__/NoteMdx.test.js +39 -0
- package/dist/__test__/NoteMdx.test.js.map +1 -0
- package/dist/__test__/ReleaseMdx.test.d.ts +2 -0
- package/dist/__test__/ReleaseMdx.test.d.ts.map +1 -0
- package/dist/__test__/ReleaseMdx.test.js +39 -0
- package/dist/__test__/ReleaseMdx.test.js.map +1 -0
- package/dist/__test__/StepperMdx.test.d.ts +2 -0
- package/dist/__test__/StepperMdx.test.d.ts.map +1 -0
- package/dist/__test__/StepperMdx.test.js +25 -0
- package/dist/__test__/StepperMdx.test.js.map +1 -0
- package/dist/__test__/TableMdx.test.d.ts +2 -0
- package/dist/__test__/TableMdx.test.d.ts.map +1 -0
- package/dist/__test__/TableMdx.test.js +25 -0
- package/dist/__test__/TableMdx.test.js.map +1 -0
- package/dist/__test__/TabsMdx.test.d.ts +2 -0
- package/dist/__test__/TabsMdx.test.d.ts.map +1 -0
- package/dist/__test__/TabsMdx.test.js +30 -0
- package/dist/__test__/TabsMdx.test.js.map +1 -0
- package/dist/__test__/TooltipMdx.test.d.ts +2 -0
- package/dist/__test__/TooltipMdx.test.d.ts.map +1 -0
- package/dist/__test__/TooltipMdx.test.js +23 -0
- package/dist/__test__/TooltipMdx.test.js.map +1 -0
- package/dist/__test__/YoutubeMdx.test.d.ts +2 -0
- package/dist/__test__/YoutubeMdx.test.d.ts.map +1 -0
- package/dist/__test__/YoutubeMdx.test.js +25 -0
- package/dist/__test__/YoutubeMdx.test.js.map +1 -0
- package/dist/__test__/utils/ExpandableCode.test.d.ts +2 -0
- package/dist/__test__/utils/ExpandableCode.test.d.ts.map +1 -0
- package/dist/__test__/utils/ExpandableCode.test.js +62 -0
- package/dist/__test__/utils/ExpandableCode.test.js.map +1 -0
- package/dist/__test__/utils/Icon.test.d.ts +2 -0
- package/dist/__test__/utils/Icon.test.d.ts.map +1 -0
- package/dist/__test__/utils/Icon.test.js +29 -0
- package/dist/__test__/utils/Icon.test.js.map +1 -0
- package/dist/client.d.ts +5 -4
- package/dist/client.d.ts.map +1 -1
- package/dist/client.js +5 -4
- package/dist/client.js.map +1 -1
- package/dist/components/AccordionMdx.d.ts +1 -1
- package/dist/components/AccordionMdx.d.ts.map +1 -1
- package/dist/components/AccordionMdx.js +2 -2
- package/dist/components/AccordionMdx.js.map +1 -1
- package/dist/components/{AccordionGroupMdx.d.ts → AccordionsMdx.d.ts} +1 -1
- package/dist/components/AccordionsMdx.d.ts.map +1 -0
- package/dist/components/{AccordionGroupMdx.js → AccordionsMdx.js} +2 -2
- package/dist/components/AccordionsMdx.js.map +1 -0
- package/dist/components/ButtonMdx.d.ts +2 -3
- package/dist/components/ButtonMdx.d.ts.map +1 -1
- package/dist/components/ButtonMdx.js +9 -4
- package/dist/components/ButtonMdx.js.map +1 -1
- package/dist/components/CardMdx.d.ts +1 -1
- package/dist/components/CardMdx.d.ts.map +1 -1
- package/dist/components/CardMdx.js +3 -4
- package/dist/components/CardMdx.js.map +1 -1
- package/dist/components/{CardGroupMdx.d.ts → CardsMdx.d.ts} +1 -1
- package/dist/components/CardsMdx.d.ts.map +1 -0
- package/dist/components/CardsMdx.js +9 -0
- package/dist/components/CardsMdx.js.map +1 -0
- package/dist/components/{CodeBlock.d.ts → CodeBlockMdx.d.ts} +1 -1
- package/dist/components/CodeBlockMdx.d.ts.map +1 -0
- package/dist/components/{CodeBlock.js → CodeBlockMdx.js} +3 -3
- package/dist/components/CodeBlockMdx.js.map +1 -0
- package/dist/components/FileTreeMdx.d.ts.map +1 -1
- package/dist/components/FileTreeMdx.js +1 -1
- package/dist/components/FileTreeMdx.js.map +1 -1
- package/dist/components/{KeyboardMdx.d.ts → KbdMdx.d.ts} +1 -1
- package/dist/components/KbdMdx.d.ts.map +1 -0
- package/dist/components/{KeyboardMdx.js → KbdMdx.js} +1 -1
- package/dist/components/KbdMdx.js.map +1 -0
- package/dist/components/NoteMdx.d.ts +3 -3
- package/dist/components/NoteMdx.d.ts.map +1 -1
- package/dist/components/NoteMdx.js +15 -14
- package/dist/components/NoteMdx.js.map +1 -1
- package/dist/components/{TooltipsMdx.d.ts → TooltipMdx.d.ts} +1 -1
- package/dist/components/TooltipMdx.d.ts.map +1 -0
- package/dist/components/{TooltipsMdx.js → TooltipMdx.js} +1 -1
- package/dist/components/TooltipMdx.js.map +1 -0
- package/dist/components/index.d.ts +6 -7
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +6 -7
- package/dist/components/index.js.map +1 -1
- package/dist/index.d.ts +5 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -7
- package/dist/index.js.map +1 -1
- package/dist/registry/index.js +1 -3
- package/dist/registry/index.js.map +1 -1
- package/dist/server.d.ts +4 -5
- package/dist/server.d.ts.map +1 -1
- package/dist/server.js +4 -5
- package/dist/server.js.map +1 -1
- package/dist/{components/AccordionContext.d.ts → utils/AccordionGroupContext.d.ts} +1 -1
- package/dist/utils/AccordionGroupContext.d.ts.map +1 -0
- package/dist/{components/AccordionContext.js → utils/AccordionGroupContext.js} +1 -1
- package/dist/utils/AccordionGroupContext.js.map +1 -0
- package/dist/utils/CopyButton.d.ts.map +1 -0
- package/dist/utils/CopyButton.js.map +1 -0
- package/dist/utils/ExpandableCode.d.ts.map +1 -0
- package/dist/{components → utils}/ExpandableCode.js +1 -6
- package/dist/utils/ExpandableCode.js.map +1 -0
- package/dist/{components/IconMdx.d.ts → utils/Icon.d.ts} +1 -1
- package/dist/utils/Icon.d.ts.map +1 -0
- package/dist/{components/IconMdx.js → utils/Icon.js} +4 -7
- package/dist/utils/Icon.js.map +1 -0
- package/package.json +13 -5
- package/styles.css +35 -0
- package/dist/components/AccordionContext.d.ts.map +0 -1
- package/dist/components/AccordionContext.js.map +0 -1
- package/dist/components/AccordionGroupMdx.d.ts.map +0 -1
- package/dist/components/AccordionGroupMdx.js.map +0 -1
- package/dist/components/CardGroupMdx.d.ts.map +0 -1
- package/dist/components/CardGroupMdx.js +0 -25
- package/dist/components/CardGroupMdx.js.map +0 -1
- package/dist/components/CodeBlock.d.ts.map +0 -1
- package/dist/components/CodeBlock.js.map +0 -1
- package/dist/components/CopyButton.d.ts.map +0 -1
- package/dist/components/CopyButton.js.map +0 -1
- package/dist/components/ExpandableCode.d.ts.map +0 -1
- package/dist/components/ExpandableCode.js.map +0 -1
- package/dist/components/IconMdx.d.ts.map +0 -1
- package/dist/components/IconMdx.js.map +0 -1
- package/dist/components/KeyboardMdx.d.ts.map +0 -1
- package/dist/components/KeyboardMdx.js.map +0 -1
- package/dist/components/TooltipsMdx.d.ts.map +0 -1
- package/dist/components/TooltipsMdx.js.map +0 -1
- /package/dist/{components → utils}/CopyButton.d.ts +0 -0
- /package/dist/{components → utils}/CopyButton.js +0 -0
- /package/dist/{components → utils}/ExpandableCode.d.ts +0 -0
package/README.md
CHANGED
|
@@ -66,14 +66,6 @@ import {
|
|
|
66
66
|
TableRowMdx,
|
|
67
67
|
TooltipMdx,
|
|
68
68
|
YoutubeMdx,
|
|
69
|
-
// remove API components on v3
|
|
70
|
-
// TabsContentMdx,
|
|
71
|
-
// TabsListMdx,
|
|
72
|
-
// TabsTriggerMdx,
|
|
73
|
-
// AccordionGroupMdx,
|
|
74
|
-
// CardGroupMdx,
|
|
75
|
-
// StepperItemMdx,
|
|
76
|
-
// StepperMdx,
|
|
77
69
|
} from "@docubook/mdx-content";
|
|
78
70
|
import { ImageMdx, LinkMdx, ButtonMdx, CardMdx } from "@docubook/mdx-content/next";
|
|
79
71
|
import { customMdxComponents } from "@/lib/mdx";
|
|
@@ -108,15 +100,6 @@ const builtInOverrides: MdxComponentMap = {
|
|
|
108
100
|
img: ImageMdx,
|
|
109
101
|
a: LinkMdx,
|
|
110
102
|
Link: LinkMdx,
|
|
111
|
-
|
|
112
|
-
// remove API components on v3
|
|
113
|
-
// Stepper: StepperMdx,
|
|
114
|
-
// StepperItem: StepperItemMdx,
|
|
115
|
-
// AccordionGroup: AccordionGroupMdx,
|
|
116
|
-
// CardGroup: CardGroupMdx,
|
|
117
|
-
// TabsContent: TabsContentMdx,
|
|
118
|
-
// TabsList: TabsListMdx,
|
|
119
|
-
// TabsTrigger: TabsTriggerMdx,
|
|
120
103
|
};
|
|
121
104
|
|
|
122
105
|
export const mdxComponents = createMdxComponents({
|
|
@@ -151,6 +134,13 @@ const docsService = createMdxContentService({
|
|
|
151
134
|
| `@docubook/mdx-content/client` | Client-only components (accordion, tabs, tooltip, etc.) |
|
|
152
135
|
| `@docubook/mdx-content/server` | Server-side components |
|
|
153
136
|
| `@docubook/mdx-content/next` | Next.js-optimized adapters (`Link`, `Button`, `Card`, `Image`) |
|
|
137
|
+
| `@docubook/mdx-content/styles.css` | Stylesheet for MDX components (required) |
|
|
138
|
+
|
|
139
|
+
> **Important:** You must import the stylesheet in your app's root layout or global CSS entry point:
|
|
140
|
+
>
|
|
141
|
+
> ```ts
|
|
142
|
+
> import "@docubook/mdx-content/styles.css";
|
|
143
|
+
> ```
|
|
154
144
|
|
|
155
145
|
---
|
|
156
146
|
|
|
@@ -195,27 +185,57 @@ export const customMdxComponents: MdxComponentMap = {
|
|
|
195
185
|
|
|
196
186
|
---
|
|
197
187
|
|
|
188
|
+
## Customization
|
|
189
|
+
|
|
190
|
+
All components expose stable CSS class names you can target for style overrides. Import `@docubook/mdx-content/styles.css` for base styles, then override as needed.
|
|
191
|
+
|
|
192
|
+
### CSS Classes
|
|
193
|
+
|
|
194
|
+
| Class | Component | Description |
|
|
195
|
+
| -------------------------------- | ------------ | ------------------------------------------------- |
|
|
196
|
+
| `.mdx-expandable-code` | `CodeBlock` | The `<pre>` element inside expandable code blocks |
|
|
197
|
+
| `.mdx-expandable-code-container` | `CodeBlock` | Scroll container wrapping the `<pre>` |
|
|
198
|
+
| `.code-block-container` | `CodeBlock` | Outer wrapper of the entire code block |
|
|
199
|
+
| `.code-block-header` | `CodeBlock` | Header bar (filename, language label) |
|
|
200
|
+
| `.code-block-actions` | `CodeBlock` | Action buttons area (copy button) |
|
|
201
|
+
| `.code-block-body` | `CodeBlock` | Body area containing the code |
|
|
202
|
+
| `.code-block-expandable-footer` | `CodeBlock` | Footer with expand/collapse toggle |
|
|
203
|
+
| `.code-block-expandable-toggle` | `CodeBlock` | The expand/collapse button |
|
|
204
|
+
| `.docubook-card-group` | `Cards` | Grid container for card layouts |
|
|
205
|
+
| `[data-card-hover]` | `Card` | Card with link — target for hover styles |
|
|
206
|
+
| `[data-card-icon]` | `Card` | Icon element inside a card |
|
|
207
|
+
| `.mdx-accordion` | `Accordion` | Single accordion wrapper |
|
|
208
|
+
| `.mdx-accordion-group` | `Accordions` | Group wrapper for multiple accordions |
|
|
209
|
+
| `.mdx-accordion-group-item` | `Accordion` | Accordion when inside a group |
|
|
210
|
+
| `.mdx-accordion-header` | `Accordion` | Clickable header/trigger |
|
|
211
|
+
| `.mdx-accordion-chevron` | `Accordion` | Chevron icon in header |
|
|
212
|
+
| `.mdx-accordion-content` | `Accordion` | Collapsible content area |
|
|
213
|
+
|
|
214
|
+
### CSS Custom Properties
|
|
215
|
+
|
|
216
|
+
| Variable | Component | Description |
|
|
217
|
+
| -------------------------------- | --------- | -------------------------------------------------------- |
|
|
218
|
+
| `--docubook-card-group-template` | `Cards` | Grid column template (set automatically via `cols` prop) |
|
|
219
|
+
|
|
220
|
+
---
|
|
221
|
+
|
|
198
222
|
## API Migration Policy
|
|
199
223
|
|
|
200
224
|
The current rename rollout uses a migration phase, not an immediate hard-breaking change:
|
|
201
225
|
|
|
202
226
|
- New tags are the primary API (`Accordions`, `Cards`, `Steps`, `Step`).
|
|
203
|
-
- Legacy tags are still supported as deprecated aliases for backward compatibility (`AccordionGroup`, `CardGroup`, `Stepper`, `StepperItem`).
|
|
204
|
-
- A true breaking change happens when deprecated aliases are removed in a future major release.
|
|
205
|
-
|
|
206
|
-
For migration examples, see [components.md](https://github.com/DocuBook/docubook/blob/main/packages/mdx-content/components.md).
|
|
227
|
+
- Legacy tags are still supported as deprecated aliases for backward compatibility `only v2`(`AccordionGroup`, `CardGroup`, `Stepper`, `StepperItem`).
|
|
228
|
+
- A true breaking change happens when deprecated aliases are removed in a future major release. `v3 remove legacy API`
|
|
207
229
|
|
|
208
230
|
---
|
|
209
231
|
|
|
210
232
|
## Available Components
|
|
211
233
|
|
|
212
|
-
For full usage examples of all built-in components, refer to [components.md](https://github.com/DocuBook/docubook/blob/main/packages/mdx-content/components.md).
|
|
213
|
-
|
|
214
234
|
Components included out of the box:
|
|
215
235
|
|
|
216
|
-
- `Accordion` / `Accordions`
|
|
236
|
+
- `Accordion` / `Accordions`
|
|
217
237
|
- `Button`
|
|
218
|
-
- `Card` / `Cards`
|
|
238
|
+
- `Card` / `Cards`
|
|
219
239
|
- Code Block (`pre`)
|
|
220
240
|
- `Files` / `Folder` / `File`
|
|
221
241
|
- `Image` / `img`
|
|
@@ -223,8 +243,8 @@ Components included out of the box:
|
|
|
223
243
|
- `Link` / `a`
|
|
224
244
|
- `Note`
|
|
225
245
|
- `Release` / `Changes`
|
|
226
|
-
- `Steps` / `Step`
|
|
227
|
-
- `Tabs` / `Tab`
|
|
246
|
+
- `Steps` / `Step`
|
|
247
|
+
- `Tabs` / `Tab`
|
|
228
248
|
- `Tooltip`
|
|
229
249
|
- `Youtube`
|
|
230
250
|
- Table (`table`, `thead`, `tbody`, `tfoot`, `tr`, `th`, `td`)
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/AccordionMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { AccordionMdx } from "../components/AccordionMdx";
|
|
5
|
+
describe("AccordionMdx", () => {
|
|
6
|
+
it("renders with valid icon", () => {
|
|
7
|
+
const { container } = render(_jsx(AccordionMdx, { title: "Test", icon: "Home", children: "Content" }));
|
|
8
|
+
expect(container.querySelector("svg")).not.toBeNull();
|
|
9
|
+
expect(container.textContent).toContain("Test");
|
|
10
|
+
});
|
|
11
|
+
it("does not crash with invalid icon", () => {
|
|
12
|
+
const { container } = render(_jsx(AccordionMdx, { title: "Test", icon: "__proto__", children: "Content" }));
|
|
13
|
+
expect(container.textContent).toContain("Test");
|
|
14
|
+
expect(container.textContent).toContain("Content");
|
|
15
|
+
});
|
|
16
|
+
it("renders children", () => {
|
|
17
|
+
const { container } = render(_jsx(AccordionMdx, { title: "Acc", children: _jsx("p", { children: "Child" }) }));
|
|
18
|
+
expect(container.querySelector("p")).not.toBeNull();
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
//# sourceMappingURL=AccordionMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionMdx.test.js","sourceRoot":"","sources":["../../src/__test__/AccordionMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,wBAEvB,CAChB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACtD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,wBAE5B,CAChB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,IAAC,KAAK,EAAC,KAAK,YACvB,gCAAY,GACC,CAChB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionsMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/AccordionsMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { AccordionsMdx } from "../components/AccordionsMdx";
|
|
5
|
+
import { AccordionMdx } from "../components/AccordionMdx";
|
|
6
|
+
describe("AccordionsMdx", () => {
|
|
7
|
+
it("renders group with multiple accordions", () => {
|
|
8
|
+
const { container } = render(_jsxs(AccordionsMdx, { children: [_jsx(AccordionMdx, { title: "First", children: "Content 1" }), _jsx(AccordionMdx, { title: "Second", icon: "Code", children: "Content 2" })] }));
|
|
9
|
+
expect(container.querySelectorAll(".mdx-accordion")).toHaveLength(2);
|
|
10
|
+
expect(container.textContent).toContain("First");
|
|
11
|
+
expect(container.textContent).toContain("Second");
|
|
12
|
+
});
|
|
13
|
+
it("renders with mdx-accordion-group class", () => {
|
|
14
|
+
const { container } = render(_jsx(AccordionsMdx, { children: _jsx(AccordionMdx, { title: "A", children: "x" }) }));
|
|
15
|
+
expect(container.querySelector(".mdx-accordion-group")).not.toBeNull();
|
|
16
|
+
});
|
|
17
|
+
it("does not crash with no children", () => {
|
|
18
|
+
const { container } = render(_jsx(AccordionsMdx, { children: null }));
|
|
19
|
+
expect(container.firstChild).not.toBeNull();
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=AccordionsMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionsMdx.test.js","sourceRoot":"","sources":["../../src/__test__/AccordionsMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,MAAC,aAAa,eACZ,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,0BAAyB,EACpD,KAAC,YAAY,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,0BAEzB,IACD,CACjB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,aAAa,cACZ,KAAC,YAAY,IAAC,KAAK,EAAC,GAAG,kBAAiB,GAC1B,CACjB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,cAAE,IAAI,GAAiB,CAAC,CAAC;QACpE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/ButtonMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { ButtonMdx } from "../components/ButtonMdx";
|
|
5
|
+
describe("ButtonMdx", () => {
|
|
6
|
+
it("renders with valid icon", () => {
|
|
7
|
+
const { container } = render(_jsx(ButtonMdx, { icon: "Home", text: "Click" }));
|
|
8
|
+
expect(container.querySelector("svg")).not.toBeNull();
|
|
9
|
+
expect(container.textContent).toContain("Click");
|
|
10
|
+
});
|
|
11
|
+
it("does not crash with invalid icon", () => {
|
|
12
|
+
const { container } = render(_jsx(ButtonMdx, { icon: "__proto__", text: "Click" }));
|
|
13
|
+
expect(container.textContent).toContain("Click");
|
|
14
|
+
});
|
|
15
|
+
it("renders without icon", () => {
|
|
16
|
+
const { container } = render(_jsx(ButtonMdx, { text: "No Icon" }));
|
|
17
|
+
expect(container.textContent).toContain("No Icon");
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=ButtonMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonMdx.test.js","sourceRoot":"","sources":["../../src/__test__/ButtonMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACtD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC;QAC1E,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,GAAG,CAAC,CAAC;QAC3D,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/CardMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { CardMdx } from "../components/CardMdx";
|
|
5
|
+
describe("CardMdx", () => {
|
|
6
|
+
it("renders with valid icon", () => {
|
|
7
|
+
const { container } = render(_jsx(CardMdx, { title: "Card", icon: "Home", children: "Body" }));
|
|
8
|
+
expect(container.querySelector("svg")).not.toBeNull();
|
|
9
|
+
expect(container.textContent).toContain("Card");
|
|
10
|
+
});
|
|
11
|
+
it("does not crash with invalid icon", () => {
|
|
12
|
+
const { container } = render(_jsx(CardMdx, { title: "Card", icon: "__proto__", children: "Body" }));
|
|
13
|
+
expect(container.textContent).toContain("Card");
|
|
14
|
+
expect(container.textContent).toContain("Body");
|
|
15
|
+
});
|
|
16
|
+
it("renders children", () => {
|
|
17
|
+
const { container } = render(_jsx(CardMdx, { title: "Card", children: _jsx("span", { children: "Child" }) }));
|
|
18
|
+
expect(container.querySelector("span")?.textContent).toBe("Child");
|
|
19
|
+
});
|
|
20
|
+
it("applies data-card-hover attribute when href is provided", () => {
|
|
21
|
+
const { container } = render(_jsx(CardMdx, { title: "Link Card", href: "/docs", children: "Body" }));
|
|
22
|
+
expect(container.querySelector("[data-card-hover]")).not.toBeNull();
|
|
23
|
+
});
|
|
24
|
+
it("does not inject inline style tag", () => {
|
|
25
|
+
const { container } = render(_jsx(CardMdx, { title: "Card", href: "/docs", children: "Body" }));
|
|
26
|
+
expect(container.querySelector("style")).toBeNull();
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
//# sourceMappingURL=CardMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardMdx.test.js","sourceRoot":"","sources":["../../src/__test__/CardMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,qBAEvB,CACX,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACtD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,qBAE5B,CACX,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,YACnB,mCAAkB,GACV,CACX,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,qBAE7B,CACX,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,qBAExB,CACX,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACtD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardsMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/CardsMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { CardsMdx } from "../components/CardsMdx";
|
|
5
|
+
import { CardMdx } from "../components/CardMdx";
|
|
6
|
+
describe("CardsMdx", () => {
|
|
7
|
+
it("renders grid with children", () => {
|
|
8
|
+
const { container } = render(_jsxs(CardsMdx, { cols: 2, children: [_jsx(CardMdx, { title: "Card 1", icon: "Heading1", children: "Content 1" }), _jsx(CardMdx, { title: "Card 2", icon: "Heading2", children: "Content 2" })] }));
|
|
9
|
+
expect(container.querySelector(".docubook-card-group")).not.toBeNull();
|
|
10
|
+
expect(container.textContent).toContain("Card 1");
|
|
11
|
+
expect(container.textContent).toContain("Card 2");
|
|
12
|
+
});
|
|
13
|
+
it("clamps cols to max 4", () => {
|
|
14
|
+
const { container } = render(_jsx(CardsMdx, { cols: 10, children: "child" }));
|
|
15
|
+
const el = container.querySelector(".docubook-card-group");
|
|
16
|
+
expect(el?.style.getPropertyValue("--docubook-card-group-template")).toContain("repeat(4");
|
|
17
|
+
});
|
|
18
|
+
it("defaults cols to 2", () => {
|
|
19
|
+
const { container } = render(_jsx(CardsMdx, { children: "child" }));
|
|
20
|
+
const el = container.querySelector(".docubook-card-group");
|
|
21
|
+
expect(el?.style.getPropertyValue("--docubook-card-group-template")).toContain("repeat(2");
|
|
22
|
+
});
|
|
23
|
+
it("passes style prop", () => {
|
|
24
|
+
const { container } = render(_jsx(CardsMdx, { style: { gap: "2rem" }, children: "x" }));
|
|
25
|
+
const el = container.querySelector(".docubook-card-group");
|
|
26
|
+
expect(el?.style.gap).toBe("2rem");
|
|
27
|
+
});
|
|
28
|
+
it("does not inject inline style tag", () => {
|
|
29
|
+
const { container } = render(_jsx(CardsMdx, { children: "x" }));
|
|
30
|
+
expect(container.querySelector("style")).toBeNull();
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=CardsMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardsMdx.test.js","sourceRoot":"","sources":["../../src/__test__/CardsMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,MAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,aACf,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,0BAE7B,EACV,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,0BAE7B,IACD,CACZ,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACvE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,sBAAkB,CAAC,CAAC;QACnE,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,CAAC,sBAAsB,CAAgB,CAAC;QAC1E,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,gBAAgB,CAAC,gCAAgC,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,wBAAiB,CAAC,CAAC;QACzD,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,CAAC,sBAAsB,CAAgB,CAAC;QAC1E,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,gBAAgB,CAAC,gCAAgC,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,kBAAc,CAAC,CAAC;QAC7E,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,CAAC,sBAAsB,CAAgB,CAAC;QAC1E,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,oBAAa,CAAC,CAAC;QACrD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACtD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeBlockMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/CodeBlockMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { CodeBlock } from "../components/CodeBlockMdx";
|
|
5
|
+
describe("CodeBlock", () => {
|
|
6
|
+
it("renders with raw code and language", () => {
|
|
7
|
+
const { container } = render(_jsx(CodeBlock, { raw: "const x = 1;", "data-language": "typescript", "data-title": "example.ts", children: _jsx("code", { className: "language-typescript", children: "const x = 1;" }) }));
|
|
8
|
+
expect(container.querySelector(".code-block-container")).not.toBeNull();
|
|
9
|
+
expect(container.textContent).toContain("const x = 1;");
|
|
10
|
+
expect(container.textContent).toContain("example.ts");
|
|
11
|
+
});
|
|
12
|
+
it("renders without raw (no copy button)", () => {
|
|
13
|
+
const { container } = render(_jsx(CodeBlock, { children: _jsx("code", { children: "hello" }) }));
|
|
14
|
+
expect(container.querySelector(".code-block-container")).not.toBeNull();
|
|
15
|
+
});
|
|
16
|
+
it("renders with expandable props", () => {
|
|
17
|
+
const lines = Array.from({ length: 30 }, (_, i) => `line ${i}`).join("\n");
|
|
18
|
+
const { container } = render(_jsx(CodeBlock, { raw: lines, "data-expandable": "true", "data-expandable-lines": "30", children: _jsx("code", { children: lines }) }));
|
|
19
|
+
expect(container.querySelector(".code-block-container")).not.toBeNull();
|
|
20
|
+
});
|
|
21
|
+
it("resolves language from className", () => {
|
|
22
|
+
const { container } = render(_jsx(CodeBlock, { className: "language-python", raw: "print('hi')", children: _jsx("code", { children: "print('hi')" }) }));
|
|
23
|
+
expect(container.textContent).toContain("python");
|
|
24
|
+
});
|
|
25
|
+
it("does not crash with no children", () => {
|
|
26
|
+
const { container } = render(_jsx(CodeBlock, { raw: "x" }));
|
|
27
|
+
expect(container.querySelector(".code-block-container")).not.toBeNull();
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=CodeBlockMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeBlockMdx.test.js","sourceRoot":"","sources":["../../src/__test__/CodeBlockMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,SAAS,IAAC,GAAG,EAAC,cAAc,mBAAe,YAAY,gBAAY,YAAY,YAC9E,eAAM,SAAS,EAAC,qBAAqB,6BAAoB,GAC/C,CACb,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACxD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,SAAS,cACR,mCAAkB,GACR,CACb,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3E,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,SAAS,IAAC,GAAG,EAAE,KAAK,qBAAkB,MAAM,2BAAuB,IAAI,YACtE,yBAAO,KAAK,GAAQ,GACV,CACb,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAC,aAAa,YACtD,yCAAwB,GACd,CACb,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,GAAG,EAAC,GAAG,GAAG,CAAC,CAAC;QACpD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileTreeMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/FileTreeMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { FilesMdx, FolderMdx, FileMdx } from "../components/FileTreeMdx";
|
|
5
|
+
describe("FileTreeMdx", () => {
|
|
6
|
+
it("renders full tree structure", () => {
|
|
7
|
+
const { container } = render(_jsx(FilesMdx, { children: _jsxs(FolderMdx, { name: "src", children: [_jsx(FileMdx, { name: "App.tsx" }), _jsx(FileMdx, { name: "index.tsx" }), _jsx(FolderMdx, { name: "components", children: _jsx(FileMdx, { name: "Button.tsx" }) })] }) }));
|
|
8
|
+
expect(container.querySelector("[role='tree']")).not.toBeNull();
|
|
9
|
+
expect(container.textContent).toContain("src");
|
|
10
|
+
expect(container.textContent).toContain("App.tsx");
|
|
11
|
+
expect(container.textContent).toContain("components");
|
|
12
|
+
});
|
|
13
|
+
it("FilesMdx accepts className and style", () => {
|
|
14
|
+
const { container } = render(_jsx(FilesMdx, { className: "custom", style: { margin: 0 }, children: _jsx(FileMdx, { name: "test.ts" }) }));
|
|
15
|
+
expect(container.querySelector("[role='tree']")?.className).toContain("custom");
|
|
16
|
+
});
|
|
17
|
+
it("FolderMdx renders without children (empty folder)", () => {
|
|
18
|
+
const { container } = render(_jsx(FilesMdx, { children: _jsx(FolderMdx, { name: "empty" }) }));
|
|
19
|
+
expect(container.textContent).toContain("empty");
|
|
20
|
+
});
|
|
21
|
+
it("FileMdx renders standalone", () => {
|
|
22
|
+
const { container } = render(_jsx(FileMdx, { name: "readme.md" }));
|
|
23
|
+
expect(container.textContent).toContain("readme.md");
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
//# sourceMappingURL=FileTreeMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileTreeMdx.test.js","sourceRoot":"","sources":["../../src/__test__/FileTreeMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEzE,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,QAAQ,cACP,MAAC,SAAS,IAAC,IAAI,EAAC,KAAK,aACnB,KAAC,OAAO,IAAC,IAAI,EAAC,SAAS,GAAG,EAC1B,KAAC,OAAO,IAAC,IAAI,EAAC,WAAW,GAAG,EAC5B,KAAC,SAAS,IAAC,IAAI,EAAC,YAAY,YAC1B,KAAC,OAAO,IAAC,IAAI,EAAC,YAAY,GAAG,GACnB,IACF,GACH,CACZ,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAChE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YAC/C,KAAC,OAAO,IAAC,IAAI,EAAC,SAAS,GAAG,GACjB,CACZ,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,QAAQ,cACP,KAAC,SAAS,IAAC,IAAI,EAAC,OAAO,GAAG,GACjB,CACZ,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,WAAW,GAAG,CAAC,CAAC;QAC3D,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/ImageMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { ImageMdx } from "../components/ImageMdx";
|
|
5
|
+
describe("ImageMdx", () => {
|
|
6
|
+
it("renders image with src", () => {
|
|
7
|
+
const { container } = render(_jsx(ImageMdx, { src: "/test.png", alt: "Test" }));
|
|
8
|
+
const img = container.querySelector("img");
|
|
9
|
+
expect(img).not.toBeNull();
|
|
10
|
+
expect(img?.getAttribute("alt")).toBe("Test");
|
|
11
|
+
});
|
|
12
|
+
it("returns null when src is missing", () => {
|
|
13
|
+
const { container } = render(_jsx(ImageMdx, {}));
|
|
14
|
+
expect(container.querySelector("img")).toBeNull();
|
|
15
|
+
});
|
|
16
|
+
it("renders with zoom disabled", () => {
|
|
17
|
+
const { container } = render(_jsx(ImageMdx, { src: "/img.png", zoom: false }));
|
|
18
|
+
const button = container.querySelector("button");
|
|
19
|
+
expect(button?.getAttribute("aria-label")).toBe("Image");
|
|
20
|
+
});
|
|
21
|
+
it("renders with custom width and height", () => {
|
|
22
|
+
const { container } = render(_jsx(ImageMdx, { src: "/img.png", width: 400, height: 200 }));
|
|
23
|
+
const img = container.querySelector("img");
|
|
24
|
+
expect(img?.getAttribute("width")).toBe("400");
|
|
25
|
+
expect(img?.getAttribute("height")).toBe("200");
|
|
26
|
+
});
|
|
27
|
+
it("renders with default alt text", () => {
|
|
28
|
+
const { container } = render(_jsx(ImageMdx, { src: "/x.png" }));
|
|
29
|
+
expect(container.querySelector("img")?.getAttribute("alt")).toBe("image");
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=ImageMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageMdx.test.js","sourceRoot":"","sources":["../../src/__test__/ImageMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,IAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,GAAG,CAAC,CAAC;QACtE,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC3B,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,KAAG,CAAC,CAAC;QAC3C,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,IAAC,GAAG,EAAC,UAAU,EAAC,IAAI,EAAE,KAAK,GAAI,CAAC,CAAC;QACvE,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,IAAC,GAAG,EAAC,UAAU,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,CAAC,CAAC;QACnF,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,IAAC,GAAG,EAAC,QAAQ,GAAG,CAAC,CAAC;QACxD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KbdMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/KbdMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { KbdMdx } from "../components/KbdMdx";
|
|
5
|
+
describe("KbdMdx", () => {
|
|
6
|
+
it("renders windows key", () => {
|
|
7
|
+
const { container } = render(_jsx(KbdMdx, { show: "ctrl" }));
|
|
8
|
+
expect(container.querySelector("kbd")?.textContent).toBe("Ctrl");
|
|
9
|
+
});
|
|
10
|
+
it("renders mac key", () => {
|
|
11
|
+
const { container } = render(_jsx(KbdMdx, { show: "cmd", type: "mac" }));
|
|
12
|
+
expect(container.querySelector("kbd")?.textContent).toBe("⌘");
|
|
13
|
+
});
|
|
14
|
+
it("renders single letter uppercase", () => {
|
|
15
|
+
const { container } = render(_jsx(KbdMdx, { show: "v" }));
|
|
16
|
+
expect(container.querySelector("kbd")?.textContent).toBe("V");
|
|
17
|
+
});
|
|
18
|
+
it("renders unknown key as-is", () => {
|
|
19
|
+
const { container } = render(_jsx(KbdMdx, { show: "F12" }));
|
|
20
|
+
expect(container.querySelector("kbd")?.textContent).toBe("F12");
|
|
21
|
+
});
|
|
22
|
+
it("passes style prop", () => {
|
|
23
|
+
const { container } = render(_jsx(KbdMdx, { show: "a", style: { color: "red" } }));
|
|
24
|
+
expect(container.querySelector("kbd")?.style.color).toBe("red");
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
//# sourceMappingURL=KbdMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KbdMdx.test.js","sourceRoot":"","sources":["../../src/__test__/KbdMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC;QACrD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACzB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,GAAG,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,GAAG,GAAG,CAAC,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,KAAK,GAAG,CAAC,CAAC;QACpD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAI,CAAC,CAAC;QAC3E,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/LinkMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { LinkMdx } from "../components/LinkMdx";
|
|
5
|
+
describe("LinkMdx", () => {
|
|
6
|
+
it("renders external link with target _blank", () => {
|
|
7
|
+
const { container } = render(_jsx(LinkMdx, { href: "https://example.com", children: "Link" }));
|
|
8
|
+
const a = container.querySelector("a");
|
|
9
|
+
expect(a?.getAttribute("target")).toBe("_blank");
|
|
10
|
+
expect(a?.getAttribute("rel")).toBe("noopener noreferrer");
|
|
11
|
+
});
|
|
12
|
+
it("renders internal link without target", () => {
|
|
13
|
+
const { container } = render(_jsx(LinkMdx, { href: "/docs/intro", children: "Intro" }));
|
|
14
|
+
const a = container.querySelector("a");
|
|
15
|
+
expect(a?.getAttribute("target")).toBeNull();
|
|
16
|
+
expect(a?.getAttribute("rel")).toBeNull();
|
|
17
|
+
});
|
|
18
|
+
it("returns null when href is missing", () => {
|
|
19
|
+
const { container } = render(_jsx(LinkMdx, { children: "No href" }));
|
|
20
|
+
expect(container.querySelector("a")).toBeNull();
|
|
21
|
+
});
|
|
22
|
+
it("respects custom target and rel", () => {
|
|
23
|
+
const { container } = render(_jsx(LinkMdx, { href: "https://x.com", target: "_self", rel: "nofollow", children: "X" }));
|
|
24
|
+
const a = container.querySelector("a");
|
|
25
|
+
expect(a?.getAttribute("target")).toBe("_self");
|
|
26
|
+
expect(a?.getAttribute("rel")).toBe("nofollow");
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
//# sourceMappingURL=LinkMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkMdx.test.js","sourceRoot":"","sources":["../../src/__test__/LinkMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,qBAAe,CAAC,CAAC;QACjF,MAAM,CAAC,GAAG,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,aAAa,sBAAgB,CAAC,CAAC;QAC1E,MAAM,CAAC,GAAG,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC7C,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,0BAAkB,CAAC,CAAC;QACzD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,IAAC,IAAI,EAAC,eAAe,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAC,UAAU,kBAEjD,CACX,CAAC;QACF,MAAM,CAAC,GAAG,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NoteMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/NoteMdx.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, it, expect } from "vitest";
|
|
3
|
+
import { render } from "@testing-library/react";
|
|
4
|
+
import { NoteMdx } from "../components/NoteMdx";
|
|
5
|
+
describe("NoteMdx", () => {
|
|
6
|
+
it("renders with default type", () => {
|
|
7
|
+
const { container } = render(_jsx(NoteMdx, { children: "Hello" }));
|
|
8
|
+
expect(container.querySelector("aside")).not.toBeNull();
|
|
9
|
+
expect(container.textContent).toContain("Hello");
|
|
10
|
+
});
|
|
11
|
+
it("renders with valid type", () => {
|
|
12
|
+
const { container } = render(_jsx(NoteMdx, { type: "warning", children: "Warn" }));
|
|
13
|
+
const aside = container.querySelector("aside");
|
|
14
|
+
expect(aside).not.toBeNull();
|
|
15
|
+
expect(container.textContent).toContain("Warning");
|
|
16
|
+
expect(container.textContent).toContain("Warn");
|
|
17
|
+
});
|
|
18
|
+
it("does not crash with invalid type", () => {
|
|
19
|
+
// @ts-expect-error testing invalid type prop
|
|
20
|
+
const { container } = render(_jsx(NoteMdx, { type: "hack-the-planet", children: "Content" }));
|
|
21
|
+
expect(container.querySelector("aside")).not.toBeNull();
|
|
22
|
+
expect(container.textContent).toContain("Content");
|
|
23
|
+
});
|
|
24
|
+
it("renders custom title", () => {
|
|
25
|
+
const { container } = render(_jsx(NoteMdx, { title: "Custom Title", children: "Body" }));
|
|
26
|
+
expect(container.textContent).toContain("Custom Title");
|
|
27
|
+
});
|
|
28
|
+
it("renders children content", () => {
|
|
29
|
+
const { container } = render(_jsx(NoteMdx, { type: "success", children: _jsx("p", { children: "Nested child" }) }));
|
|
30
|
+
expect(container.querySelector("p")?.textContent).toBe("Nested child");
|
|
31
|
+
});
|
|
32
|
+
it("passes className and style props", () => {
|
|
33
|
+
const { container } = render(_jsx(NoteMdx, { className: "custom", style: { marginTop: 10 }, children: "Test" }));
|
|
34
|
+
const aside = container.querySelector("aside");
|
|
35
|
+
expect(aside?.className).toBe("custom");
|
|
36
|
+
expect(aside?.style.marginTop).toBe("10px");
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=NoteMdx.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NoteMdx.test.js","sourceRoot":"","sources":["../../src/__test__/NoteMdx.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,wBAAgB,CAAC,CAAC;QACvD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,IAAI,EAAC,SAAS,qBAAe,CAAC,CAAC;QACrE,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC7B,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,6CAA6C;QAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,iBAAiB,wBAAmB,CAAC,CAAC;QAClF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,KAAK,EAAC,cAAc,qBAAe,CAAC,CAAC;QAC3E,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,IAAC,IAAI,EAAC,SAAS,YACrB,uCAAmB,GACX,CACX,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,qBAE1C,CACX,CAAC;QACF,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReleaseMdx.test.d.ts","sourceRoot":"","sources":["../../src/__test__/ReleaseMdx.test.tsx"],"names":[],"mappings":""}
|