2016-10-25 04:28:51 +00:00
|
|
|
/* global describe, it */
|
|
|
|
|
|
|
|
import chai from 'chai'
|
|
|
|
|
|
|
|
import Util from '../src/Metamaps/Util'
|
|
|
|
|
|
|
|
const { expect } = chai
|
|
|
|
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('Metamaps.Util.js', function() {
|
|
|
|
describe('splitLine', function() {
|
|
|
|
it('splits on words', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.splitLine('test test test', 10))
|
|
|
|
.to.equal('test test\ntest')
|
|
|
|
})
|
|
|
|
// TODO this test seems like it's incorrect behaviour
|
2016-11-07 20:25:08 +00:00
|
|
|
it('splits mid-word if need be', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.splitLine('test test', 2))
|
|
|
|
.to.equal('te\nt\nte\nt')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('splits words over 30 chars', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.splitLine('suprainterpostantidisestablishmentarianism', 30))
|
|
|
|
.to.equal('suprainterpostantidisestablish\nentarianism')
|
|
|
|
})
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('nowDateFormatted', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
it.skip('TODO need `Date`')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('decodeEntities', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
it.skip('TODO need `document`')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('getDistance', function() {
|
|
|
|
it('(0,0) -> (0,0) = 0', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.getDistance({ x: 0, y: 0 }, { x: 0, y: 0 }))
|
|
|
|
.to.equal(0)
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('(-5,0) -> (5,0) = 10', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.getDistance({ x: -5, y: 0 }, { x: 5, y: 0 }))
|
|
|
|
.to.equal(10)
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('(0,0) -> (5,7) = 8.6023', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.getDistance({ x: 0, y: 0 }, { x: 5, y: 7 }).toFixed(4))
|
|
|
|
.to.equal('8.6023')
|
|
|
|
})
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('coordsToPixels', function() {
|
|
|
|
it('returns 0,0 for null canvas', function() {
|
2016-10-26 06:26:48 +00:00
|
|
|
expect(Util.coordsToPixels(null, {}).x).to.equal(0)
|
|
|
|
expect(Util.coordsToPixels(null, {}).y).to.equal(0)
|
2016-10-25 04:28:51 +00:00
|
|
|
})
|
|
|
|
it.skip('TODO need initialized mGraph to test further')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('pixelsToCoords', function() {
|
|
|
|
it('returns 0,0 for null canvas', function() {
|
2016-10-26 06:26:48 +00:00
|
|
|
expect(Util.pixelsToCoords(null, {}).x).to.equal(0)
|
|
|
|
expect(Util.pixelsToCoords(null, {}).y).to.equal(0)
|
2016-10-25 04:28:51 +00:00
|
|
|
})
|
|
|
|
it.skip('TODO need initialized mGraph to test further')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('getPastelColor', function() {
|
|
|
|
it('1 => fefefe', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.getPastelColor({ rseed: 1, gseed: 1, bseed: 1 }))
|
|
|
|
.to.equal(Util.colorLuminance('#fefefe', -0.4))
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('0 => 7f7f7f', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.getPastelColor({ rseed: 0, gseed: 0, bseed: 0 }))
|
|
|
|
.to.equal(Util.colorLuminance('#7f7f7f', -0.4))
|
|
|
|
})
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('colorLuminance', function() {
|
|
|
|
describe('-0.4 lum', function() {
|
|
|
|
it('white => ?', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.colorLuminance('#ffffff', -0.4)).to.equal('#999999')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('black => ?', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.colorLuminance('#000000', -0.4)).to.equal('#000000')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('7f7f7f => ?', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.colorLuminance('#7f7f7f', -0.4)).to.equal('#4c4c4c')
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('other lum values', function() {
|
|
|
|
it('-1', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.colorLuminance('#7f7f7f', -1)).to.equal('#000000')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('-0.5', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.colorLuminance('#7f7f7f', -0.5)).to.equal('#404040')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('0', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.colorLuminance('#7f7f7f', 0)).to.equal('#7f7f7f')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('0.5', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.colorLuminance('#7f7f7f', 0.5)).to.equal('#bfbfbf')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
it('1', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.colorLuminance('#7f7f7f', 1)).to.equal('#fefefe')
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('openLink', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
it.skip('TODO need `window`')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('mdToHTML', function() {
|
|
|
|
it('filters xss', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
const md = '<script>alert("xss");</script>'
|
|
|
|
const html = '<!-- raw HTML omitted -->'
|
|
|
|
expect(Util.mdToHTML(md).trim()).to.equal(html)
|
|
|
|
})
|
|
|
|
|
2016-11-07 20:25:08 +00:00
|
|
|
it('bold and italics', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
const md = '**Bold** *Italics*'
|
|
|
|
const html = '<p><strong>Bold</strong> <em>Italics</em></p>'
|
|
|
|
expect(Util.mdToHTML(md).trim()).to.equal(html)
|
|
|
|
})
|
|
|
|
|
2017-02-26 16:42:47 +00:00
|
|
|
it('links', function() {
|
|
|
|
const md = '[Link](https://metamaps.cc)'
|
|
|
|
const html = '<p><a href="https://metamaps.cc">Link</a></p>'
|
|
|
|
expect(Util.mdToHTML(md).trim()).to.equal(html)
|
|
|
|
})
|
|
|
|
|
|
|
|
it('images are not rendered', function() {
|
|
|
|
const md = '![Image](https://example.org/image.png)'
|
|
|
|
const html = '<p>![Image](https://example.org/image.png)</p>'
|
2016-10-25 04:28:51 +00:00
|
|
|
expect(Util.mdToHTML(md).trim()).to.equal(html)
|
|
|
|
})
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('logCanvasAttributes', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
it.skip('TODO need a canvas')
|
|
|
|
})
|
2016-11-07 20:25:08 +00:00
|
|
|
describe('resizeCanvas', function() {
|
2016-10-25 04:28:51 +00:00
|
|
|
it.skip('TODO need a canvas')
|
|
|
|
})
|
|
|
|
})
|