-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
-
66
-
67
-
68
-
69
-
70
-
71
-
72
-
73
-
74
-
75
-
76
-
77
-
78
-
79
-
80
-
81
-
82
-
83
-
84
-
85
-
86
-
87
-
88
-
89
-
90
-
91
-
92
-
93
-
94
-
95
-
96
-
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
// SPDX-FileCopyrightText: 2024 Shota FUJI <pockawoooh@gmail.com>
//
// SPDX-License-Identifier: Apache-2.0
import { assertObjectMatch } from "../../deps/deno.land/std/assert/mod.ts";
import type * as Mdast from "../../deps/esm.sh/mdast/types.ts";
import { fromMarkdown } from "../../deps/esm.sh/mdast-util-from-markdown/mod.ts";
import { toHast } from "../../deps/esm.sh/mdast-util-to-hast/mod.ts";
import {
autoHeadingId,
autoHeadingIdFromMarkdown,
} from "./mdast_util_auto_heading_id.ts";
Deno.test("Should set ID to heading", () => {
const hast = toHast(fromMarkdown("# Foo `Bar` Baz", {
mdastExtensions: [autoHeadingIdFromMarkdown()],
}));
assertObjectMatch(hast, {
type: "root",
children: [
{
type: "element",
tagName: "h1",
properties: {
id: "Foo-Bar-Baz",
},
},
],
});
});
Deno.test("Should not set ID if there is already one", () => {
const mdast: Mdast.Root = {
type: "root",
children: [
{
type: "heading",
depth: 1,
data: {
hProperties: {
id: "Bar",
},
},
children: [{
type: "text",
value: "Foo",
}],
},
],
};
autoHeadingId(mdast);
const hast = toHast(mdast);
assertObjectMatch(hast, {
type: "root",
children: [
{
type: "element",
tagName: "h1",
properties: {
id: "Bar",
},
},
],
});
});
Deno.test("Should avoid setting duplicated ID", () => {
const hast = toHast(fromMarkdown("# Foo\n## Foo\n### Foo", {
mdastExtensions: [autoHeadingIdFromMarkdown()],
}));
assertObjectMatch(hast, {
type: "root",
children: [
{
type: "element",
tagName: "h1",
properties: {
id: "Foo",
},
},
{
type: "text",
},
{
type: "element",
tagName: "h2",
properties: {
id: "Foo__1",
},
},
{
type: "text",
},
{
type: "element",
tagName: "h3",
properties: {
id: "Foo__2",
},
},
],
});
});