2018-11-20 08:01:23 +00:00
|
|
|
|
/* global describe, it */
|
|
|
|
|
|
2018-12-11 15:31:48 +00:00
|
|
|
|
import { replaceEmoji } from '../../src/routes/_utils/replaceEmoji'
|
2018-11-20 08:01:23 +00:00
|
|
|
|
import assert from 'assert'
|
|
|
|
|
|
|
|
|
|
const mindBlown = String.fromCodePoint(0x1F92F)
|
|
|
|
|
const elephant = String.fromCodePoint(0x1F418)
|
|
|
|
|
const womanBowing = [0x1f647, 0x200d, 0x2640, 0xfe0f].map(_ => String.fromCodePoint(_)).join('')
|
|
|
|
|
|
|
|
|
|
describe('test-emoji.js', function () {
|
|
|
|
|
it('does emoji replacement correctly', function () {
|
2019-08-03 21:49:37 +01:00
|
|
|
|
const replacer = _ => `<div>${_}</div>`
|
2018-11-20 08:01:23 +00:00
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji('hello world', replacer),
|
|
|
|
|
'hello world'
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`${mindBlown}`, replacer),
|
|
|
|
|
`<div>${mindBlown}</div>`
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`${mindBlown} ${elephant}`, replacer),
|
|
|
|
|
`<div>${mindBlown}</div> <div>${elephant}</div>`
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`${elephant} woot ${mindBlown}`, replacer),
|
|
|
|
|
`<div>${elephant}</div> woot <div>${mindBlown}</div>`
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`woot ${mindBlown}`, replacer),
|
|
|
|
|
`woot <div>${mindBlown}</div>`
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`${mindBlown} woot`, replacer),
|
|
|
|
|
`<div>${mindBlown}</div> woot`
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
it('handles multi-code emoji', function () {
|
2019-08-03 21:49:37 +01:00
|
|
|
|
const replacer = _ => `<div>${_}</div>`
|
2018-11-20 08:01:23 +00:00
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`hello ${womanBowing}`, replacer),
|
|
|
|
|
`hello <div>${womanBowing}</div>`
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
it('handles emoji mixed with custom emoji', function () {
|
2019-08-03 21:49:37 +01:00
|
|
|
|
const replacer = _ => `<div>${_}</div>`
|
2018-11-20 08:01:23 +00:00
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`hello ${womanBowing} and :blobpats: and ${elephant}`, replacer),
|
|
|
|
|
`hello <div>${womanBowing}</div> and :blobpats: and <div>${elephant}</div>`
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
it('handles sequential emoji', function () {
|
2019-08-03 21:49:37 +01:00
|
|
|
|
const replacer = _ => `<div>${_}</div>`
|
2018-11-20 08:01:23 +00:00
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`${elephant}${elephant}${womanBowing}${mindBlown}`, replacer),
|
|
|
|
|
`<div>${elephant}</div><div>${elephant}</div><div>${womanBowing}</div><div>${mindBlown}</div>`
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
|
2018-11-21 06:41:41 +00:00
|
|
|
|
it('does not replace non-emoji characters', function () {
|
2019-08-03 21:49:37 +01:00
|
|
|
|
const replacer = _ => `<div>${_}</div>`
|
2018-11-20 08:01:23 +00:00
|
|
|
|
assert.strictEqual(
|
2019-08-20 03:08:59 +01:00
|
|
|
|
replaceEmoji('it\'s over #9000', replacer),
|
|
|
|
|
'it\'s over #9000'
|
2018-11-20 08:01:23 +00:00
|
|
|
|
)
|
2018-11-21 06:41:41 +00:00
|
|
|
|
assert.strictEqual(
|
2019-08-20 03:08:59 +01:00
|
|
|
|
replaceEmoji('woot !@#$%^&*()~' + '`' + '{[}]:;"\'<,>.?/£™℠®', replacer),
|
|
|
|
|
'woot !@#$%^&*()~' + '`' + '{[}]:;"\'<,>.?/£™℠®'
|
2018-11-21 06:41:41 +00:00
|
|
|
|
)
|
2018-11-25 20:35:52 +00:00
|
|
|
|
|
|
|
|
|
assert.strictEqual(
|
2019-08-20 03:08:59 +01:00
|
|
|
|
replaceEmoji('woot !@#$%^&*()~' + '`' + '{[}]:;"\'<,>.?/£™℠®', replacer),
|
|
|
|
|
'woot !@#$%^&*()~' + '`' + '{[}]:;"\'<,>.?/£™℠®'
|
2018-11-25 20:35:52 +00:00
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
// hidden VARIATION SELECTOR character is in here
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji("<p>It's shapes™️ ... continued</p>", replacer),
|
|
|
|
|
"<p>It's shapes™️ ... continued</p>"
|
|
|
|
|
)
|
2018-11-20 08:01:23 +00:00
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
it('does not replace emoji inside HTML tags', function () {
|
2019-08-03 21:49:37 +01:00
|
|
|
|
const replacer = _ => `<div>${_}</div>`
|
2018-11-20 08:01:23 +00:00
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`check this cool link: <a href='http://example.com?q=${mindBlown}'>link</a>`, replacer),
|
|
|
|
|
`check this cool link: <a href='http://example.com?q=${mindBlown}'>link</a>`
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(
|
|
|
|
|
`<a href='http://foo.com?q=${mindBlown}'>link</a> and <a href='http://foo.com?q=${mindBlown}'>link</a>`,
|
|
|
|
|
replacer
|
|
|
|
|
),
|
|
|
|
|
`<a href='http://foo.com?q=${mindBlown}'>link</a> and <a href='http://foo.com?q=${mindBlown}'>link</a>`
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(
|
|
|
|
|
`<a href='http://foo.com?q=${mindBlown}'>link</a> and ${mindBlown}`,
|
|
|
|
|
replacer
|
|
|
|
|
),
|
|
|
|
|
`<a href='http://foo.com?q=${mindBlown}'>link</a> and <div>${mindBlown}</div>`
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(
|
|
|
|
|
`<a href='http://foo.com?q=${mindBlown}'>link</a> and ${mindBlown} and ` +
|
|
|
|
|
`<a href='http://foo.com?q=${mindBlown}'>link</a>`,
|
|
|
|
|
replacer
|
|
|
|
|
),
|
|
|
|
|
`<a href='http://foo.com?q=${mindBlown}'>link</a> and <div>${mindBlown}</div> and ` +
|
|
|
|
|
`<a href='http://foo.com?q=${mindBlown}'>link</a>`
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
it('removes emoji', function () {
|
2019-08-03 21:49:37 +01:00
|
|
|
|
const replacer = _ => ''
|
2018-11-20 08:01:23 +00:00
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`woot ${mindBlown}`, replacer),
|
2019-08-20 03:08:59 +01:00
|
|
|
|
'woot '
|
2018-11-20 08:01:23 +00:00
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`woot ${mindBlown} woot`, replacer),
|
2019-08-20 03:08:59 +01:00
|
|
|
|
'woot woot'
|
2018-11-20 08:01:23 +00:00
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`woot ${mindBlown}${elephant}`, replacer),
|
2019-08-20 03:08:59 +01:00
|
|
|
|
'woot '
|
2018-11-20 08:01:23 +00:00
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`woot ${mindBlown}${elephant} woot`, replacer),
|
2019-08-20 03:08:59 +01:00
|
|
|
|
'woot woot'
|
2018-11-20 08:01:23 +00:00
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
it('can handle a dangling left angle bracket for some reason', function () {
|
2019-08-03 21:49:37 +01:00
|
|
|
|
const replacer = _ => `<div>${_}</div>`
|
2018-11-20 08:01:23 +00:00
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`woot ${mindBlown} <`, replacer),
|
|
|
|
|
`woot <div>${mindBlown}</div> <`
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`woot ${mindBlown} <hahahahaha`, replacer),
|
|
|
|
|
`woot <div>${mindBlown}</div> <hahahahaha`
|
|
|
|
|
)
|
|
|
|
|
assert.strictEqual(
|
|
|
|
|
replaceEmoji(`<woot ${mindBlown} <hahahahaha`, replacer),
|
|
|
|
|
`<woot ${mindBlown} <hahahahaha`
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
})
|