@botonic/react 0.24.2 → 0.25.0-alpha.0

package/lib/esm/tests/components/multichannel/multichannel-text.test.js

@@ -0,0 +1,152 @@
+import React from 'react';
+import { Text } from '../../../src/components';
+import { MultichannelButton, MultichannelText, } from '../../../src/components/multichannel';
+import { MultichannelReply } from '../../../src/components/multichannel/multichannel-reply';
+import { whatsappRenderer } from '../../helpers/test-utils';
+const LEGACY_CONTEXT = {
+    indexSeparator: '.',
+    messageSeparator: null,
+};
+const LEGACY_PROPS = {
+    indexMode: 'number',
+};
+const CONTEXT_WITH_BUTTONS = {
+    text: {
+        buttonsAsText: false,
+    },
+};
+const CONTEXT_WITH_BUTTONS_CUSTOM = {
+    text: {
+        buttonsAsText: false,
+        buttonsTextSeparator: 'Custom message',
+    },
+};
+const AS_BUTTONS_PROPS = {
+    buttonsAsText: false,
+};
+const AS_BUTTONS_PROPS_CUSTOM = {
+    buttonsAsText: false,
+    buttonsTextSeparator: 'Custom message',
+};
+describe('Multichannel text', () => {
+    test('just text', () => {
+        const text = React.createElement(Text, null, "Some text");
+        const sut = (React.createElement(MultichannelText, Object.assign({}, LEGACY_PROPS), text.props.children));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('with buttons plain', () => {
+        const text = (React.createElement(Text, null,
+            "The verbose text",
+            React.createElement(MultichannelButton, { key: '0', payload: 'payload1' }, "button text1"),
+            React.createElement(MultichannelButton, { key: '1', url: 'http://adrss' }, "button text2"),
+            React.createElement(MultichannelButton, { key: '2', path: 'path' }, "button text3")));
+        const sut = (React.createElement(MultichannelText, Object.assign({}, LEGACY_PROPS), text.props.children));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('with buttons as array', () => {
+        const text = (React.createElement(Text, null,
+            "The verbose text",
+            [
+                React.createElement(MultichannelButton, { key: '0', payload: 'payload1' }, "button text1"),
+                React.createElement(MultichannelButton, { key: '1', url: 'http://adrss' }, "button text2"),
+                React.createElement(MultichannelButton, { key: '2', path: 'path' }, "button text3"),
+            ]));
+        const sut = (React.createElement(MultichannelText, Object.assign({}, LEGACY_PROPS), text.props.children));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('with replies plain', () => {
+        const text = (React.createElement(Text, null,
+            "Quick replies",
+            React.createElement(MultichannelReply, { key: '0', payload: 'payload1' }, "reply text1"),
+            React.createElement(MultichannelReply, { key: '2', path: 'path' }, "reply text2")));
+        const sut = (React.createElement(MultichannelText, Object.assign({}, LEGACY_PROPS), text.props.children));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('with replies as array', () => {
+        const text = (React.createElement(Text, null,
+            "The verbose text",
+            [
+                React.createElement(MultichannelReply, { key: '0', payload: 'payload1' }, "reply text1"),
+                React.createElement(MultichannelReply, { key: '2', path: 'path' }, "reply text2"),
+            ]));
+        const sut = (React.createElement(MultichannelText, Object.assign({}, LEGACY_PROPS), text.props.children));
+        const renderer = whatsappRenderer(sut, LEGACY_CONTEXT);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('display postback buttons as whatsapp buttons', () => {
+        const sut = (React.createElement(MultichannelText, Object.assign({}, AS_BUTTONS_PROPS),
+            "The verbose text",
+            React.createElement(MultichannelButton, { key: '0', payload: 'payload1' }, "button text1"),
+            React.createElement(MultichannelButton, { key: '1', path: 'path' }, "button text2")));
+        const renderer = whatsappRenderer(sut, CONTEXT_WITH_BUTTONS);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('display URL buttons as text even if buttonsAsText is set to false', () => {
+        const sut = (React.createElement(MultichannelText, Object.assign({}, AS_BUTTONS_PROPS),
+            "The verbose text",
+            React.createElement(MultichannelButton, { key: '0', payload: 'payload1' }, "button text1"),
+            React.createElement(MultichannelButton, { key: '1', url: 'http://adrss' }, "button text2")));
+        const renderer = whatsappRenderer(sut, CONTEXT_WITH_BUTTONS);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('split webview buttons into separate messages', () => {
+        const sut = (React.createElement(MultichannelText, Object.assign({}, AS_BUTTONS_PROPS),
+            "The verbose text",
+            React.createElement(MultichannelButton, { key: '0', payload: 'payload1' }, "button text1"),
+            React.createElement(MultichannelButton, { key: '1', webview: 'webview' }, "webview button text")));
+        const renderer = whatsappRenderer(sut, CONTEXT_WITH_BUTTONS);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('split messages with more than 3 postback buttons into separate messages', () => {
+        const sut = (React.createElement(MultichannelText, Object.assign({}, AS_BUTTONS_PROPS),
+            "The verbose text",
+            React.createElement(MultichannelButton, { key: '0', payload: 'payload1' }, "button text1"),
+            React.createElement(MultichannelButton, { key: '1', url: 'http://adrss' }, "button text2"),
+            React.createElement(MultichannelButton, { key: '2', path: 'path' }, "button text3"),
+            React.createElement(MultichannelButton, { key: '3', webview: 'webview' }, "button text4"),
+            React.createElement(MultichannelButton, { key: '4', payload: 'payload2' }, "button with text longer than 20 chars"),
+            React.createElement(MultichannelButton, { key: '5', payload: 'payload3' }, "button text5")));
+        const renderer = whatsappRenderer(sut, CONTEXT_WITH_BUTTONS);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('split messages with more than 3 postback buttons into separate messages (without webview buttons)', () => {
+        const sut = (React.createElement(MultichannelText, Object.assign({}, AS_BUTTONS_PROPS),
+            "The verbose text",
+            React.createElement(MultichannelButton, { key: '0', payload: 'payload1' }, "button text1"),
+            React.createElement(MultichannelButton, { key: '1', url: 'http://adrss' }, "button text2"),
+            React.createElement(MultichannelButton, { key: '2', path: 'path' }, "button text3"),
+            React.createElement(MultichannelButton, { key: '4', payload: 'payload2' }, "button with text longer than 20 chars"),
+            React.createElement(MultichannelButton, { key: '5', payload: 'payload3' }, "button text5")));
+        const renderer = whatsappRenderer(sut, CONTEXT_WITH_BUTTONS);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('display custom text as button separator when more than 3 buttons in message', () => {
+        const sut = (React.createElement(MultichannelText, Object.assign({}, AS_BUTTONS_PROPS_CUSTOM),
+            "The verbose text",
+            React.createElement(MultichannelButton, { key: '0', payload: 'payload1' }, "button text1"),
+            React.createElement(MultichannelButton, { key: '1', url: 'http://adrss' }, "button text2"),
+            React.createElement(MultichannelButton, { key: '2', path: 'path' }, "button text3"),
+            React.createElement(MultichannelButton, { key: '3', webview: 'webview' }, "button text4"),
+            React.createElement(MultichannelButton, { key: '4', payload: 'payload2' }, "button with text longer than 20 chars"),
+            React.createElement(MultichannelButton, { key: '5', payload: 'payload3' }, "button text5"),
+            React.createElement(MultichannelButton, { key: '6', payload: 'payload4' }, "button text5")));
+        const renderer = whatsappRenderer(sut, CONTEXT_WITH_BUTTONS_CUSTOM);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=multichannel-text.test.js.map

package/lib/esm/tests/components/multichannel/multichannel-text.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multichannel-text.test.js","sourceRoot":"src/","sources":["tests/components/multichannel/multichannel-text.test.jsx"],"names":[],"mappings":"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"}

package/lib/esm/tests/components/multichannel/multichannel-wrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/tests/components/multichannel/multichannel-wrapper.test.js

@@ -0,0 +1,159 @@
+import React from 'react';
+import { Button, Carousel, Element, Pic, Reply, Subtitle, Text, Title, } from '../../../src/components';
+import { Multichannel } from '../../../src/components/multichannel/multichannel';
+import { whatsappRenderer } from '../../helpers/test-utils';
+const LEGACY_PROPS = {
+    carousel: {
+        indexMode: 'number',
+        showTitle: true,
+        showSubtitle: true,
+    },
+    text: {
+        indexMode: 'number',
+    },
+    indexSeparator: '.',
+    messageSeparator: null,
+};
+describe('Multichannel wrapper', () => {
+    test('just text', () => {
+        const sut = (React.createElement(Multichannel, Object.assign({}, LEGACY_PROPS),
+            React.createElement(Text, null, "Some text")));
+        const renderer = whatsappRenderer(sut);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('text with buttons', () => {
+        const sut = (React.createElement(Multichannel, Object.assign({}, LEGACY_PROPS),
+            React.createElement(Text, null,
+                "Some with buttons",
+                [
+                    React.createElement(Button, { key: '1', payload: 'payload1' }, "Button 1"),
+                    React.createElement(Button, { key: '2', path: 'path1' }, "Button 2"),
+                    React.createElement(Button, { key: '3', url: 'http://testurl.com' }, "Visit website"),
+                ])));
+        const renderer = whatsappRenderer(sut);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('text with replies', () => {
+        const sut = (React.createElement(Multichannel, Object.assign({}, LEGACY_PROPS),
+            React.createElement(Text, null,
+                "Some text with replies",
+                [
+                    React.createElement(Reply, { key: '1', payload: 'payload1' }, "Reply 1"),
+                    React.createElement(Reply, { key: '2', path: 'path1' }, "Reply 2"),
+                ])));
+        const renderer = whatsappRenderer(sut);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    const carouselWithButtons = [
+        {
+            title: 'Title1',
+            subtitle: 'Subtitle1',
+            pic: 'https://cdn.slidesharecdn.com/profile-photo-sumeet.moghe-48x48.jpg?cb=1527568614',
+            buttons: [{ payload: 'Payload1', text: 'Previo a la compra' }],
+        },
+        {
+            title: 'Title2',
+            subtitle: 'Subtitle2',
+            pic: 'https://cdn.slidesharecdn.com/profile-photo-sumeet.moghe-48x48.jpg?cb=1527568614',
+            buttons: [
+                { payload: 'Payload2.1', text: 'Durante la compra' },
+                { payload: 'Payload2.2', text: 'Durante la compra2' },
+            ],
+        },
+        {
+            title: 'Title3',
+            subtitle: 'Subtitle3',
+            pic: 'https://cdn.slidesharecdn.com/profile-photo-sumeet.moghe-48x48.jpg?cb=1527568614',
+            buttons: [{ payload: 'Payload3', text: 'Posterior a la compra' }],
+        },
+    ];
+    test('text and carousel legacy', () => {
+        const sut = (React.createElement(Multichannel, Object.assign({}, LEGACY_PROPS),
+            React.createElement(Text, null, "This is a multichannel Carousel"),
+            React.createElement(Carousel, null, carouselWithButtons.map((e, i) => (React.createElement(Element, { key: i },
+                React.createElement(Pic, { src: e.pic }),
+                React.createElement(Title, null, e.title),
+                React.createElement(Subtitle, null, e.subtitle),
+                e.buttons.map((e, i) => (React.createElement(Button, { key: `${e.text}${i}`, payload: e.payload }, e.text)))))))));
+        const renderer = whatsappRenderer(sut);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('text and carousel only show button text, 1 single message', () => {
+        const sut = (React.createElement(Multichannel, { indexSeparator: '.', carousel: {
+                indexMode: 'letter',
+                showTitle: false,
+                showSubtitle: false,
+            }, messageSeparator: '\n' },
+            React.createElement(Text, null, "This is a multichannel Carousel"),
+            React.createElement(Carousel, null,
+                React.createElement(Element, { key: 0 },
+                    React.createElement(Subtitle, null, "Subtitle will not appear"),
+                    [
+                        React.createElement(Button, { key: 1, payload: 'Payload1' }, 'Previo'),
+                    ]),
+                React.createElement(Element, { key: 1 }, [
+                    React.createElement(Button, { key: 2, payload: 'Payload2' }, 'Durante'),
+                ]))));
+        const renderer = whatsappRenderer(sut);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('2 text in 1 single message', () => {
+        const sut = (React.createElement(Multichannel, { messageSeparator: '\n' },
+            React.createElement(Text, null, "Text1"),
+            React.createElement(Text, null, "Text2")));
+        const renderer = whatsappRenderer(sut);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('1 text in 1 single message', () => {
+        const sut = (React.createElement(Multichannel, { messageSeparator: '\n' },
+            React.createElement(Text, null, "Text1")));
+        const renderer = whatsappRenderer(sut);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('2 texts with buttons', () => {
+        const sut = (React.createElement(Multichannel, { messageSeparator: '\n' },
+            React.createElement(Text, null,
+                "Text1",
+                React.createElement(Button, { key: '1', payload: 'payload1' }, "Button 1")),
+            React.createElement(Text, null,
+                "Text2",
+                React.createElement(Button, { key: '2', payload: 'payload2' }, "Button 2"))));
+        const renderer = whatsappRenderer(sut);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    test('many multichannels', () => {
+        const sut = (React.createElement(React.Fragment, null,
+            React.createElement(Multichannel, Object.assign({}, LEGACY_PROPS),
+                React.createElement(Text, null,
+                    "Some text with replies",
+                    [
+                        React.createElement(Reply, { key: '1', payload: 'payload1' }, "Reply 1"),
+                        React.createElement(Reply, { key: '2', path: 'path1' }, "Reply 2"),
+                    ]),
+                React.createElement(Text, null,
+                    "Some text with replies",
+                    [
+                        React.createElement(Reply, { key: '1', payload: 'payload1' }, "Reply 1 should have 3."),
+                        React.createElement(Reply, { key: '2', path: 'path1' }, "Reply 2 should have 4."),
+                    ])),
+            React.createElement(Multichannel, Object.assign({}, LEGACY_PROPS),
+                React.createElement(Text, null,
+                    "Some text with replies",
+                    [
+                        React.createElement(Reply, { key: '1', payload: 'payload1' }, "Reply 1 number reset"),
+                        React.createElement(Reply, { key: '2', path: 'path1' }, "Reply 2 number reset"),
+                    ]))));
+        const renderer = whatsappRenderer(sut);
+        const tree = renderer.toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=multichannel-wrapper.test.js.map

package/lib/esm/tests/components/multichannel/multichannel-wrapper.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multichannel-wrapper.test.js","sourceRoot":"src/","sources":["tests/components/multichannel/multichannel-wrapper.test.jsx"],"names":[],"mappings":"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"}

package/lib/esm/tests/components/render-markdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/tests/components/render-markdown.test.js

@@ -0,0 +1,163 @@
+import { ESCAPED_LINE_BREAK, renderLinks, renderMarkdown, } from '../../src/components/markdown';
+describe('Using renderMarkdown', () => {
+    // MarkdownIt renderer adds an extra blank space after each tag, hence the trim.
+    const render = text => renderMarkdown(text).trim();
+    // Examples taken from: https://markdown-it.github.io/
+    it('Renders correctly a text', () => {
+        const toRender = ['text'];
+        const sut = render(toRender);
+        expect(sut).toEqual('<p>text</p>');
+    });
+    it('Renders some links', () => {
+        const toRender = [
+            '## Links Examples',
+            ESCAPED_LINE_BREAK,
+            ESCAPED_LINE_BREAK,
+            '\n',
+            '---',
+            '\n',
+            '__Advertisement :)__',
+            '\n',
+            '- __[pica](https://nodeca.github.io/pica/demo/)__ - high quality and fast image resize in browser.',
+            '\n',
+            ' - __[babelfish](https://github.com/nodeca/babelfish/)__ - developer friendly i18n with plurals support and easy syntax. You will like those projects!',
+            '\n',
+            '---',
+        ];
+        const sut = render(toRender);
+        expect(sut).toEqual('<h2>Links Examples<br/><br/></h2>\n' +
+            '<hr>\n' +
+            '<p><strong>Advertisement :)</strong></p>\n' +
+            '<ul>\n' +
+            '<li><strong><a href="https://nodeca.github.io/pica/demo/" target="_blank">pica</a></strong> - high quality and fast image resize in browser.</li>\n' +
+            '<li><strong><a href="https://github.com/nodeca/babelfish/" target="_blank">babelfish</a></strong> - developer friendly i18n with plurals support and easy syntax. You will like those projects!</li>\n' +
+            '</ul>\n' +
+            '<hr>');
+    });
+    it('Renders headings', () => {
+        const toRender = [
+            '# Headings',
+            ESCAPED_LINE_BREAK,
+            ESCAPED_LINE_BREAK,
+            '\n',
+            '# h1 Heading',
+            '\n',
+            '## h2 Heading',
+            '\n',
+            '### h3 Heading',
+            '\n',
+            '#### h4 Heading',
+            '\n',
+            '##### h5 Heading',
+            '\n',
+            '###### h6 Heading',
+        ];
+        const sut = render(toRender);
+        expect(sut).toEqual('<h1>Headings<br/><br/></h1>\n' +
+            '<h1>h1 Heading</h1>\n' +
+            '<h2>h2 Heading</h2>\n' +
+            '<h3>h3 Heading</h3>\n' +
+            '<h4>h4 Heading</h4>\n' +
+            '<h5>h5 Heading</h5>\n' +
+            '<h6>h6 Heading</h6>');
+    });
+    it('Renders emphasis', () => {
+        const toRender = [
+            '## Emphasis',
+            '\n',
+            '**This is bold text**',
+            '\n',
+            '__This is bold text__',
+            '\n',
+            '*This is italic text*',
+            '\n',
+            '_This is italic text_',
+            '\n',
+            '~~Strikethrough~~',
+        ];
+        const sut = render(toRender);
+        expect(sut).toEqual('<h2>Emphasis</h2>\n' +
+            '<p><strong>This is bold text</strong>\n' +
+            '<strong>This is bold text</strong>\n' +
+            '<em>This is italic text</em>\n' +
+            '<em>This is italic text</em>\n' +
+            '<s>Strikethrough</s></p>');
+    });
+    it('Renders blockquotes', () => {
+        const toRender = [
+            '## Blockquotes',
+            '\n',
+            '> Blockquotes can also be nested...',
+            '\n',
+            '>> ...by using additional greater-than signs right next to each other...',
+            '\n',
+            '>>> ...or with spaces between arrows.',
+        ];
+        const sut = render(toRender);
+        expect(sut).toEqual('<h2>Blockquotes</h2>\n' +
+            '<blockquote>\n' +
+            '<p>Blockquotes can also be nested…</p>\n' +
+            '<blockquote>\n' +
+            '<p>…by using additional greater-than signs right next to each other…</p>\n' +
+            '<blockquote>\n' +
+            '<p>…or with spaces between arrows.</p>\n' +
+            '</blockquote>\n' +
+            '</blockquote>\n' +
+            '</blockquote>');
+    });
+    it('Renders tables', () => {
+        const toRender = [
+            '## Tables\n| Option | Description |\n| ------ | ----------- |\n| data   | path to data files to supply the data that will be passed into templates. |\n| engine | engine to be used for processing templates. Handlebars is the default. |\n| ext    | extension to be used for dest files. |',
+        ];
+        const sut = render(toRender);
+        expect(sut).toEqual('<h2>Tables</h2>\n' +
+            '<table>\n' +
+            '<thead>\n' +
+            '<tr>\n' +
+            '<th>Option</th>\n' +
+            '<th>Description</th>\n' +
+            '</tr>\n' +
+            '</thead>\n' +
+            '<tbody>\n' +
+            '<tr>\n' +
+            '<td>data</td>\n' +
+            '<td>path to data files to supply the data that will be passed into templates.</td>\n' +
+            '</tr>\n' +
+            '<tr>\n' +
+            '<td>engine</td>\n' +
+            '<td>engine to be used for processing templates. Handlebars is the default.</td>\n' +
+            '</tr>\n' +
+            '<tr>\n' +
+            '<td>ext</td>\n' +
+            '<td>extension to be used for dest files.</td>\n' +
+            '</tr>\n' +
+            '</tbody>\n' +
+            '</table>');
+    });
+    it('Renders code blocks', () => {
+        const toRender = [
+            '``` js\nvar foo = function (bar) {\n    return bar++;\n};\nconsole.log(foo(5));\n```\n#### Was this useful?',
+        ];
+        const sut = render(toRender);
+        expect(sut).toEqual('<pre><code class="language-js">var foo = function (bar) {\n' +
+            '    return bar++;\n' +
+            '};\n' +
+            'console.log(foo(5));\n' +
+            '</code></pre>\n' +
+            '<h4>Was this useful?</h4>');
+    });
+});
+describe('Using renderMarkdown (only links mode):', () => {
+    const render = text => renderLinks(text).trim();
+    it('Renders only url', () => {
+        const toRender = 'This is a url www.google.com';
+        const sut = render(toRender);
+        expect(sut).toEqual('<p>This is a url <a href="http://www.google.com" target="_blank">www.google.com</a></p>');
+    });
+    it("Doesn't render common markdown", () => {
+        const toRender = '# I am a heading 1, but not gonna be rendered as <h1>';
+        const sut = render(toRender);
+        expect(sut).toEqual('<p># I am a heading 1, but not gonna be rendered as &lt;h1&gt;</p>');
+    });
+});
+//# sourceMappingURL=render-markdown.test.js.map

package/lib/esm/tests/components/render-markdown.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-markdown.test.js","sourceRoot":"src/","sources":["tests/components/render-markdown.test.jsx"],"names":[],"mappings":"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"}

package/lib/esm/tests/components/text-serialization.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/esm/tests/components/text-serialization.test.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Text } from '../../src/components/text';
+describe('Text serialization', () => {
+    test.each([
+        React.createElement(Text, { key: 'msgSimple1', markdown: true }, "Just text"),
+        React.createElement(Text, { key: 'msgSimple2', markdown: false }, "Just text"),
+        React.createElement(Text, { key: 'heading1Simple1', markdown: true }, "# Heading 1"),
+        React.createElement(Text, { key: 'heading1Simple2', markdown: false }, "# Heading 1"),
+    ])(`Simple text`, textComponent => {
+        const sut = Text.serialize(textComponent.props);
+        expect(sut).toEqual({ text: textComponent.props.children });
+    });
+    it('Not converted to Markdown as markdown={false}', () => {
+        const component = (React.createElement(Text, { markdown: false },
+            "# H1",
+            '\n',
+            '\n',
+            "## H2"));
+        const sut = Text.serialize(component.props);
+        expect(sut).toEqual({
+            text: '# H1\n\n## H2',
+        });
+    });
+    it('Serializes correctly Markdown (mode 1)', () => {
+        const component = (React.createElement(Text, { markdown: true },
+            "# H1",
+            '\n',
+            React.createElement("br", null),
+            React.createElement("br", null),
+            '\n',
+            "## H2"));
+        const sut = Text.serialize(component.props);
+        expect(sut).toEqual({
+            text: '# H1\n<br><br>\n## H2',
+        });
+    });
+    it('Serializes correctly Markdown (mode 2)', () => {
+        const generateMd = () => '# H1\n<br/><br/>\n## H2';
+        const component = React.createElement(Text, { markdown: true }, generateMd());
+        const sut = Text.serialize(component.props);
+        expect(sut).toEqual({
+            text: '# H1\n&lt;br&gt;&lt;br&gt;\n## H2',
+        });
+    });
+});
+//# sourceMappingURL=text-serialization.test.js.map

package/lib/esm/tests/components/text-serialization.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-serialization.test.js","sourceRoot":"src/","sources":["tests/components/text-serialization.test.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,IAAI,CAAC,IAAI,CAAC;QACR,oBAAC,IAAI,IAAC,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,gBAEhC;QACP,oBAAC,IAAI,IAAC,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,gBAEjC;QACP,oBAAC,IAAI,IAAC,GAAG,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,kBAErC;QACP,oBAAC,IAAI,IAAC,GAAG,EAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,kBAEtC;KACR,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE;QAChC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC7D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,SAAS,GAAG,CAChB,oBAAC,IAAI,IAAC,QAAQ,EAAE,KAAK;;YAElB,IAAI;YACJ,IAAI;oBACA,CACR,CAAA;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;YAClB,IAAI,EAAE,eAAe;SACtB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,SAAS,GAAG,CAChB,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI;;YAEjB,IAAI;YACL,+BAAM;YACN,+BAAM;YACL,IAAI;oBACA,CACR,CAAA;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;YAClB,IAAI,EAAE,mCAAmC;SAC1C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,yBAAyB,CAAA;QAClD,MAAM,SAAS,GAAG,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,IAAG,UAAU,EAAE,CAAQ,CAAA;QAC7D,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;YAClB,IAAI,EAAE,mCAAmC;SAC1C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/lib/esm/tests/components/text.test.d.ts

@@ -0,0 +1 @@
+export {};