diff options
Diffstat (limited to 'webapp/tests')
-rw-r--r-- | webapp/tests/formatting_links.test.jsx | 504 |
1 files changed, 504 insertions, 0 deletions
diff --git a/webapp/tests/formatting_links.test.jsx b/webapp/tests/formatting_links.test.jsx new file mode 100644 index 000000000..237ef6121 --- /dev/null +++ b/webapp/tests/formatting_links.test.jsx @@ -0,0 +1,504 @@ +// 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'; +import * as TextFormatting from 'utils/text_formatting.jsx'; + +describe('Markdown.Links', function() { + this.timeout(10000); + + it('Not links', function(done) { + assert.equal( + Markdown.format('example.com').trim(), + '<p>example.com</p>' + ); + + assert.equal( + Markdown.format('readme.md').trim(), + '<p>readme.md</p>' + ); + + assert.equal( + Markdown.format('@example.com').trim(), + '<p>@example.com</p>' + ); + + assert.equal( + Markdown.format('./make-compiled-client.sh').trim(), + '<p>./make-compiled-client.sh</p>' + ); + + assert.equal( + Markdown.format('test.:test').trim(), + '<p>test.:test</p>' + ); + + assert.equal( + Markdown.format('`https://example.com`').trim(), + '<p>' + + '<span class="codespan__pre-wrap">' + + '<code>' + + 'https://example.com' + + '</code>' + + '</span>' + + '</p>' + ); + + assert.equal( + Markdown.format('[link](example.com').trim(), + '<p>[link](example.com</p>' + ); + + done(); + }); + + it('External links', function(done) { + assert.equal( + Markdown.format('http://example.com').trim(), + '<p><a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">http://example.com</a></p>' + ); + + assert.equal( + Markdown.format('https://example.com').trim(), + '<p><a class="theme markdown__link" href="https://example.com" rel="noreferrer" target="_blank">https://example.com</a></p>' + ); + + assert.equal( + Markdown.format('www.example.com').trim(), + '<p><a class="theme markdown__link" href="http://www.example.com" rel="noreferrer" target="_blank">www.example.com</a></p>' + ); + + assert.equal( + Markdown.format('www.example.com/index').trim(), + '<p><a class="theme markdown__link" href="http://www.example.com/index" rel="noreferrer" target="_blank">www.example.com/index</a></p>' + ); + + assert.equal( + Markdown.format('www.example.com/index.html').trim(), + '<p><a class="theme markdown__link" href="http://www.example.com/index.html" rel="noreferrer" target="_blank">www.example.com/index.html</a></p>' + ); + + assert.equal( + Markdown.format('www.example.com/index/sub').trim(), + '<p><a class="theme markdown__link" href="http://www.example.com/index/sub" rel="noreferrer" target="_blank">www.example.com/index/sub</a></p>' + ); + + assert.equal( + Markdown.format('www1.example.com').trim(), + '<p><a class="theme markdown__link" href="http://www1.example.com" rel="noreferrer" target="_blank">www1.example.com</a></p>' + ); + + assert.equal( + Markdown.format('example.com/index').trim(), + '<p><a class="theme markdown__link" href="http://example.com/index" rel="noreferrer" target="_blank">example.com/index</a></p>' + ); + + done(); + }); + + it('IP addresses', function(done) { + assert.equal( + Markdown.format('http://127.0.0.1').trim(), + '<p><a class="theme markdown__link" href="http://127.0.0.1" rel="noreferrer" target="_blank">http://127.0.0.1</a></p>' + ); + + assert.equal( + Markdown.format('http://192.168.1.1:4040').trim(), + '<p><a class="theme markdown__link" href="http://192.168.1.1:4040" rel="noreferrer" target="_blank">http://192.168.1.1:4040</a></p>' + ); + + assert.equal( + Markdown.format('http://[::1]:80').trim(), + '<p><a class="theme markdown__link" href="http://[::1]:80" rel="noreferrer" target="_blank">http://[::1]:80</a></p>' + ); + + assert.equal( + Markdown.format('http://[::1]:8065').trim(), + '<p><a class="theme markdown__link" href="http://[::1]:8065" rel="noreferrer" target="_blank">http://[::1]:8065</a></p>' + ); + + assert.equal( + Markdown.format('https://[::1]:80').trim(), + '<p><a class="theme markdown__link" href="https://[::1]:80" rel="noreferrer" target="_blank">https://[::1]:80</a></p>' + ); + + assert.equal( + Markdown.format('http://[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:80').trim(), + '<p><a class="theme markdown__link" href="http://[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:80" rel="noreferrer" target="_blank">http://[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:80</a></p>' + ); + + assert.equal( + Markdown.format('http://[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:8065').trim(), + '<p><a class="theme markdown__link" href="http://[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:8065" rel="noreferrer" target="_blank">http://[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:8065</a></p>' + ); + + assert.equal( + Markdown.format('https://[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:443').trim(), + '<p><a class="theme markdown__link" href="https://[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:443" rel="noreferrer" target="_blank">https://[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:443</a></p>' + ); + + assert.equal( + Markdown.format('http://username:password@127.0.0.1').trim(), + '<p><a class="theme markdown__link" href="http://username:password@127.0.0.1" rel="noreferrer" target="_blank">http://username:password@127.0.0.1</a></p>' + ); + + assert.equal( + Markdown.format('http://username:password@[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:80').trim(), + '<p><a class="theme markdown__link" href="http://username:password@[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:80" rel="noreferrer" target="_blank">http://username:password@[2001:0:5ef5:79fb:303a:62d5:3312:ff42]:80</a></p>' + ); + + done(); + }); + + it('Links with anchors', function(done) { + assert.equal( + Markdown.format('https://en.wikipedia.org/wiki/URLs#Syntax').trim(), + '<p><a class="theme markdown__link" href="https://en.wikipedia.org/wiki/URLs#Syntax" rel="noreferrer" target="_blank">https://en.wikipedia.org/wiki/URLs#Syntax</a></p>' + ); + + assert.equal( + Markdown.format('https://groups.google.com/forum/#!msg').trim(), + '<p><a class="theme markdown__link" href="https://groups.google.com/forum/#!msg" rel="noreferrer" target="_blank">https://groups.google.com/forum/#!msg</a></p>' + ); + + done(); + }); + + it('Links with parameters', function(done) { + assert.equal( + Markdown.format('www.example.com/index?params=1').trim(), + '<p><a class="theme markdown__link" href="http://www.example.com/index?params=1" rel="noreferrer" target="_blank">www.example.com/index?params=1</a></p>' + ); + + assert.equal( + Markdown.format('www.example.com/index?params=1&other=2').trim(), + '<p><a class="theme markdown__link" href="http://www.example.com/index?params=1&other=2" rel="noreferrer" target="_blank">www.example.com/index?params=1&other=2</a></p>' + ); + + assert.equal( + Markdown.format('www.example.com/index?params=1;other=2').trim(), + '<p><a class="theme markdown__link" href="http://www.example.com/index?params=1;other=2" rel="noreferrer" target="_blank">www.example.com/index?params=1;other=2</a></p>' + ); + + assert.equal( + Markdown.format('http://example.com:8065').trim(), + '<p><a class="theme markdown__link" href="http://example.com:8065" rel="noreferrer" target="_blank">http://example.com:8065</a></p>' + ); + + assert.equal( + Markdown.format('http://username:password@example.com').trim(), + '<p><a class="theme markdown__link" href="http://username:password@example.com" rel="noreferrer" target="_blank">http://username:password@example.com</a></p>' + ); + + done(); + }); + + it('Special characters', function(done) { + assert.equal( + Markdown.format('http://www.example.com/_/page').trim(), + '<p><a class="theme markdown__link" href="http://www.example.com/_/page" rel="noreferrer" target="_blank">http://www.example.com/_/page</a></p>' + ); + + assert.equal( + Markdown.format('www.example.com/_/page').trim(), + '<p><a class="theme markdown__link" href="http://www.example.com/_/page" rel="noreferrer" target="_blank">www.example.com/_/page</a></p>' + ); + + assert.equal( + Markdown.format('https://en.wikipedia.org/wiki/🐬').trim(), + '<p><a class="theme markdown__link" href="https://en.wikipedia.org/wiki/🐬" rel="noreferrer" target="_blank">https://en.wikipedia.org/wiki/🐬</a></p>' + ); + + assert.equal( + Markdown.format('http://✪df.ws/1234').trim(), + '<p><a class="theme markdown__link" href="http://✪df.ws/1234" rel="noreferrer" target="_blank">http://✪df.ws/1234</a></p>' + ); + + done(); + }); + + it('Brackets', function(done) { + assert.equal( + Markdown.format('https://en.wikipedia.org/wiki/Rendering_(computer_graphics)').trim(), + '<p><a class="theme markdown__link" href="https://en.wikipedia.org/wiki/Rendering_(computer_graphics)" rel="noreferrer" target="_blank">https://en.wikipedia.org/wiki/Rendering_(computer_graphics)</a></p>' + ); + + assert.equal( + Markdown.format('http://example.com/more_(than)_one_(parens)').trim(), + '<p><a class="theme markdown__link" href="http://example.com/more_(than)_one_(parens)" rel="noreferrer" target="_blank">http://example.com/more_(than)_one_(parens)</a></p>' + ); + + assert.equal( + Markdown.format('http://example.com/(something)?after=parens').trim(), + '<p><a class="theme markdown__link" href="http://example.com/(something)?after=parens" rel="noreferrer" target="_blank">http://example.com/(something)?after=parens</a></p>' + ); + + assert.equal( + Markdown.format('http://foo.com/unicode_(✪)_in_parens').trim(), + '<p><a class="theme markdown__link" href="http://foo.com/unicode_(✪)_in_parens" rel="noreferrer" target="_blank">http://foo.com/unicode_(✪)_in_parens</a></p>' + ); + + done(); + }); + + it('Email addresses', function(done) { + assert.equal( + Markdown.format('test@example.com').trim(), + '<p><a class="theme" href="mailto:test@example.com">test@example.com</a></p>' + ); + assert.equal( + Markdown.format('test_underscore@example.com').trim(), + '<p><a class="theme" href="mailto:test_underscore@example.com">test_underscore@example.com</a></p>' + ); + + assert.equal( + Markdown.format('mailto:test@example.com').trim(), + '<p><a class="theme markdown__link" href="mailto:test@example.com" rel="noreferrer" target="_blank">mailto:test@example.com</a></p>' + ); + + done(); + }); + + it('Formatted links', function(done) { + assert.equal( + Markdown.format('*https://example.com*').trim(), + '<p><em><a class="theme markdown__link" href="https://example.com" rel="noreferrer" target="_blank">https://example.com</a></em></p>' + ); + + assert.equal( + Markdown.format('_https://example.com_').trim(), + '<p><em><a class="theme markdown__link" href="https://example.com" rel="noreferrer" target="_blank">https://example.com</a></em></p>' + ); + + assert.equal( + Markdown.format('**https://example.com**').trim(), + '<p><strong><a class="theme markdown__link" href="https://example.com" rel="noreferrer" target="_blank">https://example.com</a></strong></p>' + ); + + assert.equal( + Markdown.format('__https://example.com__').trim(), + '<p><strong><a class="theme markdown__link" href="https://example.com" rel="noreferrer" target="_blank">https://example.com</a></strong></p>' + ); + + assert.equal( + Markdown.format('***https://example.com***').trim(), + '<p><strong><em><a class="theme markdown__link" href="https://example.com" rel="noreferrer" target="_blank">https://example.com</a></em></strong></p>' + ); + + assert.equal( + Markdown.format('___https://example.com___').trim(), + '<p><strong><em><a class="theme markdown__link" href="https://example.com" rel="noreferrer" target="_blank">https://example.com</a></em></strong></p>' + ); + + assert.equal( + Markdown.format('<https://example.com>').trim(), + '<p><a class="theme markdown__link" href="https://example.com" rel="noreferrer" target="_blank">https://example.com</a></p>' + ); + + assert.equal( + Markdown.format('<https://en.wikipedia.org/wiki/Rendering_(computer_graphics)>').trim(), + '<p><a class="theme markdown__link" href="https://en.wikipedia.org/wiki/Rendering_(computer_graphics)" rel="noreferrer" target="_blank">https://en.wikipedia.org/wiki/Rendering_(computer_graphics)</a></p>' + ); + + done(); + }); + + it('Links with text', function(done) { + assert.equal( + Markdown.format('[example link](example.com)').trim(), + '<p><a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">example link</a></p>' + ); + + assert.equal( + Markdown.format('[example.com](example.com)').trim(), + '<p><a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">example.com</a></p>' + ); + + assert.equal( + Markdown.format('[example.com/other](example.com)').trim(), + '<p><a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">example.com/other</a></p>' + ); + + assert.equal( + Markdown.format('[example.com/other_link](example.com/example)').trim(), + '<p><a class="theme markdown__link" href="http://example.com/example" rel="noreferrer" target="_blank">example.com/other_link</a></p>' + ); + + assert.equal( + Markdown.format('[link with spaces](example.com/ spaces in the url)').trim(), + '<p><a class="theme markdown__link" href="http://example.com/ spaces in the url" rel="noreferrer" target="_blank">link with spaces</a></p>' + ); + + assert.equal( + Markdown.format('[This whole #sentence should be a link](https://example.com)').trim(), + '<p><a class="theme markdown__link" href="https://example.com" rel="noreferrer" target="_blank">This whole #sentence should be a link</a></p>' + ); + + assert.equal( + Markdown.format('[email link](mailto:test@example.com)').trim(), + '<p><a class="theme markdown__link" href="mailto:test@example.com" rel="noreferrer" target="_blank">email link</a></p>' + ); + + assert.equal( + Markdown.format('[other link](ts3server://example.com)').trim(), + '<p><a class="theme markdown__link" href="ts3server://example.com" rel="noreferrer" target="_blank">other link</a></p>' + ); + + done(); + }); + + it('Links with tooltips', function(done) { + assert.equal( + Markdown.format('[link](example.com "catch phrase!")').trim(), + '<p><a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank" title="catch phrase!">link</a></p>' + ); + + assert.equal( + Markdown.format('[link](example.com "title with "quotes"")').trim(), + '<p><a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank" title="title with "quotes"">link</a></p>' + ); + assert.equal( + Markdown.format('[link with spaces](example.com/ spaces in the url "and a title")').trim(), + '<p><a class="theme markdown__link" href="http://example.com/ spaces in the url" rel="noreferrer" target="_blank" title="and a title">link with spaces</a></p>' + ); + + done(); + }); + + it('Links with surrounding text', function(done) { + assert.equal( + Markdown.format('This is a sentence with a http://example.com in it.').trim(), + '<p>This is a sentence with a <a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">http://example.com</a> in it.</p>' + ); + + assert.equal( + Markdown.format('This is a sentence with a http://example.com/_/underscore in it.').trim(), + '<p>This is a sentence with a <a class="theme markdown__link" href="http://example.com/_/underscore" rel="noreferrer" target="_blank">http://example.com/_/underscore</a> in it.</p>' + ); + + assert.equal( + Markdown.format('This is a sentence with a http://192.168.1.1:4040 in it.').trim(), + '<p>This is a sentence with a <a class="theme markdown__link" href="http://192.168.1.1:4040" rel="noreferrer" target="_blank">http://192.168.1.1:4040</a> in it.</p>' + ); + + assert.equal( + Markdown.format('This is a sentence with a https://[::1]:80 in it.').trim(), + '<p>This is a sentence with a <a class="theme markdown__link" href="https://[::1]:80" rel="noreferrer" target="_blank">https://[::1]:80</a> in it.</p>' + ); + + done(); + }); + + it('Links with trailing punctuation', function(done) { + assert.equal( + Markdown.format('This is a link to http://example.com.').trim(), + '<p>This is a link to <a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">http://example.com</a>.</p>' + ); + + assert.equal( + Markdown.format('This is a link containing http://example.com/something?with,commas,in,url, but not at the end').trim(), + '<p>This is a link containing <a class="theme markdown__link" href="http://example.com/something?with,commas,in,url" rel="noreferrer" target="_blank">http://example.com/something?with,commas,in,url</a>, but not at the end</p>' + ); + + assert.equal( + Markdown.format('This is a question about a link http://example.com?').trim(), + '<p>This is a question about a link <a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">http://example.com</a>?</p>' + ); + + done(); + }); + + it('Links with surrounding brackets', function(done) { + assert.equal( + Markdown.format('(http://example.com)').trim(), + '<p>(<a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">http://example.com</a>)</p>' + ); + + assert.equal( + Markdown.format('(see http://example.com)').trim(), + '<p>(see <a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">http://example.com</a>)</p>' + ); + + assert.equal( + Markdown.format('(http://example.com watch this)').trim(), + '<p>(<a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">http://example.com</a> watch this)</p>' + ); + + assert.equal( + Markdown.format('(www.example.com)').trim(), + '<p>(<a class="theme markdown__link" href="http://www.example.com" rel="noreferrer" target="_blank">www.example.com</a>)</p>' + ); + + assert.equal( + Markdown.format('(see www.example.com)').trim(), + '<p>(see <a class="theme markdown__link" href="http://www.example.com" rel="noreferrer" target="_blank">www.example.com</a>)</p>' + ); + + assert.equal( + Markdown.format('(www.example.com watch this)').trim(), + '<p>(<a class="theme markdown__link" href="http://www.example.com" rel="noreferrer" target="_blank">www.example.com</a> watch this)</p>' + ); + assert.equal( + Markdown.format('([link](http://example.com))').trim(), + '<p>(<a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">link</a>)</p>' + ); + + assert.equal( + Markdown.format('(see [link](http://example.com))').trim(), + '<p>(see <a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">link</a>)</p>' + ); + + assert.equal( + Markdown.format('([link](http://example.com) watch this)').trim(), + '<p>(<a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">link</a> watch this)</p>' + ); + + assert.equal( + Markdown.format('(test@example.com)').trim(), + '<p>(<a class="theme" href="mailto:test@example.com">test@example.com</a>)</p>' + ); + + assert.equal( + Markdown.format('(email test@example.com)').trim(), + '<p>(email <a class="theme" href="mailto:test@example.com">test@example.com</a>)</p>' + ); + + assert.equal( + Markdown.format('(test@example.com email)').trim(), + '<p>(<a class="theme" href="mailto:test@example.com">test@example.com</a> email)</p>' + ); + + assert.equal( + Markdown.format('This is a sentence with a [link](http://example.com) in it.').trim(), + '<p>This is a sentence with a <a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">link</a> in it.</p>' + ); + + assert.equal( + Markdown.format('This is a sentence with a link (http://example.com) in it.').trim(), + '<p>This is a sentence with a link (<a class="theme markdown__link" href="http://example.com" rel="noreferrer" target="_blank">http://example.com</a>) in it.</p>' + ); + + assert.equal( + Markdown.format('This is a sentence with a (https://en.wikipedia.org/wiki/Rendering_(computer_graphics)) in it.').trim(), + '<p>This is a sentence with a (<a class="theme markdown__link" href="https://en.wikipedia.org/wiki/Rendering_(computer_graphics)" rel="noreferrer" target="_blank">https://en.wikipedia.org/wiki/Rendering_(computer_graphics)</a>) in it.</p>' + ); + + done(); + }); + + it('Searching for links', function(done) { + assert.equal( + TextFormatting.formatText('https://en.wikipedia.org/wiki/Unix', {searchTerm: 'wikipedia'}).trim(), + '<p><a class="theme markdown__link search-highlight" href="https://en.wikipedia.org/wiki/Unix" rel="noreferrer" target="_blank">https:/<wbr />/<wbr />en.wikipedia.org/<wbr />wiki/<wbr />Unix</a></p>' + ); + + assert.equal( + TextFormatting.formatText('[Link](https://en.wikipedia.org/wiki/Unix)', {searchTerm: 'unix'}).trim(), + '<p><a class="theme markdown__link search-highlight" href="https://en.wikipedia.org/wiki/Unix" rel="noreferrer" target="_blank">Link</a></p>' + ); + + done(); + }); +}); |