Integrate flowershow packages (#923)
* [packages][m]: mv @flowershow/core package here * [packages/core][xs]: rename to @portaljs/core * [package.json][xs]: setup npm workspaces * [packages/core][xs]:replace deprecated rollup executor * [core/package.json][s]: fix mermaid versions * [core/tsconfig][xs]: rm extends * [core/jest.config][xs]: rm coverageDirectory * [core/package.json][xs]: install core-js * [packages.json][s]:use same version for all nrwl packages * [core/.eslintrc][xs]: adjust ignorePatterns * [core/project.json][xs]: rm publish targets * [packages][m]: mv @flowershow/remark-wiki-link here * [packages][m]: mv @flowershow/remark-wiki-link here * [packages][m]: mv @flowershow/remark-embed here * [remark-callouts/project.json][xs]: adjst test pattern * [package.json][s]: install missing deps * [remark-callouts][xs]: adjst fields in package.json * [remark-callouts][s]: rm pubish targets and adjst build executor * [remark-embed/jest.config][xs]: rm unknown option coverageDirectory * [remark-embed][xs]: rm publish targets * [remark-embed][s]: rename to @portaljs/remark-embed * [remark-wiki-link/eslintrc][xs]:adjst ignorePatterns * [package.json][xs]: install missing deps * [remark-wiki-link/test][xs]:specify format - also temporarily force any type on htmlExtension * [remark-wiki-link/README][xs]: replace @flowershow with @portaljs * [remark-wiki-link][xs]:rm old changelog * [remark-wiki-link][xs]: adjst package.json * [remark-wiki-link/project.json][xs]: rm publish targets * [core][s]: rm old changelog * [core/README][xs]:correct scope name * [remark-callouts/README][xs]: add @portaljs to pckg name * [remark-embed/README][xs]: add @portaljs to pckg name * [package-lock.json][xs]: refresh after rebasing on main
This commit is contained in:
143
packages/remark-callouts/test/remark-callouts.spec.ts
Normal file
143
packages/remark-callouts/test/remark-callouts.spec.ts
Normal file
@@ -0,0 +1,143 @@
|
||||
import { expect } from "chai";
|
||||
import { parseDocument } from "htmlparser2";
|
||||
import { selectOne } from "css-select";
|
||||
import { remark } from "remark";
|
||||
import remarkParse from "remark-parse";
|
||||
import remarkRehype from "remark-rehype";
|
||||
import rehypeStringify from "rehype-stringify";
|
||||
import { callouts, Config } from "../src";
|
||||
|
||||
async function mdToHtml(md: string, options?: Partial<Config>) {
|
||||
return String(
|
||||
await remark()
|
||||
.use(remarkParse)
|
||||
.use(callouts, options)
|
||||
.use(remarkRehype)
|
||||
.use(rehypeStringify)
|
||||
.process(md)
|
||||
);
|
||||
}
|
||||
|
||||
describe("remark callouts", function () {
|
||||
it("parses a blockquote without a callout", async function () {
|
||||
const html = await mdToHtml(`\
|
||||
> no callout
|
||||
`);
|
||||
const doc = parseDocument(html);
|
||||
const blockquote = selectOne("div > blockquote.blockquote > p", doc);
|
||||
expect(blockquote).to.have.nested.property("firstChild.data", "no callout");
|
||||
});
|
||||
|
||||
it("parses a blockquote callout with title and content", async function () {
|
||||
const html = await mdToHtml(`\
|
||||
> [!tip]
|
||||
> example content here
|
||||
`);
|
||||
const doc = parseDocument(html);
|
||||
const calloutTitle = selectOne(
|
||||
"div > blockquote.callout > div.callout-title.tip > strong",
|
||||
doc
|
||||
);
|
||||
const calloutContent = selectOne(
|
||||
"div > blockquote.callout > div.callout-content > p",
|
||||
doc
|
||||
);
|
||||
|
||||
expect(calloutTitle).to.have.nested.property("firstChild.data", "Tip");
|
||||
expect(calloutContent).to.have.nested.property(
|
||||
"firstChild.data",
|
||||
"example content here"
|
||||
);
|
||||
});
|
||||
|
||||
it("parses a blockquote callout with case insensitive keyword", async function () {
|
||||
const html = await mdToHtml(`\
|
||||
> [!INFO]
|
||||
`);
|
||||
const doc = parseDocument(html);
|
||||
const calloutTitle = selectOne(
|
||||
"div > blockquote.callout > div.callout-title.info > strong",
|
||||
doc
|
||||
);
|
||||
|
||||
expect(calloutTitle).to.have.nested.property("firstChild.data", "Info");
|
||||
});
|
||||
|
||||
it("parses a blockquote callout with an icon", async function () {
|
||||
const html = await mdToHtml(`\
|
||||
> [!tip]
|
||||
> example content here
|
||||
`);
|
||||
const doc = parseDocument(html);
|
||||
const calloutIcon = selectOne(
|
||||
"div > blockquote.callout > div.callout-title.tip > span.callout-icon > svg",
|
||||
doc
|
||||
);
|
||||
|
||||
expect(calloutIcon).to.exist;
|
||||
});
|
||||
|
||||
it("parses a blockquote callout with a custom title", async function () {
|
||||
const html = await mdToHtml(`\
|
||||
> [!tip] Custom Title
|
||||
> content
|
||||
`);
|
||||
const doc = parseDocument(html);
|
||||
const calloutTitle = selectOne(
|
||||
"div > blockquote.callout > div.callout-title.tip > strong > p",
|
||||
doc
|
||||
);
|
||||
|
||||
expect(calloutTitle).to.have.nested.property(
|
||||
"firstChild.data",
|
||||
"Custom Title"
|
||||
);
|
||||
});
|
||||
|
||||
it("parses a blockquote callout with unknown type to use note", async function () {
|
||||
const html = await mdToHtml(`\
|
||||
> [!xyz]
|
||||
> content
|
||||
`);
|
||||
const doc = parseDocument(html);
|
||||
const calloutTitle = selectOne(
|
||||
"div > blockquote.callout > div.callout-title.note > strong",
|
||||
doc
|
||||
);
|
||||
|
||||
expect(calloutTitle).to.have.nested.property("firstChild.data", "Xyz");
|
||||
});
|
||||
|
||||
it("parses a blockquote callout with unknown type and custom title", async function () {
|
||||
const html = await mdToHtml(`\
|
||||
> [!xyz] Some title
|
||||
> content
|
||||
`);
|
||||
const doc = parseDocument(html);
|
||||
const calloutTitle = selectOne(
|
||||
"div > blockquote.callout > div.callout-title.note > strong > p",
|
||||
doc
|
||||
);
|
||||
|
||||
expect(calloutTitle).to.have.nested.property(
|
||||
"firstChild.data",
|
||||
"Some title"
|
||||
);
|
||||
});
|
||||
|
||||
it("parses a nested blockquote with callout", async function () {
|
||||
const html = await mdToHtml(`\
|
||||
> [!note]
|
||||
> content
|
||||
> > [!info]
|
||||
> > nested callout
|
||||
`);
|
||||
const doc = parseDocument(html);
|
||||
const nestedCallout = selectOne(
|
||||
"div > blockquote.callout > div.callout-content > div > blockquote.callout > div.callout-title > strong",
|
||||
doc
|
||||
);
|
||||
|
||||
expect(nestedCallout).to.have.nested.property("firstChild.data", "Info");
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user