test: mdx rehype plugin

[peppermintc]

Summary

• rehype plugin test to check refactoring code changes
• unit test and snapshot test is added
• dev dependencies added for snapshot test

Test Command

• open terminal at mdx/packages/mdx
• yarn install
• yarn test

Test Details

Unit Test

• checks if pre node gets properties as expected after running rehype plugin

Snapshot Test

• checks syntax highlighting, twoslash and link support
• snapshot test can ensure markdown to HTML is working as before, this can determine correct classnames and metadata are created on the rehype plugin hast result

Fixture File Types

• .md: input markdown file
• .out.html: output HTML file
• mock-hast-tree: basic mock hast data
• fixtures are referenced from examples/highlight-example.mdx

Reference

• shiki/rehype project

Demo

test-rehype.mp4