+
+ );
+};
+
+export default App;
diff --git a/demo/favicon.svg b/demo/favicon.svg
new file mode 100644
index 0000000..de4aedd
--- /dev/null
+++ b/demo/favicon.svg
@@ -0,0 +1,15 @@
+
diff --git a/demo/index.css b/demo/index.css
new file mode 100644
index 0000000..d2740ee
--- /dev/null
+++ b/demo/index.css
@@ -0,0 +1,24 @@
+html {
+ font-size: 16px;
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+ 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-size: 14px;
+}
+
+code {
+ font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+ monospace;
+}
+
+*,
+*::after,
+*::before {
+ box-sizing: border-box;
+}
diff --git a/demo/main.jsx b/demo/main.jsx
new file mode 100644
index 0000000..b6c7655
--- /dev/null
+++ b/demo/main.jsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import './index.css';
+import './markdown.css';
+import './App.css';
+
+import App from './App';
+
+ReactDOM.render(
+
+
+
+
+ Hello world!
'); +}); + +it('should prefer value over children render markdown correctly', () => { + const marked = React.createElement(Markdown, { value: 'Hey' }, 'Hello'); + const html = ReactDOMServer.renderToStaticMarkup(marked); + expect(html).toBe('Hey
'); +}); + +it('should throw error if children is not a string', () => { + const marked = React.createElement(Markdown, null, 1); + + expect(() => { + ReactDOMServer.renderToStaticMarkup(marked); + }).toThrowError(new TypeError('[marked-react]: Expected children to be of type string but got number')); +}); + +it('should throw error if value is not a string', () => { + const marked = React.createElement(Markdown, { value: 1 }); + + expect(() => { + ReactDOMServer.renderToStaticMarkup(marked); + }).toThrowError(new TypeError('[marked-react]: Expected value to be of type string but got number')); +}); diff --git a/tests/markdown.spec.js b/tests/markdown.spec.js new file mode 100644 index 0000000..0994979 --- /dev/null +++ b/tests/markdown.spec.js @@ -0,0 +1,175 @@ +import React from 'react'; +import ReactDOMServer from 'react-dom/server'; + +import Markdown from 'marked-react'; + +const cases = [ + { + title: 'render simple markdown', + markdown: 'Hello world!', + html: 'Hello world!
', + }, + { + title: 'render level 1 heading', + markdown: '# Hello world!', + html: 'Hello world!
', + }, + { + title: 'render level 2 heading', + markdown: '## Hello world!', + html: 'Hello world!
', + }, + { + title: 'render level 6 heading', + markdown: '###### Hello world!', + html: 'Hello world!
', + }, + { + title: 'render blocquotes', + markdown: '> inside quote', + html: '', + }, + { + title: 'render inline elements inside blocquotes', + markdown: '> inside *quote*', + html: 'inside quote
', + }, + { + title: 'render links', + markdown: '[Google](https://google.com)', + html: '', + }, + { + title: 'render links with target=_blank', + markdown: '[Google](https://google.com)', + html: '', + props: { + options: { + openLinksInNewTab: true, + }, + }, + }, + { + title: 'render links without target=_blank', + markdown: '[Google](https://google.com)', + html: '', + props: { + options: { + openLinksInNewTab: false, + }, + }, + }, + { + title: 'add base url to the links for relative paths', + markdown: '[Google](file)', + html: '', + props: { + options: { + baseURL: 'https://google.com', + openLinksInNewTab: false, + }, + }, + }, + { + title: 'should render images', + markdown: '', + html: 'inside quote
- option 1
- option 2
- option 1
- option 2
<script>console.log("Hello")</script>console.log("Hello world!")console.log("Hello world!")hey there
', + }, + { + title: 'should render em', + markdown: '*hey there*', + html: 'hey there
', + }, + { + title: 'should render del', + markdown: '~hey there~', + html: 'hey there
hey there
hello world!
',
+ html: '<div>hello world!</div>',
+ },
+ {
+ title: 'should render horizontal rule',
+ markdown: '---',
+ html: '', + }, + { + title: 'should render table', + markdown: '|CellHead|\n|--|\n|CellBody|', + html: '
| CellHead |
|---|
| CellBody |
Hello
World!