Move /e2e -> /e2e-tests

e2e-tests/cypress/tests/fixtures/markdown/markdown_basic.html

@@ -0,0 +1 @@
+<h1 class="markdown__heading">Basic Markdown Testing</h1><p>Tests for text style, code blocks, in-line code and images, lines, block quotes, and headings.</p>

e2e-tests/cypress/tests/fixtures/markdown/markdown_basic.md

@@ -0,0 +1,2 @@
+# Basic Markdown Testing
+Tests for text style, code blocks, in-line code and images, lines, block quotes, and headings.

e2e-tests/cypress/tests/fixtures/markdown/markdown_block_quotes_1.html

@@ -0,0 +1,11 @@
+<h3 class="markdown__heading">Block Quotes</h3><blockquote>
+<p>This text should render in a block quote.</p>
+</blockquote>
+<p><strong>The following text should render in two block quotes separated by one line of text:</strong></p>
+<blockquote>
+<p>Block quote 1</p>
+</blockquote>
+<p>Text between block quotes</p>
+<blockquote>
+<p>Block quote 2</p>
+</blockquote>

e2e-tests/cypress/tests/fixtures/markdown/markdown_block_quotes_1.md

@@ -0,0 +1,10 @@
+### Block Quotes
+
+>This text should render in a block quote.
+
+**The following text should render in two block quotes separated by one line of text:**
+> Block quote 1
+
+Text between block quotes
+
+> Block quote 2

e2e-tests/cypress/tests/fixtures/markdown/markdown_block_quotes_2.md

@@ -0,0 +1,6 @@
+### Block Quotes
+
+**The following markdown should render within the block quote:**
+> #### Heading 4
+> _Italics_, *Italics*, **Bold**, ***Bold-italics***, **_Bold-italics_**, ~~Strikethrough~~
+> :) :-) ;) :-O :bamboo: :gift_heart: :dolls:

e2e-tests/cypress/tests/fixtures/markdown/markdown_carriage_return.html

@@ -0,0 +1,4 @@
+<h3 class="markdown__heading">Carriage Return</h3><p>Line #1 followed by one blank line</p>
+<p>Line #2 followed by one blank line</p>
+<p>Line #3 followed by Line #4
+Line #4</p>

e2e-tests/cypress/tests/fixtures/markdown/markdown_carriage_return.md

@@ -0,0 +1,8 @@
+### Carriage Return
+
+Line #1 followed by one blank line
+
+Line #2 followed by one blank line
+
+Line #3 followed by Line #4
+Line #4

e2e-tests/cypress/tests/fixtures/markdown/markdown_carriage_return_two_lines.html

@@ -0,0 +1,4 @@
+<p><strong>The following should appear as a carriage return separating two lines of text:</strong></p>
+<div class="post-code post-code--wrap"><div class="post-code__overlay"><span class="post-code__clipboard"><i role="button" class="icon icon-content-copy"></i></span></div><div class="hljs"><code>Line #1 followed by a blank line
+
+Line #2 following a blank line</code></div></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_carriage_return_two_lines.md

@@ -0,0 +1,6 @@
+**The following should appear as a carriage return separating two lines of text:**
+```
+Line #1 followed by a blank line
+
+Line #2 following a blank line
+```

e2e-tests/cypress/tests/fixtures/markdown/markdown_code_block.html

@@ -0,0 +1 @@
+<h3 class="markdown__heading">Code Blocks</h3><div class="post-code post-code--wrap"><div class="post-code__overlay"><span class="post-code__clipboard"><i role="button" class="icon icon-content-copy"></i></span></div><div class="hljs"><code>This text should render in a code block</code></div></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_code_block.md

@@ -0,0 +1,5 @@
+### Code Blocks
+
+```
+This text should render in a code block
+```

e2e-tests/cypress/tests/fixtures/markdown/markdown_code_syntax.html

