diff --git a/2/test/testrunner.js b/2/test/testrunner.js index 153f83cd..95c75e23 100644 --- a/2/test/testrunner.js +++ b/2/test/testrunner.js @@ -1,8 +1,7 @@ var webpage = require('webpage'), urls = [ - '2/test/index.html', - 'test.html' + '2/test/index.html' ] ; diff --git a/test.html b/test.html deleted file mode 100644 index eccad303..00000000 --- a/test.html +++ /dev/null @@ -1,65 +0,0 @@ - - - - twemoji test - - - - - - - -
- - - - - diff --git a/test.js b/test.js deleted file mode 100644 index f54ff694..00000000 --- a/test.js +++ /dev/null @@ -1,556 +0,0 @@ - -/*! Copyright Twitter Inc. and other contributors. Licensed under MIT *//* - https://github.com/twitter/twemoji/blob/gh-pages/LICENSE -*/ - -var base = twemoji.base; -wru.test([{ - name: 'string parsing', - test: function () { - // without variant - wru.assert( - 'default parsing works', - twemoji.parse('I \u2764 emoji!') === - 'I \u2764 emoji!' - ); - // with "as image" variant - wru.assert( - 'default \uFE0F variant parsing works', - twemoji.parse('I \u2764\uFE0F emoji!') === - 'I \u2764\uFE0F emoji!' - ); - // with "as text" variant - wru.assert( - 'default \uFE0E variant parsing works', - twemoji.parse('I \u2764\uFE0E emoji!') === - 'I \u2764\uFE0E emoji!' - ); - } -},{ - name: 'string parsing + size', - test: function () { - wru.assert( - 'number is squared', - twemoji.parse('I \u2764 emoji!', {size: 72}) === - 'I \u2764 emoji!' - ); - wru.assert( - 'string is preserved', - twemoji.parse('I \u2764 emoji!', {size: 'any-size'}) === - 'I \u2764 emoji!' - ); - } -},{ - name: 'string parsing + callback', - test: function () { - var result = false; - twemoji.parse('I \u2764 emoji!', function (icon, options, variant) { - result = icon === '2764' && options.size === '36x36' && !variant; - }); - wru.assert('works OK without variant', result); - result = false; - twemoji.parse('I \u2764\uFE0F emoji!', function (icon, options, variant) { - result = icon === '2764' && options.size === '36x36' && variant === '\uFE0F'; - }); - wru.assert('works OK with variant', result); - result = true; - twemoji.parse('I \u2764\uFE0E emoji!', function (icon, options, variant) { - result = false; - }); - wru.assert('not invoked when \uFE0E is matched', result); - } -},{ - name: 'string parsing + callback returning `falsy`', - test: function () { - wru.assert( - 'does not add an image', - 'I \u2764\uFE0F emoji!' === - twemoji.parse('I \u2764\uFE0F emoji!', function () {}) - ); - } -},{ - name: 'string parsing + callback + size', - test: function () { - wru.assert( - 'size is overwritten', - 'I \u2764 emoji!' === - twemoji.parse( - 'I \u2764 emoji!', - { - base: '', - size: 72 - } - ) - ); - } -},{ - name: 'twemoji.replace(str, callback)', - test: function () { - var result = false; - var str = twemoji.replace('I \u2764\uFE0E emoji!', function (match, emoji, variant) { - result = match === '\u2764\uFE0E' && - emoji === '\u2764\uFE0E' && - variant === '\uFE0E'; - return '<3'; - }); - wru.assert('all exepected values are passed through', result); - wru.assert('returned value is the expected', str === 'I <3 emoji!'); - } -},{ - name: 'twemoji.test(str)', - test: function () { - wru.assert( - twemoji.test('I \u2764 emoji!') && - twemoji.test('I \u2764\uFE0F emoji!') && - twemoji.test('I \u2764\uFE0E emoji!') && - !twemoji.test('nope') - ); - } -},{ - name: 'DOM parsing', - test: function () { - var img, - // without variant - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764 emoji!')); - twemoji.parse(div); - wru.assert('default parsing works creating 3 nodes', div.childNodes.length === 3); - wru.assert('first child is the expected one', div.removeChild(div.firstChild).nodeValue === 'I '); - img = div.removeChild(div.firstChild); - wru.assert('second child is the image', img.nodeName === 'IMG'); - wru.assert('img attributes are OK', - img.className === 'emoji' && - img.getAttribute('draggable') === 'false' && - img.src === base + '36x36/2764.png' && - img.alt === '\u2764' && - img.onerror === twemoji.onerror - ); - wru.assert('last child is the expected one', div.removeChild(div.firstChild).nodeValue === ' emoji!'); - // with "as image" variant - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764\uFE0F emoji!')); - twemoji.parse(div); - wru.assert('default parsing created 3 nodes', div.childNodes.length === 3); - wru.assert('first child is the expected one', div.removeChild(div.firstChild).nodeValue === 'I '); - img = div.removeChild(div.firstChild); - wru.assert('second child is the image', img.nodeName === 'IMG'); - wru.assert('img attributes are OK', - img.className === 'emoji' && - img.getAttribute('draggable') === 'false' && - img.src === base + '36x36/2764.png' && - img.alt === '\u2764\uFE0F' && - img.onerror === twemoji.onerror - ); - wru.assert('last child is the expected one', div.removeChild(div.firstChild).nodeValue === ' emoji!'); - // with "as text" variant - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764\uFE0E emoji!')); - twemoji.parse(div); - wru.assert('default parsing did NOT create 3 nodes anyway', div.childNodes.length === 1); - } -},{ - name: 'DOM parsing + size', - test: function () { - var img, - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764 emoji!')); - twemoji.parse(div, {size: 16}); - wru.assert('default parsing works creating 3 nodes', div.childNodes.length === 3); - wru.assert('first child is the expected one', div.removeChild(div.firstChild).nodeValue === 'I '); - img = div.removeChild(div.firstChild); - wru.assert('second child is the image', img.nodeName === 'IMG'); - wru.assert('img attributes are OK', - img.className === 'emoji' && - img.getAttribute('draggable') === 'false' && - img.src === base + '16x16/2764.png' && - img.alt === '\u2764' && - img.onerror === twemoji.onerror - ); - wru.assert('last child is the expected one', div.removeChild(div.firstChild).nodeValue === ' emoji!'); - } -},{ - name: 'DOM parsing + callback', - test: function () { - var result = false, - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764 emoji!')); - twemoji.parse(div, function (icon, options, variant) { - result = icon === '2764' && options.size === '36x36' && !variant; - }); - wru.assert('works OK without variant', result); - result = false; - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764\uFE0F emoji!')); - twemoji.parse(div, function (icon, options, variant) { - result = icon === '2764' && options.size === '36x36' && variant === '\uFE0F'; - }); - wru.assert('works OK with variant', result); - result = true; - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764\uFE0E emoji!')); - twemoji.parse(div, function (icon, options, variant) { - result = false; - }); - wru.assert('not invoked when \uFE0E is matched', result); - } -},{ - name: 'DOM parsing + callback returning `falsy`', - test: function () { - var div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764 emoji!')); - twemoji.parse(div, function () {}); - wru.assert(div.innerHTML === 'I \u2764 emoji!'); - } -},{ - name: 'DOM parsing + callback + size', - test: function () { - var result = false, - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764 emoji!')); - twemoji.parse(div, { - size: 16, - callback: function (icon, options, variant) { - result = icon === '2764' && options.size === '16x16' && !variant; - } - }); - wru.assert('works OK without variant', result); - result = false; - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764\uFE0F emoji!')); - twemoji.parse(div, { - size: 72, - callback: function (icon, options, variant) { - result = icon === '2764' && options.size === '72x72' && !!variant; - } - }); - wru.assert('works OK with variant', result); - } -},{ - name: 'nested nodes', - test: function () { - var str = '\u2764', - div = document.createElement('div'), - p, - img; - div.innerHTML = '

I \u2764 emoji!

I \u2764 them too

'; - p = div.getElementsByTagName('p'); - twemoji.parse(div); - wru.assert('preserved structure', p.length === 2); - img = div.getElementsByTagName('img'); - wru.assert('correct amount of images found', img.length === 2); - wru.assert('images are in the right place', - img[0].parentNode === p[0] && - img[1].parentNode === p[1] - ); - } -},{ - name: 'only nodes are affected', - test: function () { - var div = document.createElement('div'); - var innerHTML = '
'; - div.innerHTML = innerHTML; - twemoji.parse(div); - wru.assert(!/]+?>/i, '') === html); - } -},{ - name: 'string parsing + className', - test: function () { - var className = 'img-' + Math.random(); - var img = 'I \u2764 emoji!'; - wru.assert( - 'className is overwritten', - img === - twemoji.parse( - 'I \u2764 emoji!', - { - className: className, - base: '' - } - ) - ); - } -},{ - name: 'DOM parsing + className', - test: function () { - var className = 'img-' + Math.random(); - var img, - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764 emoji!')); - twemoji.parse(div, {className: className}); - wru.assert( - 'className is overwritten', - div.getElementsByTagName('img')[0].className === className - ); - } -},{ - name: 'string parsing + attributes callback', - test: function () { - wru.assert( - 'custom attributes are inserted', - 'I \u2764 emoji!' === - twemoji.parse( - 'I \u2764 emoji!', - { - attributes: function(icon) { - return { - title: 'Emoji: ' + icon, - 'data-test': 'We all <3 emoji' - }; - } - } - ) - ); - } -},{ - name: 'string parsing + attributes callback content properly encoded', - test: function () { - wru.assert( - 'custom attributes are inserted', - 'I \u2764 emoji!' === - twemoji.parse( - 'I \u2764 emoji!', - { - attributes: function(icon) { - return { - title: '&lt;script&gt;alert("yo")&lt;/script&gt;' - }; - } - } - ) - ); - } -},{ - name: 'string parsing + attributes callback "on" attributes are omitted', - test: function () { - wru.assert( - 'custom attributes are inserted', - 'I ❤ emoji!' === - twemoji.parse( - 'I \u2764 emoji!', - { - attributes: function(icon) { - return { - title: 'test', - onsomething: 'whoops!', - onclick: 'nope', - onmousedown: 'nada' - }; - } - } - ) - ); - } -},{ - name: 'DOM parsing + attributes callback', - test: function () { - var img, - // without variant - div = document.createElement('div'); - div.appendChild(document.createTextNode('I \u2764 emoji!')); - twemoji.parse( - div, { - attributes: function(icon) { - return { - title: 'Emoji: ' + icon, - 'data-test': 'We all <3 emoji', - onclick: 'nope', - onmousedown: 'nada' - }; - } - } - - ); - wru.assert('default parsing works creating 3 nodes', div.childNodes.length === 3); - wru.assert('first child is the expected one', div.removeChild(div.firstChild).nodeValue === 'I '); - img = div.removeChild(div.firstChild); - wru.assert('second child is the image', img.nodeName === 'IMG'); - wru.assert('img attributes are OK', - img.className === 'emoji' && - img.getAttribute('draggable') === 'false' && - img.src === base + '36x36/2764.png' && - img.alt === '\u2764' && - img.onerror === twemoji.onerror && - img.getAttribute('title') === 'Emoji: \u2764' && - img.getAttribute('data-test') === 'We all <3 emoji' - ); - wru.assert('img on attributes are omitted', - img.onclick === null && - img.onmousedown === null - ); - } -},{ - name: 'folder option', - test: function () { - var img = 'I \u2764 emoji!'; - wru.assert( - 'folder is accepted', - img === - twemoji.parse( - 'I \u2764 emoji!', - { - folder: 'svg', - ext: '.svg', - base: '' - } - ) - ); - wru.assert( - 'folder overwrites size', - img === - twemoji.parse( - 'I \u2764 emoji!', - { - size: 72, - folder: 'svg', - ext: '.svg', - base: '' - } - ) - ); - } -},{ - name: 'non standard OSX variant', - test: function () { - var div = document.createElement('div'); - div.innerHTML = '5\ufe0f\u20e3'; - twemoji.parse(div); - wru.assert('recognized as graphical', - div.firstChild.className === 'emoji' && - div.firstChild.getAttribute('draggable') === 'false' && - div.firstChild.getAttribute('alt') === "5️⃣" && - div.firstChild.src === 'http://twemoji.maxcdn.com/36x36/35-20e3.png' - ); - wru.assert('the length is preserved', - div.getElementsByTagName('img')[0].alt.length === 3); - } -},{ - name: 'same but standard OSX without variant', - test: function () { - var div = document.createElement('div'); - div.innerHTML = '5\u20e3'; - twemoji.parse(div); - wru.assert('recognized as graphical', - div.firstChild.className === 'emoji' && - div.firstChild.getAttribute('draggable') === 'false' && - div.firstChild.getAttribute('alt') === "5⃣" && - div.firstChild.src === 'http://twemoji.maxcdn.com/36x36/35-20e3.png' - ); - wru.assert('the length is preserved', - div.getElementsByTagName('img')[0].alt.length === 2); - } -},{ - name: 'multiple parsing using a callback', - test: function () { - wru.assert( - 'FE0E is still ignored', - twemoji.parse('\u25c0 \u25c0\ufe0e \u25c0\ufe0f', { - callback: function(icon){ return 'icon'; } - }) === - '\u25c0 \u25c0\ufe0e \u25c0\ufe0f' - ); - } -},{ - name: 'non standard variant within others', - test: function () { - var a = [ - 'normal', - 'forced-as-text', - 'forced-as-apple-graphic', - 'forced-as-graphic' - ]; - wru.assert('normal forced-as-text forced-as-apple-graphic forced-as-graphic' === - twemoji.replace('\u25c0 \u25c0\ufe0e 5\ufe0f\u20e3 \u25c0\ufe0f', function(match, icon, variant){ - if (variant === '\uFE0E') return a[1]; - if (variant === '\uFE0F') return a[3]; - if (!variant) return a[ - icon.length === 3 && icon.charAt(1) === '\uFE0F' ? 2 : 0 - ]; - }) - ); - } -},{ - name: 'invalid variants and chars', - test: function () { - var div = document.createElement('div'); - var img; - div.innerHTML = twemoji.parse('"\u2b1c\uFE0F"'); - img = div.getElementsByTagName('img')[0]; - wru.assert('correct img.alt 1', img.alt === "\u2b1c\uFE0F"); - wru.assert('correct img.src 1', img.src.slice(-8) === '2b1c.png'); - // other variants should be ignored - div.innerHTML = twemoji.parse('"\u2b1c\uFE00"'); - img = div.getElementsByTagName('img')[0]; - wru.assert('correct img.alt 2', img.alt === "\u2b1c"); - wru.assert('correct img.src 2', img.src.slice(-8) === '2b1c.png'); - div.removeChild(img); - // the variant without meanings are still there - div.innerHTML === '"\uFE00"'; - // when there is a trailing \uFE0E there should be no image - div.innerHTML = twemoji.parse('"\u2b1c\uFE0E"'); - wru.assert('correct length', div.getElementsByTagName('img').length === 0); - wru.assert('expected html', div.innerHTML === '"\u2b1c\uFE0E"'); - } -}, { - name: 'SVG Elements are ignored', - test: function () { - if (typeof SVGElement !== 'undefined') { - var innerHTML, div = document.createElement('div'); - div.innerHTML = '' + - '' + - '' + - '' + - '
I \u2764 emoji!
' + - '' + - '' + - ''; - // grab the normalized one - innerHTML = div.innerHTML; - twemoji.parse(div); - wru.assert('nothing changed', innerHTML === div.innerHTML); - } else { - wru.assert('nothing to do here'); - } - } -}, { - name: 'using a different onerror', - test: function () { - var Image = window.Image; - window.Image = function () { - var self = new Image; - setTimeout(function () { - window.Image = Image; - self.onerror(); - }, 10); - return self; - }; - var div = document.createElement('div'); - div.innerHTML = '5\ufe0f\u20e3'; - twemoji.parse(div, {onerror: wru.async(function () { - wru.assert('OK'); - })}); - } -}]); \ No newline at end of file