@blocknote/xl-email-exporter 0.41.1 → 0.42.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blocknote-xl-email-exporter.js +3 -2
- package/dist/blocknote-xl-email-exporter.js.map +1 -1
- package/dist/blocknote-xl-email-exporter.umd.cjs +1 -1
- package/dist/blocknote-xl-email-exporter.umd.cjs.map +1 -1
- package/dist/webpack-stats.json +1 -1
- package/package.json +15 -15
- package/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap +17 -17
- package/src/react-email/reactEmailExporter.tsx +2 -6
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
|
-
exports[`react email exporter > should export a document (HTML snapshot) > __snapshots__/reactEmailExporter 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></td></tr></tbody></table></div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left;background-color:#fbe4e4"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:justify"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/></td></tr></tbody></table><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg><span style="vertical-align:middle">Open file</span></a></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><img alt="From https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><img alt="" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#8be9fd">const</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">helloWorld</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace">message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=></span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">{</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">console</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">.</span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">log</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace;color:#50fa7b">"Hello World"</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">,</span><span style="font-family:'CommitMono', monospace"> message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#f8f8f2">}</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p></code></pre></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/></td></tr></tbody></table><!--7--><!--/$--></body></html>"`;
|
|
3
|
+
exports[`react email exporter > should export a document (HTML snapshot) > __snapshots__/reactEmailExporter 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></td></tr></tbody></table></div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left;background-color:#fbe4e4"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:justify"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/></td></tr></tbody></table><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg><span style="vertical-align:middle">Open file</span></a></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><img alt="From https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><img alt="" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#8be9fd">const</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">helloWorld</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace">message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=></span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">{</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">console</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">.</span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">log</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace;color:#50fa7b">"Hello World"</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">,</span><span style="font-family:'CommitMono', monospace"> message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#f8f8f2">}</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p></code></pre></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
4
4
|
|
|
5
|
-
exports[`react email exporter > should export a document with multiple preview lines > __snapshots__/reactEmailExporterWithMultiplePreview 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">First preview lineSecond preview line<div> </div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></td></tr></tbody></table></div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left;background-color:#fbe4e4"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:justify"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/></td></tr></tbody></table><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg><span style="vertical-align:middle">Open file</span></a></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><img alt="From https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><img alt="" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#8be9fd">const</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">helloWorld</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace">message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=></span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">{</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">console</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">.</span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">log</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace;color:#50fa7b">"Hello World"</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">,</span><span style="font-family:'CommitMono', monospace"> message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#f8f8f2">}</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p></code></pre></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/></td></tr></tbody></table><!--7--><!--/$--></body></html>"`;
|
|
5
|
+
exports[`react email exporter > should export a document with multiple preview lines > __snapshots__/reactEmailExporterWithMultiplePreview 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">First preview lineSecond preview line<div> </div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></td></tr></tbody></table></div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left;background-color:#fbe4e4"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:justify"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/></td></tr></tbody></table><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg><span style="vertical-align:middle">Open file</span></a></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><img alt="From https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><img alt="" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#8be9fd">const</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">helloWorld</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace">message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=></span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">{</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">console</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">.</span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">log</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace;color:#50fa7b">"Hello World"</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">,</span><span style="font-family:'CommitMono', monospace"> message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#f8f8f2">}</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p></code></pre></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
6
6
|
|
|
7
|
-
exports[`react email exporter > should export a document with preview > __snapshots__/reactEmailExporterWithPreview 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">This is a preview of the email content<div> </div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></td></tr></tbody></table></div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left;background-color:#fbe4e4"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:justify"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/></td></tr></tbody></table><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg><span style="vertical-align:middle">Open file</span></a></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><img alt="From https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><img alt="" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#8be9fd">const</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">helloWorld</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace">message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=></span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">{</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">console</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">.</span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">log</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace;color:#50fa7b">"Hello World"</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">,</span><span style="font-family:'CommitMono', monospace"> message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#f8f8f2">}</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p></code></pre></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/></td></tr></tbody></table><!--7--><!--/$--></body></html>"`;
|
|
7
|
+
exports[`react email exporter > should export a document with preview > __snapshots__/reactEmailExporterWithPreview 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">This is a preview of the email content<div> </div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p></td></tr></tbody></table><div style="margin-left:24px"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></td></tr></tbody></table></div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left;background-color:#fbe4e4"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:justify"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/></td></tr></tbody></table><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li style="text-align:left"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg><span style="vertical-align:middle">Open file</span></a></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><img alt="From https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><img alt="" src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:left"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#8be9fd">const</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">helloWorld</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace">message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=></span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">{</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">console</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">.</span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">log</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace;color:#50fa7b">"Hello World"</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">,</span><span style="font-family:'CommitMono', monospace"> message</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#f8f8f2">}</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p></code></pre></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
8
8
|
|
|
9
|
-
exports[`react email exporter > should handle document with background colors > __snapshots__/reactEmailExporterBackgroundColor 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
9
|
+
exports[`react email exporter > should handle document with background colors > __snapshots__/reactEmailExporterBackgroundColor 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#ddebf1"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Text with background color</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
10
10
|
|
|
11
|
-
exports[`react email exporter > should handle document with check list items > __snapshots__/reactEmailExporterCheckList 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
11
|
+
exports[`react email exporter > should handle document with check list items > __snapshots__/reactEmailExporterCheckList 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#4F8A10" stroke="#4F8A10" stroke-width="2"></rect><polyline points="5,10 8,13 13,6" fill="none" stroke="#fff" stroke-width="2"></polyline></svg><span><span>Checked item</span></span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Unchecked item</span></span></p></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
12
12
|
|
|
13
|
-
exports[`react email exporter > should handle document with code blocks > __snapshots__/reactEmailExporterCodeBlock 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
13
|
+
exports[`react email exporter > should handle document with code blocks > __snapshots__/reactEmailExporterCodeBlock 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#8be9fd">const</span><span style="font-family:'CommitMono', monospace"> hello </span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">=</span><span style="font-family:'CommitMono', monospace"> </span><span style="font-family:'CommitMono', monospace;color:#50fa7b">'world'</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p><p style="margin:0;min-height:1em"><span style="font-family:'CommitMono', monospace;color:#f1fa8c">console</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">.</span><span style="font-family:'CommitMono', monospace;color:#f1fa8c">log</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">(</span><span style="font-family:'CommitMono', monospace">hello</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">)</span><span style="font-family:'CommitMono', monospace;color:#f8f8f2">;</span></p></code></pre></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
14
14
|
|
|
15
|
-
exports[`react email exporter > should handle document with complex nested structure > __snapshots__/reactEmailExporterComplexNested 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
15
|
+
exports[`react email exporter > should handle document with complex nested structure > __snapshots__/reactEmailExporterComplexNested 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span style="font-weight:bold">Complex Document</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center;align-items:center"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>This is a paragraph with </span><span style="font-weight:bold">bold</span><span> and </span><span style="font-style:italic">italic</span><span> text, plus a </span><a href="https://example.com" style="color:#067df7;text-decoration-line:none" target="_blank"><span>link</span></a><span>.</span></p></td></tr></tbody></table><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>List item with nested content</span></p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-left:24px"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Nested paragraph</span></p></td></tr></tbody></table></td></tr></tbody></table><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Nested numbered item</span></p></li></ol></li></ul><!--/$--></body></html>"`;
|
|
16
16
|
|
|
17
|
-
exports[`react email exporter > should handle document with headings of different levels > __snapshots__/reactEmailExporterHeadings 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
17
|
+
exports[`react email exporter > should handle document with headings of different levels > __snapshots__/reactEmailExporterHeadings 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Heading 1</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
18
18
|
|
|
19
|
-
exports[`react email exporter > should handle document with links > __snapshots__/reactEmailExporterWithLinks 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
19
|
+
exports[`react email exporter > should handle document with links > __snapshots__/reactEmailExporterWithLinks 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><a href="https://example.com" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Click here</span></a></p></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
20
20
|
|
|
21
|
-
exports[`react email exporter > should handle document with mixed content types > __snapshots__/reactEmailExporterMixedContent 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
21
|
+
exports[`react email exporter > should handle document with mixed content types > __snapshots__/reactEmailExporterMixedContent 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><h1 style="font-size:48px;margin:3px"><span>Main Heading</span></h1></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Regular paragraph with </span><span style="font-weight:bold">bold text</span></p></td></tr></tbody></table><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered list item</span></p></li></ol><!--/$--></body></html>"`;
|
|
22
22
|
|
|
23
|
-
exports[`react email exporter > should handle document with mixed list types > __snapshots__/reactEmailExporterMixedLists 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
23
|
+
exports[`react email exporter > should handle document with mixed list types > __snapshots__/reactEmailExporterMixedLists 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet item 2</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered item 2</span></p></li></ol><!--/$--></body></html>"`;
|
|
24
24
|
|
|
25
|
-
exports[`react email exporter > should handle document with nested lists > __snapshots__/reactEmailExporterNestedLists 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
25
|
+
exports[`react email exporter > should handle document with nested lists > __snapshots__/reactEmailExporterNestedLists 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Parent item</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Child item</span></p></li></ul></li></ul><!--/$--></body></html>"`;
|
|
26
26
|
|
|
27
|
-
exports[`react email exporter > should handle document with only text blocks > __snapshots__/reactEmailExporterSimpleText 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
27
|
+
exports[`react email exporter > should handle document with only text blocks > __snapshots__/reactEmailExporterSimpleText 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Simple text content</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
28
28
|
|
|
29
|
-
exports[`react email exporter > should handle document with styled text > __snapshots__/reactEmailExporterStyledText 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
29
|
+
exports[`react email exporter > should handle document with styled text > __snapshots__/reactEmailExporterStyledText 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic">Bold and italic text</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
30
30
|
|
|
31
|
-
exports[`react email exporter > should handle document with text alignment > __snapshots__/reactEmailExporterTextAlignment 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
31
|
+
exports[`react email exporter > should handle document with text alignment > __snapshots__/reactEmailExporterTextAlignment 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center;align-items:center"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Center aligned text</span></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:right;align-items:flex-end"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Right aligned text</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
32
32
|
|
|
33
|
-
exports[`react email exporter > should handle document with text colors > __snapshots__/reactEmailExporterTextColor 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"
|
|
33
|
+
exports[`react email exporter > should handle document with text colors > __snapshots__/reactEmailExporterTextColor 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="color:#e03e3e"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Colored text</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
|
|
34
34
|
|
|
35
|
-
exports[`react email exporter > should handle empty document > __snapshots__/reactEmailExporterEmpty 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--
|
|
35
|
+
exports[`react email exporter > should handle empty document > __snapshots__/reactEmailExporterEmpty 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body style="font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><!--$--><!--html--><!--head--><!--body--><!--/$--></body></html>"`;
|