PLT-5321: Add markdown unit tests for images (#5770)

webapp/tests/formatting_imgs.test.jsx

@@ -0,0 +1,55 @@
+// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import assert from 'assert';
+
+import * as Markdown from 'utils/markdown.jsx';
+
+describe('Markdown.Imgs', function() {
+    this.timeout(10000);
+
+    it('Inline mage', function(done) {
+        assert.equal(
+            Markdown.format('![Mattermost](/images/icon.png)').trim(),
+            '<p><img src="/images/icon.png" alt="Mattermost" onload="window.markdownImageLoaded(this)" onerror="window.markdownImageLoaded(this)" class="markdown-inline-img"></p>'
+        );
+
+        done();
+    });
+
+    it('Image with hover text', function(done) {
+        assert.equal(
+            Markdown.format('![Mattermost](/images/icon.png "Mattermost Icon")').trim(),
+            '<p><img src="/images/icon.png" alt="Mattermost" title="Mattermost Icon" onload="window.markdownImageLoaded(this)" onerror="window.markdownImageLoaded(this)" class="markdown-inline-img"></p>'
+        );
+
+        done();
+    });
+
+    it('Image with link', function(done) {
+        assert.equal(
+            Markdown.format('[![Mattermost](../../images/icon-76x76.png)](https://github.com/mattermost/platform)').trim(),
+            '<p><a class="theme markdown__link" href="https://github.com/mattermost/platform" rel="noreferrer" target="_blank"><img src="../../images/icon-76x76.png" alt="Mattermost" onload="window.markdownImageLoaded(this)" onerror="window.markdownImageLoaded(this)" class="markdown-inline-img"></a></p>'
+        );
+
+        done();
+    });
+
+    it('Image with width and height', function(done) {
+        assert.equal(
+            Markdown.format('![Mattermost](../../images/icon-76x76.png =50x76 "Mattermost Icon")').trim(),
+            '<p><img src="../../images/icon-76x76.png" alt="Mattermost" title="Mattermost Icon" width="50" height="76" onload="window.markdownImageLoaded(this)" onerror="window.markdownImageLoaded(this)" class="markdown-inline-img"></p>'
+        );
+
+        done();
+    });
+
+    it('Image with width', function(done) {
+        assert.equal(
+            Markdown.format('![Mattermost](../../images/icon-76x76.png =50 "Mattermost Icon")').trim(),
+            '<p><img src="../../images/icon-76x76.png" alt="Mattermost" title="Mattermost Icon" width="50" onload="window.markdownImageLoaded(this)" onerror="window.markdownImageLoaded(this)" class="markdown-inline-img"></p>'
+        );
+
+        done();
+    });
+});