@@ -0,0 +1,116 @@
+<h1 class="markdown__heading">Code Syntax Highlighting</h1><p>Verify the following code blocks render as code blocks and highlight properly. </p>
+<h3 class="markdown__heading">Diff</h3><div class="post-code"><span class="post-code__language">Diff</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6
+7
+8
+9
+10</div><code><span class="hljs-comment">*** /path/to/original    ''timestamp''</span>
+<span class="hljs-comment">--- /path/to/new    ''timestamp''</span>
+<span class="hljs-comment">***************</span>
+<span class="hljs-comment">*** 1 ****</span>
+<span class="hljs-addition">! This is a line.</span>
+<span class="hljs-comment">--- 1 ---</span>
+<span class="hljs-addition">! This is a replacement line.</span>
+It is important to spell
+<span class="hljs-deletion">-removed line</span>
+<span class="hljs-addition">+new line</span></code></div></div><h3 class="markdown__heading">Makefile</h3><div class="post-code"><span class="post-code__language">Makefile</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5</div><code>CC=gcc
+CFLAGS=-I.
+
+<span class="hljs-section">hellomake: hellomake.o hellofunc.o</span>
+     <span class="hljs-variable">$(CC)</span> -o hellomake hellomake.o hellofunc.o -I.</code></div></div><h3 class="markdown__heading">JSON</h3><div class="post-code"><span class="post-code__language">JSON</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3</div><code>{<span class="hljs-attr">"employees"</span>:[
+    {<span class="hljs-attr">"firstName"</span>:<span class="hljs-string">"John"</span>, <span class="hljs-attr">"lastName"</span>:<span class="hljs-string">"Doe"</span>},
+]}</code></div></div><h3 class="markdown__heading">Markdown</h3><div class="post-code"><span class="post-code__language">Markdown</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3</div><code><span class="hljs-strong">**bold**</span> 
+<span class="hljs-emphasis">*italics*</span> 
+[<span class="hljs-string">link</span>](<span class="hljs-link">www.example.com</span>)</code></div></div><h3 class="markdown__heading">JavaScript</h3><div class="post-code"><span class="post-code__language">JavaScript</span><div class="hljs"><div class="post-code__line-numbers">1</div><code><span class="hljs-built_in">document</span>.write(<span class="hljs-string">'Hello, world!'</span>);</code></div></div><h3 class="markdown__heading">CSS</h3><div class="post-code"><span class="post-code__language">CSS</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3</div><code><span class="hljs-selector-tag">body</span> {
+    <span class="hljs-attribute">background-color</span>: red;
+}</code></div></div><h3 class="markdown__heading">Objective C</h3><div class="post-code"><span class="post-code__language">Objective C</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6</div><code><span class="hljs-meta">#import <span class="hljs-meta-string">&lt;stdio.h&gt;</span></span>
+
+<span class="hljs-keyword">int</span> main (<span class="hljs-keyword">void</span>)
+{
+    printf (<span class="hljs-string">"Hello world!\n"</span>);
+}</code></div></div><h3 class="markdown__heading">Python</h3><div class="post-code"><span class="post-code__language">Python</span><div class="hljs"><div class="post-code__line-numbers">1</div><code><span class="hljs-built_in">print</span> <span class="hljs-string">"Hello, world!"</span></code></div></div><h3 class="markdown__heading">XML</h3><div class="post-code"><span class="post-code__language">HTML, XML</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5</div><code><span class="hljs-tag">&lt;<span class="hljs-name">employees</span>&gt;</span>
+    <span class="hljs-tag">&lt;<span class="hljs-name">employee</span>&gt;</span>
+        <span class="hljs-tag">&lt;<span class="hljs-name">firstName</span>&gt;</span>John<span class="hljs-tag">&lt;/<span class="hljs-name">firstName</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">lastName</span>&gt;</span>Doe<span class="hljs-tag">&lt;/<span class="hljs-name">lastName</span>&gt;</span>
+    <span class="hljs-tag">&lt;/<span class="hljs-name">employee</span>&gt;</span>
+<span class="hljs-tag">&lt;/<span class="hljs-name">employees</span>&gt;</span></code></div></div><h3 class="markdown__heading">Perl</h3><div class="post-code"><span class="post-code__language">Perl</span><div class="hljs"><div class="post-code__line-numbers">1</div><code><span class="hljs-keyword">print</span> <span class="hljs-string">"Hello, World!\n"</span>;</code></div></div><h3 class="markdown__heading">Bash</h3><div class="post-code"><span class="post-code__language">Bash</span><div class="hljs"><div class="post-code__line-numbers">1</div><code><span class="hljs-built_in">echo</span> <span class="hljs-string">"Hello World"</span></code></div></div><h3 class="markdown__heading">PHP</h3><div class="post-code"><span class="post-code__language">PHP</span><div class="hljs"><div class="post-code__line-numbers">1</div><code> <span class="hljs-meta">&lt;?php</span> <span class="hljs-keyword">echo</span> <span class="hljs-string">'&lt;p&gt;Hello World&lt;/p&gt;'</span>; <span class="hljs-meta">?&gt;</span> </code></div></div><h3 class="markdown__heading">CoffeeScript</h3><div class="post-code"><span class="post-code__language">CoffeeScript</span><div class="hljs"><div class="post-code__line-numbers">1</div><code><span class="hljs-built_in">console</span>.log(“Hello world!”);</code></div></div><h3 class="markdown__heading">C</h3><div class="post-code"><span class="post-code__language">C#</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6
+7
+8</div><code><span class="hljs-keyword">using</span> System;
+<span class="hljs-keyword">class</span> <span class="hljs-title">Program</span>
+{
+    <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">Main</span>(<span class="hljs-params"><span class="hljs-built_in">string</span>[] args</span>)</span>
+    {
+        Console.WriteLine(<span class="hljs-string">"Hello, world!"</span>);
+    }
+}</code></div></div><h3 class="markdown__heading">C++</h3><div class="post-code"><span class="post-code__language">C/C++</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6
+7</div><code><span class="hljs-meta">#<span class="hljs-meta-keyword">include</span> <span class="hljs-meta-string">&lt;iostream.h&gt;</span></span>
+
+main()
+{
+    <span class="hljs-built_in">cout</span> &lt;&lt; <span class="hljs-string">"Hello World!"</span>;
+    <span class="hljs-keyword">return</span> <span class="hljs-number">0</span>;
+}</code></div></div><h3 class="markdown__heading">SQL</h3><div class="post-code"><span class="post-code__language">SQL</span><div class="hljs"><div class="post-code__line-numbers">1
+2</div><code><span class="hljs-keyword">SELECT</span> column_name,column_name
+<span class="hljs-keyword">FROM</span> table_name;</code></div></div><h3 class="markdown__heading">Go</h3><div class="post-code"><span class="post-code__language">Go</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5</div><code><span class="hljs-keyword">package</span> main
+<span class="hljs-keyword">import</span> <span class="hljs-string">"fmt"</span>
+<span class="hljs-function"><span class="hljs-keyword">func</span> <span class="hljs-title">main</span><span class="hljs-params">()</span></span> {
+    fmt.Println(<span class="hljs-string">"Hello, 世界"</span>)
+}</code></div></div><h3 class="markdown__heading">Ruby</h3><div class="post-code"><span class="post-code__language">Ruby</span><div class="hljs"><div class="post-code__line-numbers">1</div><code>puts <span class="hljs-string">"Hello, world!"</span></code></div></div><h3 class="markdown__heading">Java</h3><div class="post-code"><span class="post-code__language">Java</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12</div><code><span class="hljs-keyword">import</span> javax.swing.JFrame;  <span class="hljs-comment">//Importing class JFrame</span>
+<span class="hljs-keyword">import</span> javax.swing.JLabel;  <span class="hljs-comment">//Importing class JLabel</span>
+<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">HelloWorld</span> </span>{
+    <span class="hljs-function"><span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">void</span> <span class="hljs-title">main</span><span class="hljs-params">(String[] args)</span> </span>{
+        JFrame frame = <span class="hljs-keyword">new</span> JFrame();           <span class="hljs-comment">//Creating frame</span>
+        frame.setTitle(<span class="hljs-string">"Hi!"</span>);                 <span class="hljs-comment">//Setting title frame</span>
+        frame.add(<span class="hljs-keyword">new</span> JLabel(<span class="hljs-string">"Hello, world!"</span>));<span class="hljs-comment">//Adding text to frame</span>
+        frame.pack();                          <span class="hljs-comment">//Setting size to smallest</span>
+        frame.setLocationRelativeTo(<span class="hljs-keyword">null</span>);     <span class="hljs-comment">//Centering frame</span>
+        frame.setVisible(<span class="hljs-keyword">true</span>);                <span class="hljs-comment">//Showing frame</span>
+    }
+}</code></div></div><h3 class="markdown__heading">Latex Equation</h3><div class="post-body--code tex"><span class="katex-display fleqn"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mfrac><mi>d</mi><mrow><mi>d</mi><mi>x</mi></mrow></mfrac><mrow><mo fence="true">(</mo><msubsup><mo>∫</mo><mn>0</mn><mi>x</mi></msubsup><mi>f</mi><mo stretchy="false">(</mo><mi>u</mi><mo stretchy="false">)</mo><mtext> </mtext><mi>d</mi><mi>u</mi><mo fence="true">)</mo></mrow><mo>=</mo><mi>f</mi><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo><mi mathvariant="normal">.</mi></mrow><annotation encoding="application/x-tex">\frac{d}{dx}\left( \int_{0}^{x} f(u)\,du\right)=f(x).</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:2.40003em;vertical-align:-0.95003em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.37144em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">d</span><span class="mord mathnormal">x</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">d</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size3">(</span></span><span class="mop"><span class="mop op-symbol large-op" style="margin-right:0.44445em;position:relative;top:-0.0011249999999999316em;">∫</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.414292em;"><span style="top:-1.7880500000000001em;margin-left:-0.44445em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight">0</span></span></span></span><span style="top:-3.8129000000000004em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathnormal mtight">x</span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.9119499999999999em;"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord mathnormal" style="margin-right:0.10764em;">f</span><span class="mopen">(</span><span class="mord mathnormal">u</span><span class="mclose">)</span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord mathnormal">d</span><span class="mord mathnormal">u</span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size3">)</span></span></span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"></span><span class="mord mathnormal" style="margin-right:0.10764em;">f</span><span class="mopen">(</span><span class="mord mathnormal">x</span><span class="mclose">)</span><span class="mord">.</span></span></span></span></span></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_escape_characters.html

