summaryrefslogtreecommitdiffstats
path: root/webapp
diff options
context:
space:
mode:
authorVeraLyu <lvroyce0210@gmail.com>2017-03-15 22:07:50 +0800
committerHarrison Healey <harrisonmhealey@gmail.com>2017-03-15 10:07:50 -0400
commit33d472c090ad1009f73ecc5a96decc15c57329be (patch)
tree107ee7aa21ac7099f56a3f17503eafcad46905b6 /webapp
parent43d56be34a4b712a516e40d73427a1c537c24821 (diff)
downloadchat-33d472c090ad1009f73ecc5a96decc15c57329be.tar.gz
chat-33d472c090ad1009f73ecc5a96decc15c57329be.tar.bz2
chat-33d472c090ad1009f73ecc5a96decc15c57329be.zip
PLT-5321: Add markdown unit tests for images (#5770)
Diffstat (limited to 'webapp')
-rw-r--r--webapp/tests/formatting_imgs.test.jsx55
1 files changed, 55 insertions, 0 deletions
diff --git a/webapp/tests/formatting_imgs.test.jsx b/webapp/tests/formatting_imgs.test.jsx
new file mode 100644
index 000000000..604472671
--- /dev/null
+++ b/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();
+ });
+});