@@ -0,0 +1,7 @@
+<h3 class="markdown__heading">Escaped Characters</h3><p><strong>The following text should render the same as the raw text:</strong>
+Raw: <span class="codespan__pre-wrap"><code>\\teamlinux\IT-Stuff\WorkingStuff</code></span>
+Markdown: \\teamlinux\IT-Stuff\WorkingStuff</p>
+<p><strong>The following text should escape out the first backslash so only one backslash appears:</strong>
+Raw: <span class="codespan__pre-wrap"><code>\\()#</code></span>
+Markdown: \()#</p>
+<p>The end of this long post will be hidden until you choose to <span class="codespan__pre-wrap"><code>Show More</code></span>.</p>

e2e-tests/cypress/tests/fixtures/markdown/markdown_escape_characters.md

@@ -0,0 +1,11 @@
+### Escaped Characters
+
+**The following text should render the same as the raw text:**
+Raw: `\\teamlinux\IT-Stuff\WorkingStuff`
+Markdown: \\teamlinux\IT-Stuff\WorkingStuff
+
+**The following text should escape out the first backslash so only one backslash appears:**
+Raw: `\\()#`
+Markdown: \\()#
+
+The end of this long post will be hidden until you choose to `Show More`.

e2e-tests/cypress/tests/fixtures/markdown/markdown_headings.html

@@ -0,0 +1 @@
+<h3 class="markdown__heading">Headings</h3><h1 class="markdown__heading">Heading 1 font size</h1><h2 class="markdown__heading">Heading 2 font size</h2><h3 class="markdown__heading">Heading 3 font size</h3><h4 class="markdown__heading">Heading 4 font size</h4><h5 class="markdown__heading">Heading 5 font size</h5><h6 class="markdown__heading">Heading 6 font size</h6>

e2e-tests/cypress/tests/fixtures/markdown/markdown_headings.md

@@ -0,0 +1,8 @@
+### Headings
+
+# Heading 1 font size
+## Heading 2 font size
+### Heading 3 font size
+#### Heading 4 font size
+##### Heading 5 font size
+###### Heading 6 font size

e2e-tests/cypress/tests/fixtures/markdown/markdown_inline_code.html

@@ -0,0 +1,6 @@
+<h3 class="markdown__heading">In-line Code</h3><p>The word <span class="codespan__pre-wrap"><code>monospace</code></span> should render as in-line code.</p>
+<p>The following markdown in-line code should not render:
+<span class="codespan__pre-wrap"><code>_Italics_</code></span>, <span class="codespan__pre-wrap"><code>*Italics*</code></span>, <span class="codespan__pre-wrap"><code>**Bold**</code></span>, <span class="codespan__pre-wrap"><code>***Bold-italics***</code></span>, <span class="codespan__pre-wrap"><code>**Bold-italics_**</code></span>, <span class="codespan__pre-wrap"><code>~~Strikethrough~~</code></span>, <span class="codespan__pre-wrap"><code>:)</code></span> , <span class="codespan__pre-wrap"><code>:-)</code></span> , <span class="codespan__pre-wrap"><code>;)</code></span> , <span class="codespan__pre-wrap"><code>:-O</code></span> , <span class="codespan__pre-wrap"><code>:bamboo:</code></span> , <span class="codespan__pre-wrap"><code>:gift_heart:</code></span> , <span class="codespan__pre-wrap"><code>:dolls:</code></span> , <span class="codespan__pre-wrap"><code># Heading 1</code></span>, <span class="codespan__pre-wrap"><code>## Heading 2</code></span>, <span class="codespan__pre-wrap"><code>### Heading 3</code></span>, <span class="codespan__pre-wrap"><code>#### Heading 4</code></span>, <span class="codespan__pre-wrap"><code>##### Heading 5</code></span>, <span class="codespan__pre-wrap"><code>###### Heading 6</code></span></p>
+<p>This GIF link should not preview: <span class="codespan__pre-wrap"><code>http://i.giphy.com/xNrM4cGJ8u3ao.gif</code></span>
+This link should not auto-link: <span class="codespan__pre-wrap"><code>https://en.wikipedia.org/wiki/Dolphin</code></span></p>
+<p>This sentence with <span class="codespan__pre-wrap"><code>in-line code</code></span> should appear on one line.</p>

e2e-tests/cypress/tests/fixtures/markdown/markdown_inline_code.md

@@ -0,0 +1,13 @@
+### In-line Code
+
+The word `monospace` should render as in-line code.
+
+The following markdown in-line code should not render:
+`_Italics_`, `*Italics*`, `**Bold**`, `***Bold-italics***`, `**Bold-italics_**`, `~~Strikethrough~~`, `:)` , `:-)` , `;)` , `:-O` , `:bamboo:` , `:gift_heart:` , `:dolls:` , `# Heading 1`, `## Heading 2`, `### Heading 3`, `#### Heading 4`, `##### Heading 5`, `###### Heading 6`
+
+This GIF link should not preview: `http://i.giphy.com/xNrM4cGJ8u3ao.gif`
+This link should not auto-link: `https://en.wikipedia.org/wiki/Dolphin`
+
+This sentence with `
+in-line code
+` should appear on one line.

e2e-tests/cypress/tests/fixtures/markdown/markdown_inline_images_1.md

@@ -0,0 +1,3 @@
+### In-line Images
+
+Mattermost/platform build status:  [![Build Status](https://docs.mattermost.com/_images/icon-76x76.png)](https://docs.mattermost.com/_images/icon-76x76.png)

e2e-tests/cypress/tests/fixtures/markdown/markdown_inline_images_2.md

@@ -0,0 +1,3 @@
+### In-line Images
+
+GitHub favicon:  ![Github](https://github.githubassets.com/favicon.ico)

e2e-tests/cypress/tests/fixtures/markdown/markdown_inline_images_3.md

@@ -0,0 +1,4 @@
+### In-line Images
+
+GIF Image:
+![gif](http://i.giphy.com/xNrM4cGJ8u3ao.gif)

e2e-tests/cypress/tests/fixtures/markdown/markdown_inline_images_4.md

@@ -0,0 +1,4 @@
+### In-line Images
+
+4K Wallpaper Image (11Mb):
+![4K Image](https://images.wallpaperscraft.com/image/starry_sky_shine_glitter_118976_3840x2160.jpg)

e2e-tests/cypress/tests/fixtures/markdown/markdown_inline_images_5.md

@@ -0,0 +1,4 @@
+### In-line Images
+
+Panorama Image:
+![Pano](http://amardeepphotography.com/wp-content/uploads/2012/11/Untitled_Panorama6small.jpg)

e2e-tests/cypress/tests/fixtures/markdown/markdown_inline_images_6.md

@@ -0,0 +1,3 @@
+### In-line Images
+
+![test image](https://raw.githubusercontent.com/furqanmlk/furqanmlk.github.io/main/images/image-small-height.png)

e2e-tests/cypress/tests/fixtures/markdown/markdown_latex.html

@@ -0,0 +1,26 @@
+<div class="post-code"><span class="post-code__language">LaTeX</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6
+7</div><code><span class="hljs-keyword">\documentclass</span>{article}
+
+<span class="hljs-keyword">\begin</span>{document}
+
+Hello World!
+
+<span class="hljs-keyword">\end</span>{document}</code></div></div><p>AND/OR</p>
+<div class="post-code"><span class="post-code__language">LaTeX</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6
+7</div><code><span class="hljs-keyword">\documentclass</span>{article}
+
+<span class="hljs-keyword">\begin</span>{document}
+
+Hello World!
+
+<span class="hljs-keyword">\end</span>{document}</code></div></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_latex.md

@@ -0,0 +1,21 @@
+```texcode
+\documentclass{article}
+
+\begin{document}
+
+Hello World!
+
+\end{document}
+```
+
+AND/OR
+
+```latexcode
+\documentclass{article}
+
+\begin{document}
+
+Hello World!
+
+\end{document}
+```

e2e-tests/cypress/tests/fixtures/markdown/markdown_lines.html

@@ -0,0 +1,8 @@
+<h3 class="markdown__heading">Lines</h3><p>Three lines should render with text between them:</p>
+<p>Text above line</p>
+<hr>
+<p>Text between lines</p>
+<hr>
+<p>Text between lines</p>
+<hr>
+<p>Text below line</p>

e2e-tests/cypress/tests/fixtures/markdown/markdown_lines.md

@@ -0,0 +1,16 @@
+### Lines
+
+Three lines should render with text between them:
+
+Text above line
+
+***
+
+Text between lines
+
+---
+
+Text between lines
+___
+
+Text below line

e2e-tests/cypress/tests/fixtures/markdown/markdown_list.html

@@ -0,0 +1,137 @@
+<h1 class="markdown__heading">Markdown List Testing</h1><p>Verify that all list types render as expected.</p>
+<h3 class="markdown__heading">Single-Item Ordered List</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>7. Single Item</code></div></div><p><strong>Actual:</strong></p>
+<ol class="markdown__list" style="counter-reset: list 6;">
+<li><span>Single Item</span></li></ol><h3 class="markdown__heading">Multi-Item Ordered List</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>1. One
+2. Two
+3. Three</code></div></div><p><strong>Actual:</strong></p>
+<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>One</span></li><li><span>Two</span></li><li><span>Three</span></li></ol><h3 class="markdown__heading">Nested Ordered List</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>1. Alpha
+    1. Bravo
+2. Charlie
+3. Delta
+    1. Echo
+    2. Foxtrot</code></div></div><p><strong>Actual:</strong></p>
+<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>Alpha<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>Bravo</span></li></ol></span></li><li><span>Charlie</span></li><li><span>Delta<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>Echo</span></li><li><span>Foxtrot</span></li></ol></span></li></ol><h3 class="markdown__heading">Single-Item Unordered List</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>• Single Item</code></div></div><p><strong>Actual:</strong></p>
+<ul class="markdown__list">
+<li><span>Single Item</span></li></ul><h3 class="markdown__heading">Multi-Item Unordered List</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>• One
+• Two
+• Three</code></div></div><p><strong>Actual:</strong></p>
+<ul class="markdown__list">
+<li><span>One</span></li><li><span>Two</span></li><li><span>Three</span></li></ul><h3 class="markdown__heading">Multi-Item Unordered List with Line Break (Break should not render)</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>• Item A
+• Item B
+• Item C
+• Item D</code></div></div><p><strong>Actual:</strong></p>
+<ul class="markdown__list">
+<li><span>Item A</span></li><li><span><p>Item B</p>
+</span></li><li><span><p>Item C</p>
+</span></li><li><span>Item D</span></li></ul><h3 class="markdown__heading">Nested Unordered List</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>• Alpha
+    • Bravo
+• Charlie
+• Delta
+    • Echo
+    • Foxtrot</code></div></div><p><strong>Actual:</strong></p>
+<ul class="markdown__list">
+<li><span>Alpha<ul class="markdown__list">
+<li><span>Bravo</span></li></ul></span></li><li><span>Charlie</span></li><li><span>Delta<ul class="markdown__list">
+<li><span>Echo</span></li><li><span>Foxtrot</span></li></ul></span></li></ul><h3 class="markdown__heading">Mixed List Starting Ordered</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>1. One
+2. Two
+3. Three</code></div></div><p><strong>Actual:</strong></p>
+<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>One</span></li><li><span>Two</span></li><li><span>Three</span></li></ol><h3 class="markdown__heading">Mixed List Starting Unordered</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>• Monday
+• Tuesday
+• Wednesday</code></div></div><p><strong>Actual:</strong></p>
+<ul class="markdown__list">
+<li><span>Monday</span></li><li><span>Tuesday</span></li><li><span>Wednesday</span></li></ul><h3 class="markdown__heading">Nested Mixed List</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>• Alpha
+    1. Bravo
+        • Charlie
+        • Delta
+• Echo
+• Foxtrot
+    • Golf
+        1. Hotel
+    • India
+        1. Juliet
+        2. Kilo
+    • Lima
+• Mike
+    1. November
+        4. Oscar
+            5. Papa</code></div></div><p><strong>Actual:</strong></p>
+<ul class="markdown__list">
+<li><span>Alpha<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>Bravo<ul class="markdown__list">
+<li><span>Charlie</span></li><li><span>Delta</span></li></ul></span></li></ol></span></li><li><span>Echo</span></li><li><span>Foxtrot<ul class="markdown__list">
+<li><span>Golf<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>Hotel</span></li></ol></span></li><li><span>India<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>Juliet</span></li><li><span>Kilo</span></li></ol></span></li><li><span>Lima</span></li></ul></span></li><li><span>Mike<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>November<ol class="markdown__list" style="counter-reset: list 3;">
+<li><span>Oscar<ol class="markdown__list" style="counter-reset: list 4;">
+<li><span>Papa</span></li></ol></span></li></ol></span></li></ol></span></li></ul><h3 class="markdown__heading">Ordered Lists Separated by Carriage Returns</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>1. One
+  • Two
+2. Two
+3. Three</code></div></div><p><strong>Actual:</strong></p>
+<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span><p>One</p>
+<ul class="markdown__list">
+<li><span>Two</span></li></ul></span></li><li><span><p>Two</p>
+</span></li><li><span>Three</span></li></ol><h3 class="markdown__heading">New Line After a List</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>1. One
+2. Two
+
+This text should be on a new line.</code></div></div><p><strong>Actual:</strong></p>
+<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>One</span></li><li><span>Two</span></li></ol><p>This text should be on a new line.</p>
+<h3 class="markdown__heading">Task Lists</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>[ ] One
+  [ ] Subpoint one
+  - Normal Bullet
+[ ] Two
+[x] Completed item</code></div></div><p><strong>Actual:</strong></p>
+<ul class="markdown__list">
+<li class="list-item--task-list"><input type="checkbox" disabled=""> One<ul class="markdown__list">
+<li class="list-item--task-list"><input type="checkbox" disabled=""> Subpoint one</li><li><span>Normal Bullet</span></li></ul></li><li class="list-item--task-list"><input type="checkbox" disabled=""> Two</li><li class="list-item--task-list"><input type="checkbox" disabled="" checked=""> Completed item</li></ul><h3 class="markdown__heading">Numbered Task Lists</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>1. [ ] One
+2. [ ] Two
+3. [x] Completed item</code></div></div><p><strong>Actual:</strong></p>
+<ol class="markdown__list" style="counter-reset: list 0;">
+<li class="list-item--task-list"><input type="checkbox" disabled=""> One</li><li class="list-item--task-list"><input type="checkbox" disabled=""> Two</li><li class="list-item--task-list"><input type="checkbox" disabled="" checked=""> Completed item</li></ol><h3 class="markdown__heading">Multiple Lists</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>List A:
+
+1. One
+
+List B:
+
+2. Two</code></div></div><p>List A:</p>
+<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>One</span></li></ol><p>List B:</p>
+<ol class="markdown__list" style="counter-reset: list 1;">
+<li><span>Two</span></li></ol><h3 class="markdown__heading">Lists with blank lines before and after</h3><p><strong>Expected:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>Line with blank line after 
+
+Line with blank line after and before 
+
+1. Bullet 
+2. Bullet 
+3. Bullet 
+
+Line with blank line after and before 
+
+Line with blank line before</code></div></div><p>Line with blank line after </p>
+<p>Line with blank line after and before </p>
+<ol class="markdown__list" style="counter-reset: list 0;">
+<li><span>Bullet </span></li><li><span>Bullet </span></li><li><span>Bullet </span></li></ol><p>Line with blank line after and before </p>
+<p>Line with blank line before</p>

e2e-tests/cypress/tests/fixtures/markdown/markdown_not_autolink.html

@@ -0,0 +1,3 @@
+<p><strong>The following links should not auto-link or generate previews:</strong></p>
+<div class="post-code post-code--wrap"><div class="post-code__overlay"><span class="post-code__clipboard"><i role="button" class="icon icon-content-copy"></i></span></div><div class="hljs"><code>GIF: http://i.giphy.com/xNrM4cGJ8u3ao.gif
+Website: https://en.wikipedia.org/wiki/Dolphin</code></div></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_not_autolink.md

@@ -0,0 +1,5 @@
+**The following links should not auto-link or generate previews:**
+```
+GIF: http://i.giphy.com/xNrM4cGJ8u3ao.gif
+Website: https://en.wikipedia.org/wiki/Dolphin
+```

e2e-tests/cypress/tests/fixtures/markdown/markdown_not_in_code_block.html

@@ -0,0 +1,23 @@
+<p><strong>The following markdown should not render:</strong></p>
+<div class="post-code post-code--wrap"><div class="post-code__overlay"><span class="post-code__clipboard"><i role="button" class="icon icon-content-copy"></i></span></div><div class="hljs"><code>_Italics_
+*Italics*
+**Bold**
+***Bold-italics***
+**Bold-italics_**
+~~Strikethrough~~
+:) :-) ;) ;-) :o :O :-o :-O
+:bamboo: :gift_heart: :dolls: :school_satchel: :mortar_board:
+# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### Heading 6
+&gt; Block Quote
+- List
+  - List Sub-item
+[Link](http://i.giphy.com/xNrM4cGJ8u3ao.gif)
+[![Github](https://assets-cdn.github.com/favicon.ico)](https://github.com/mattermost/platform)
+| Left-Aligned Text | Center Aligned Text | Right Aligned Text |
+| :------------ |:---------------:| -----:|
+| Left column 1 | this text       |  $100 |</code></div></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_not_in_code_block.md

@@ -0,0 +1,25 @@
+**The following markdown should not render:**
+```
+_Italics_
+*Italics*
+**Bold**
+***Bold-italics***
+**Bold-italics_**
+~~Strikethrough~~
+:) :-) ;) ;-) :o :O :-o :-O
+:bamboo: :gift_heart: :dolls: :school_satchel: :mortar_board:
+# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### Heading 6
+> Block Quote
+- List
+  - List Sub-item
+[Link](http://i.giphy.com/xNrM4cGJ8u3ao.gif)
+[![Github](https://assets-cdn.github.com/favicon.ico)](https://github.com/mattermost/platform)
+| Left-Aligned Text | Center Aligned Text | Right Aligned Text |
+| :------------ |:---------------:| -----:|
+| Left column 1 | this text       |  $100 |
+```

e2e-tests/cypress/tests/fixtures/markdown/markdown_postgres.html

@@ -0,0 +1,50 @@
+<div class="post-code"><span class="post-code__language">PostgreSQL</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6
+7</div><code><span class="hljs-keyword">CREATE</span> <span class="hljs-keyword">OR REPLACE</span> <span class="hljs-keyword">FUNCTION</span> snitch() <span class="hljs-keyword">RETURNS</span> <span class="hljs-type">event_trigger</span> <span class="hljs-keyword">AS</span> $$<span class="pgsql">
+<span class="hljs-keyword">BEGIN</span>
+<span class="hljs-keyword">RAISE</span> <span class="hljs-keyword">NOTICE</span> <span class="hljs-string">'snitch: % %'</span>, <span class="hljs-built_in">tg_event</span>, <span class="hljs-built_in">tg_tag</span>;
+<span class="hljs-keyword">END</span>;
+$$</span> <span class="hljs-keyword">LANGUAGE</span> plpgsql;
+
+<span class="hljs-keyword">CREATE</span> <span class="hljs-keyword">EVENT TRIGGER</span> snitch <span class="hljs-keyword">ON</span> ddl_command_start <span class="hljs-keyword">EXECUTE</span> <span class="hljs-keyword">PROCEDURE</span> snitch();</code></div></div><p>and</p>
+<div class="post-code"><span class="post-code__language">PostgreSQL</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6
+7</div><code><span class="hljs-keyword">CREATE</span> <span class="hljs-keyword">OR REPLACE</span> <span class="hljs-keyword">FUNCTION</span> snitch() <span class="hljs-keyword">RETURNS</span> <span class="hljs-type">event_trigger</span> <span class="hljs-keyword">AS</span> $$<span class="pgsql">
+<span class="hljs-keyword">BEGIN</span>
+<span class="hljs-keyword">RAISE</span> <span class="hljs-keyword">NOTICE</span> <span class="hljs-string">'snitch: % %'</span>, <span class="hljs-built_in">tg_event</span>, <span class="hljs-built_in">tg_tag</span>;
+<span class="hljs-keyword">END</span>;
+$$</span> <span class="hljs-keyword">LANGUAGE</span> plpgsql;
+
+<span class="hljs-keyword">CREATE</span> <span class="hljs-keyword">EVENT TRIGGER</span> snitch <span class="hljs-keyword">ON</span> ddl_command_start <span class="hljs-keyword">EXECUTE</span> <span class="hljs-keyword">PROCEDURE</span> snitch();</code></div></div><p>and</p>
+<div class="post-code"><span class="post-code__language">PostgreSQL</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6
+7</div><code><span class="hljs-keyword">CREATE</span> <span class="hljs-keyword">OR REPLACE</span> <span class="hljs-keyword">FUNCTION</span> snitch() <span class="hljs-keyword">RETURNS</span> <span class="hljs-type">event_trigger</span> <span class="hljs-keyword">AS</span> $$<span class="pgsql">
+<span class="hljs-keyword">BEGIN</span>
+<span class="hljs-keyword">RAISE</span> <span class="hljs-keyword">NOTICE</span> <span class="hljs-string">'snitch: % %'</span>, <span class="hljs-built_in">tg_event</span>, <span class="hljs-built_in">tg_tag</span>;
+<span class="hljs-keyword">END</span>;
+$$</span> <span class="hljs-keyword">LANGUAGE</span> plpgsql;
+
+<span class="hljs-keyword">CREATE</span> <span class="hljs-keyword">EVENT TRIGGER</span> snitch <span class="hljs-keyword">ON</span> ddl_command_start <span class="hljs-keyword">EXECUTE</span> <span class="hljs-keyword">PROCEDURE</span> snitch();</code></div></div><p>or</p>
+<div class="post-code"><span class="post-code__language">PostgreSQL</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4
+5
+6</div><code>CREATE OR REPLACE FUNCTION add(x int, y int)
+RETURNS int
+LANGUAGE SQL
+AS $myfunc$
+SELECT x + y
+$myfunc$</code></div></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_postgres.md

@@ -0,0 +1,41 @@
+```postgres
+CREATE OR REPLACE FUNCTION snitch() RETURNS event_trigger AS $$
+BEGIN
+RAISE NOTICE 'snitch: % %', tg_event, tg_tag;
+END;
+$$ LANGUAGE plpgsql;
+
+CREATE EVENT TRIGGER snitch ON ddl_command_start EXECUTE PROCEDURE snitch();
+```
+and
+
+```pgsql
+CREATE OR REPLACE FUNCTION snitch() RETURNS event_trigger AS $$
+BEGIN
+RAISE NOTICE 'snitch: % %', tg_event, tg_tag;
+END;
+$$ LANGUAGE plpgsql;
+
+CREATE EVENT TRIGGER snitch ON ddl_command_start EXECUTE PROCEDURE snitch();
+```
+and
+
+```postgresql
+CREATE OR REPLACE FUNCTION snitch() RETURNS event_trigger AS $$
+BEGIN
+RAISE NOTICE 'snitch: % %', tg_event, tg_tag;
+END;
+$$ LANGUAGE plpgsql;
+
+CREATE EVENT TRIGGER snitch ON ddl_command_start EXECUTE PROCEDURE snitch();
+```
+or
+
+```pgsql
+CREATE OR REPLACE FUNCTION add(x int, y int)
+RETURNS int
+LANGUAGE SQL
+AS $myfunc$
+SELECT x + y
+$myfunc$
+```

e2e-tests/cypress/tests/fixtures/markdown/markdown_python.html

@@ -0,0 +1,7 @@
+<div class="post-code"><span class="post-code__language">Python</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4</div><code>op.execute(<span class="hljs-string">"""
+UPDATE events.settings
+SET name = 'paper_review_conditions'
+WHERE module = 'editing' AND name = 'review_conditions' """</span>)</code></div></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_python.md

@@ -0,0 +1,6 @@
+```python
+op.execute("""
+UPDATE events.settings
+SET name = 'paper_review_conditions'
+WHERE module = 'editing' AND name = 'review_conditions' """)
+ ```

e2e-tests/cypress/tests/fixtures/markdown/markdown_shell.html

@@ -0,0 +1,7 @@
+<div class="post-code"><span class="post-code__language">Bash</span><div class="hljs"><div class="post-code__line-numbers">1
+2
+3
+4</div><code>find /path/to/whatever -<span class="hljs-built_in">type</span> f | sed <span class="hljs-string">"1,<span class="hljs-variable">$MAX_FILES</span> d' | while read fn; do
+echo "</span>deleting <span class="hljs-variable">$fn</span><span class="hljs-string">"
+rm -f <span class="hljs-variable">$fn</span>
+done</span></code></div></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_shell.md

@@ -0,0 +1,6 @@
+```sh
+find /path/to/whatever -type f | sed "1,$MAX_FILES d' | while read fn; do
+echo "deleting $fn"
+rm -f $fn
+done
+```

e2e-tests/cypress/tests/fixtures/markdown/markdown_tables.html

@@ -0,0 +1,21 @@
+<h1 class="markdown__heading">Markdown Tables</h1><p>Verify that all tables render as described. First row is boldface.</p>
+<h3 class="markdown__heading">Normal Tables</h3><p>These tables use different raw text as inputs, but all three should render as the same table. </p>
+<h4 class="markdown__heading">Table 1</h4><p>Raw text:</p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>First Header  | Second Header
+------------- | -------------
+Content Cell  | Content Cell
+Content Cell  | Content Cell</code></div></div><p>Renders as:</p>
+<div class="table-responsive"><table class="markdown__table"><thead><tr><th>First Header</th><th>Second Header</th></tr></thead><tbody><tr><td>Content Cell</td><td>Content Cell</td></tr><tr><td>Content Cell</td><td>Content Cell</td></tr></tbody></table></div><h4 class="markdown__heading">Table 2</h4><p>Raw Text:</p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>| First Header  | Second Header |
+| ------------- | ------------- |
+| Content Cell  | Content Cell  |
+| Content Cell  | Content Cell  |</code></div></div><p>Renders as:</p>
+<div class="table-responsive"><table class="markdown__table"><thead><tr><th>First Header</th><th>Second Header</th></tr></thead><tbody><tr><td>Content Cell</td><td>Content Cell</td></tr><tr><td>Content Cell</td><td>Content Cell</td></tr></tbody></table></div><h4 class="markdown__heading">Table 3</h4><p>Raw Text:</p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>| First Header | Second Header           |
+| ------------- | ----------- |
+| Content Cell     | Content Cell|
+| Content Cell        | Content Cell    |</code></div></div><p>Renders as:</p>
+<div class="table-responsive"><table class="markdown__table"><thead><tr><th>First Header</th><th>Second Header</th></tr></thead><tbody><tr><td>Content Cell</td><td>Content Cell</td></tr><tr><td>Content Cell</td><td>Content Cell</td></tr></tbody></table></div><h3 class="markdown__heading">Tables Containing Markdown</h3><p>This table should contain A1: Strikethrough, A2: Bold, B1: Italics, B2: Dolphin emoticon.</p>
+<div class="table-responsive"><table class="markdown__table"><thead><tr><th>Column\Row</th><th>1</th><th>2</th></tr></thead><tbody><tr><td>A</td><td><del>Strikethrough</del></td><td><strong>Bold</strong></td></tr><tr><td>B</td><td><em>italics</em></td><td><span data-emoticon="dolphin"><span alt=":dolphin:" class="emoticon" title=":dolphin:" style="background-image: url(&quot;http://localhost:8065/static/emoji/1f42c.png&quot;);">:dolphin:</span></span></td></tr></tbody></table></div><h3 class="markdown__heading">Table with Left, Center, and Right Aligned Columns</h3><p>The left column should be left aligned, the center column centered and the right column should be right aligned. </p>
+<div class="table-responsive"><table class="markdown__table"><thead><tr><th style="text-align: left;">Left-Aligned</th><th style="text-align: center;">Center Aligned</th><th style="text-align: right;">Right Aligned</th></tr></thead><tbody><tr><td style="text-align: left;">1</td><td style="text-align: center;">this text</td><td style="text-align: right;">$100</td></tr><tr><td style="text-align: left;">2</td><td style="text-align: center;">is</td><td style="text-align: right;">$10</td></tr><tr><td style="text-align: left;">3</td><td style="text-align: center;">centered</td><td style="text-align: right;">$1</td></tr></tbody></table></div><h3 class="markdown__heading">Table with Escaped Pipes</h3><p>First row cells: single backslash, "asdf". Second row cells: "ab" , "a|d"</p>
+<div class="table-responsive"><table class="markdown__table"><thead><tr><th>\</th><th>asdf</th></tr></thead><tbody><tr><td>ab</td><td>a|d</td></tr></tbody></table></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_test_basic.html

@@ -0,0 +1,70 @@
+<h1 class="markdown__heading">Basic Markdown Testing</h1><p>Tests for text style, code blocks, in-line code and images, lines, block quotes, and headings.</p>
+<h3 class="markdown__heading">Text Style</h3><p><strong>The following text should render as:</strong><br><em>Italics</em>
+<em>Ita_lics</em>
+<em>Italics</em>
+<strong>Bold</strong>
+<strong><em>Bold-italics</em></strong>
+<strong><em>Bold-italics</em></strong>
+<del>Strikethrough</del></p>
+<p>This sentence contains <strong>bold</strong>, <em>italic</em>, <strong><em>bold-italic</em></strong>, and <del>stikethrough</del> text.  </p>
+<p><strong>The following should render as normal text:</strong><br>Normal Text_<br>_Normal Text<br>_Normal Text*</p>
+<h3 class="markdown__heading">Carriage Return</h3><p>Line #1 followed by one blank line </p>
+<p>Line #2 followed by one blank line</p>
+<p>Line #3 followed by Line #4
+Line #4 </p>
+<h3 class="markdown__heading">Code Blocks</h3><div class="post-code post-code--wrap"><div class="hljs"><code>This text should render in a code block</code></div></div><p><strong>The following markdown should not render:</strong>  </p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>_Italics_  
+*Italics*  
+**Bold**  
+***Bold-italics***  
+**Bold-italics_**  
+~~Strikethrough~~
+:) :-) ;) ;-) :o :O :-o :-O 
+:bamboo: :gift_heart: :dolls: :school_satchel: :mortar_board:
+# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### Heading 6
+&gt; Block Quote
+- List
+  - List Sub-item
+[Link](http://i.giphy.com/xNrM4cGJ8u3ao.gif)
+[![Github](https://assets-cdn.github.com/favicon.ico)](https://github.com/mattermost/platform)
+| Left-Aligned Text | Center Aligned Text | Right Aligned Text |
+| :------------ |:---------------:| -----:|
+| Left column 1 | this text       |  $100 |</code></div></div><p><strong>The following links should not auto-link or generate previews:</strong>  </p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>GIF: http://i.giphy.com/xNrM4cGJ8u3ao.gif
+Website: https://en.wikipedia.org/wiki/Dolphin</code></div></div><p><strong>The following should appear as a carriage return separating two lines of text:</strong></p>
+<div class="post-code post-code--wrap"><div class="hljs"><code>Line #1 followed by a blank line
+
+Line #2 following a blank line</code></div></div><h3 class="markdown__heading">In-line Code</h3><p>The word <span class="codespan__pre-wrap"><code>monospace</code></span> should render as in-line code.  </p>
+<p>The following markdown in-line code should not render:<br><span class="codespan__pre-wrap"><code>_Italics_</code></span>, <span class="codespan__pre-wrap"><code>*Italics*</code></span>, <span class="codespan__pre-wrap"><code>**Bold**</code></span>, <span class="codespan__pre-wrap"><code>***Bold-italics***</code></span>, <span class="codespan__pre-wrap"><code>**Bold-italics_**</code></span>, <span class="codespan__pre-wrap"><code>~~Strikethrough~~</code></span>, <span class="codespan__pre-wrap"><code>:)</code></span> , <span class="codespan__pre-wrap"><code>:-)</code></span> , <span class="codespan__pre-wrap"><code>;)</code></span> , <span class="codespan__pre-wrap"><code>:-O</code></span> , <span class="codespan__pre-wrap"><code>:bamboo:</code></span> , <span class="codespan__pre-wrap"><code>:gift_heart:</code></span> , <span class="codespan__pre-wrap"><code>:dolls:</code></span> , <span class="codespan__pre-wrap"><code># Heading 1</code></span>, <span class="codespan__pre-wrap"><code>## Heading 2</code></span>, <span class="codespan__pre-wrap"><code>### Heading 3</code></span>, <span class="codespan__pre-wrap"><code>#### Heading 4</code></span>, <span class="codespan__pre-wrap"><code>##### Heading 5</code></span>, <span class="codespan__pre-wrap"><code>###### Heading 6</code></span></p>
+<p>This GIF link should not preview: <span class="codespan__pre-wrap"><code>http://i.giphy.com/xNrM4cGJ8u3ao.gif</code></span><br>This link should not auto-link: <span class="codespan__pre-wrap"><code>https://en.wikipedia.org/wiki/Dolphin</code></span>  </p>
+<p>This sentence with <span class="codespan__pre-wrap"><code>in-line code</code></span> should appear on one line.</p>
+<h3 class="markdown__heading">In-line Images</h3><p>(These image tests were moved into Se: MessagingMan.html)  </p>
+<h3 class="markdown__heading">Lines</h3><p>Three lines should render with text between them:  </p>
+<p>Text above line</p>
+<hr>
+<p>Text between lines</p>
+<hr>
+<p>Text between lines</p>
+<hr>
+<p>Text below line</p>
+<h3 class="markdown__heading">Block Quotes</h3><blockquote>
+<p>This text should render in a block quote.</p>
+</blockquote>
+<p><strong>The following markdown should render within the block quote:</strong>  </p>
+<blockquote>
+<h4 class="markdown__heading">Heading 4</h4><p><em>Italics</em>, <em>Italics</em>, <strong>Bold</strong>, <strong><em>Bold-italics</em></strong>, <strong><em>Bold-italics</em></strong>, <del>Strikethrough</del><br><span data-emoticon="slightly_smiling_face"><span alt=":slightly_smiling_face:" class="emoticon" title=":slightly_smiling_face:" style="background-image: url(&quot;http://localhost:8065/static/emoji/1f642.png&quot;);">:slightly_smiling_face:</span></span> <span data-emoticon="slightly_smiling_face"><span alt=":slightly_smiling_face:" class="emoticon" title=":slightly_smiling_face:" style="background-image: url(&quot;http://localhost:8065/static/emoji/1f642.png&quot;);">:slightly_smiling_face:</span></span> <span data-emoticon="wink"><span alt=":wink:" class="emoticon" title=":wink:" style="background-image: url(&quot;http://localhost:8065/static/emoji/1f609.png&quot;);">:wink:</span></span> <span data-emoticon="scream"><span alt=":scream:" class="emoticon" title=":scream:" style="background-image: url(&quot;http://localhost:8065/static/emoji/1f631.png&quot;);">:scream:</span></span> <span data-emoticon="bamboo"><span alt=":bamboo:" class="emoticon" title=":bamboo:" style="background-image: url(&quot;http://localhost:8065/static/emoji/1f38d.png&quot;);">:bamboo:</span></span> <span data-emoticon="gift_heart"><span alt=":gift_heart:" class="emoticon" title=":gift_heart:" style="background-image: url(&quot;http://localhost:8065/static/emoji/1f49d.png&quot;);">:gift_heart:</span></span> <span data-emoticon="dolls"><span alt=":dolls:" class="emoticon" title=":dolls:" style="background-image: url(&quot;http://localhost:8065/static/emoji/1f38e.png&quot;);">:dolls:</span></span>  </p>
+</blockquote>
+<p><strong>The following text should render in two block quotes separated by one line of text:</strong></p>
+<blockquote>
+<p>Block quote 1</p>
+</blockquote>
+<p>Text between block quotes</p>
+<blockquote>
+<p>Block quote 2</p>
+</blockquote>
+<h3 class="markdown__heading">Headings</h3><h1 class="markdown__heading">Heading 1 font size</h1><h2 class="markdown__heading">Heading 2 font size</h2><h3 class="markdown__heading">Heading 3 font size</h3><h4 class="markdown__heading">Heading 4 font size</h4><h5 class="markdown__heading">Heading 5 font size</h5><h6 class="markdown__heading">Heading 6 font size</h6>

e2e-tests/cypress/tests/fixtures/markdown/markdown_text_style.html

@@ -0,0 +1,13 @@
+<h3 class="markdown__heading">Text Style</h3><p><strong>The following text should render as:</strong>
+<em>Italics</em>
+<em>Ita_lics</em>
+<em>Italics</em>
+<strong>Bold</strong>
+<strong><em>Bold-italics</em></strong>
+<strong><em>Bold-italics</em></strong>
+<del>Strikethrough</del></p>
+<p>This sentence contains <strong>bold</strong>, <em>italic</em>, <strong><em>bold-italic</em></strong>, and <del>strikethrough</del> text.</p>
+<p><strong>The following should render as normal text:</strong>
+Normal Text_
+_Normal Text
+_Normal Text*</p>

e2e-tests/cypress/tests/fixtures/markdown/markdown_text_style.md

@@ -0,0 +1,17 @@
+### Text Style
+
+**The following text should render as:**
+_Italics_
+_Ita_lics_
+*Italics*
+**Bold**
+***Bold-italics***
+**_Bold-italics_**
+~~Strikethrough~~
+
+This sentence contains **bold**, _italic_, ***bold-italic***, and ~~strikethrough~~ text.
+
+**The following should render as normal text:**
+Normal Text_
+_Normal Text
+_Normal Text*

e2e-tests/cypress/tests/fixtures/markdown/markdown_typescript.html

@@ -0,0 +1,9 @@
+<div class="post-code"><span class="post-code__language">TypeScript</span><div class="hljs"><div class="post-code__line-numbers">1
+2</div><code><span class="hljs-keyword">const</span> message: <span class="hljs-built_in">string</span> = <span class="hljs-string">'hello world'</span>;
+<span class="hljs-built_in">console</span>.log(message);</code></div></div><p>and</p>
+<div class="post-code"><span class="post-code__language">TypeScript</span><div class="hljs"><div class="post-code__line-numbers">1
+2</div><code><span class="hljs-keyword">const</span> message: <span class="hljs-built_in">string</span> = <span class="hljs-string">'hello world'</span>;
+<span class="hljs-built_in">console</span>.log(message);</code></div></div><p>and</p>
+<div class="post-code"><span class="post-code__language">TypeScript</span><div class="hljs"><div class="post-code__line-numbers">1
+2</div><code><span class="hljs-keyword">const</span> message: <span class="hljs-built_in">string</span> = <span class="hljs-string">'hello world'</span>;
+<span class="hljs-built_in">console</span>.log(message);</code></div></div>

e2e-tests/cypress/tests/fixtures/markdown/markdown_typescript.md

@@ -0,0 +1,17 @@
+```ts
+const message: string = 'hello world';
+console.log(message);
+```
+and
+
+```tsx
+const message: string = 'hello world';
+console.log(message);
+```
+
+and
+
+```typescript
+const message: string = 'hello world';
+console.log(message);
+```