230 lines
9.4 KiB
JavaScript
230 lines
9.4 KiB
JavaScript
var should = require('chai').should();
|
|
var offendersHelpers = require('../../lib/offendersHelpers');
|
|
|
|
describe('offendersHelpers', function() {
|
|
|
|
describe('domPathToArray', function() {
|
|
|
|
it('should transform a path to an array', function() {
|
|
var result = offendersHelpers.domPathToArray('body > section#page > div.alternate-color > ul.retroGuide > li[0] > div.retro-chaine.france2');
|
|
result.should.deep.equal(['body', 'section#page', 'div.alternate-color', 'ul.retroGuide', 'li[0]', 'div.retro-chaine.france2']);
|
|
});
|
|
|
|
it('should work even if a space is missing', function() {
|
|
var result = offendersHelpers.domPathToArray('body > section#page> div.alternate-color > ul.retroGuide >li[0] > div.retro-chaine.france2');
|
|
result.should.deep.equal(['body', 'section#page', 'div.alternate-color', 'ul.retroGuide', 'li[0]', 'div.retro-chaine.france2']);
|
|
});
|
|
|
|
});
|
|
|
|
describe('listOfDomArraysToTree', function() {
|
|
|
|
it('should transform a list of arrays into a tree', function() {
|
|
var result = offendersHelpers.listOfDomArraysToTree([
|
|
['body', 'section#page', 'div.alternate-color', 'ul.retroGuide', 'li[0]', 'div.retro-chaine.france2'],
|
|
['body', 'section#page', 'div.alternate-color', 'ul.retroGuide', 'li[0]', 'div.retro-chaine.france2'],
|
|
['body', 'section#page', 'div.alternate-color', 'ul.retroGuide', 'li[1]', 'div.retro-chaine.france2']
|
|
]);
|
|
result.should.deep.equal({
|
|
'body': {
|
|
'section#page': {
|
|
'div.alternate-color': {
|
|
'ul.retroGuide': {
|
|
'li[0]': {
|
|
'div.retro-chaine.france2': 2
|
|
},
|
|
'li[1]': {
|
|
'div.retro-chaine.france2': 1
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
describe('domTreeToHTML', function() {
|
|
|
|
it('should transform a dom tree into HTML with the awaited format', function() {
|
|
var result = offendersHelpers.domTreeToHTML({
|
|
'body': {
|
|
'ul.retroGuide': {
|
|
'li[0]': {
|
|
'div.retro-chaine.france2': 2
|
|
},
|
|
'li[1]': {
|
|
'div.retro-chaine.france2': 1
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
result.should.equal('<div class="domTree"><div><span>body</span><div><span>ul.retroGuide</span><div><span>li[0]</span><div><span>div.retro-chaine.france2 <span>(x2)</span></span></div></div><div><span>li[1]</span><div><span>div.retro-chaine.france2</span></div></div></div></div></div>');
|
|
});
|
|
|
|
});
|
|
|
|
describe('listOfDomPathsToHTML', function() {
|
|
|
|
it('should transform a list of path strings into HTML', function() {
|
|
var result = offendersHelpers.listOfDomPathsToHTML([
|
|
'body > ul.retroGuide > li[0] > div.retro-chaine.france2',
|
|
'body > ul.retroGuide > li[1] > div.retro-chaine.france2',
|
|
'body > ul.retroGuide > li[0] > div.retro-chaine.france2',
|
|
]);
|
|
|
|
result.should.equal('<div class="domTree"><div><span>body</span><div><span>ul.retroGuide</span><div><span>li[0]</span><div><span>div.retro-chaine.france2 <span>(x2)</span></span></div></div><div><span>li[1]</span><div><span>div.retro-chaine.france2</span></div></div></div></div></div>');
|
|
});
|
|
|
|
});
|
|
|
|
describe('domPathToButton', function() {
|
|
|
|
it('should transform html', function() {
|
|
var result = offendersHelpers.domPathToButton('html');
|
|
result.should.equal('<div class="offenderButton"><b>html</b></div>');
|
|
});
|
|
|
|
it('should transform body', function() {
|
|
var result = offendersHelpers.domPathToButton('body');
|
|
result.should.equal('<div class="offenderButton"><b>body</b></div>');
|
|
});
|
|
|
|
it('should transform head', function() {
|
|
var result = offendersHelpers.domPathToButton('head');
|
|
result.should.equal('<div class="offenderButton"><b>head</b></div>');
|
|
});
|
|
|
|
it('should transform #document', function() {
|
|
var result = offendersHelpers.domPathToButton('#document');
|
|
result.should.equal('<div class="offenderButton"><b>document</b></div>');
|
|
});
|
|
|
|
it('should transform window', function() {
|
|
var result = offendersHelpers.domPathToButton('window');
|
|
result.should.equal('<div class="offenderButton"><b>window</b></div>');
|
|
});
|
|
|
|
it('should transform a standard in-body element', function() {
|
|
var result = offendersHelpers.domPathToButton('body > div#colorbox > div#cboxContent');
|
|
result.should.equal('<div class="offenderButton opens">DOM element <b>div#cboxContent</b><div class="domTree"><div><span>body</span><div><span>div#colorbox</span><div><span>div#cboxContent</span></div></div></div></div></div>');
|
|
});
|
|
|
|
it('should transform a domFragment element', function() {
|
|
var result = offendersHelpers.domPathToButton('DocumentFragment');
|
|
result.should.equal('<div class="offenderButton">Fragment</div>');
|
|
});
|
|
|
|
it('should transform a domFragment element', function() {
|
|
var result = offendersHelpers.domPathToButton('DocumentFragment > div#colorbox > div#cboxContent');
|
|
result.should.equal('<div class="offenderButton opens">Fragment element <b>div#cboxContent</b><div class="domTree"><div><span>DocumentFragment</span><div><span>div#colorbox</span><div><span>div#cboxContent</span></div></div></div></div></div>');
|
|
});
|
|
|
|
it('should transform an not-attached element', function() {
|
|
var result = offendersHelpers.domPathToButton('div#sizcache');
|
|
result.should.equal('<div class="offenderButton">Created element <b>div#sizcache</b></div>');
|
|
});
|
|
|
|
it('should transform an not-attached element path', function() {
|
|
var result = offendersHelpers.domPathToButton('div > div#sizcache');
|
|
result.should.equal('<div class="offenderButton opens">Created element <b>div#sizcache</b><div class="domTree"><div><span>div</span><div><span>div#sizcache</span></div></div></div></div>');
|
|
});
|
|
|
|
});
|
|
|
|
describe('backtraceToArray', function() {
|
|
|
|
it('should transform a backtrace into an array', function() {
|
|
var result = offendersHelpers.backtraceToArray('http://pouet.com/js/jquery.footer-transverse-min-v1.0.20.js:1 / http://pouet.com/js/main.js:1');
|
|
|
|
result.should.deep.equal([
|
|
{
|
|
file: 'http://pouet.com/js/jquery.footer-transverse-min-v1.0.20.js',
|
|
line: 1
|
|
},
|
|
{
|
|
file: 'http://pouet.com/js/main.js',
|
|
line: 1
|
|
}
|
|
]);
|
|
});
|
|
|
|
it('should return null if it fails', function() {
|
|
var result = offendersHelpers.backtraceToArray('http://pouet.com/js/jquery.footer-transverse-min-v1.0.20.js:1 /http://pouet.com/js/main.js:1');
|
|
|
|
should.equal(result, null);
|
|
});
|
|
|
|
});
|
|
|
|
describe('backtraceArrayToHtml', function() {
|
|
|
|
it('should create a button from a backtrace array', function() {
|
|
var result = offendersHelpers.backtraceArrayToHtml([
|
|
{
|
|
file: 'http://pouet.com/js/jquery.footer-transverse-min-v1.0.20.js',
|
|
line: 1
|
|
},
|
|
{
|
|
file: 'http://pouet.com/js/main.js',
|
|
line: 1
|
|
}
|
|
]);
|
|
|
|
result.should.equal('<div class="offenderButton opens">backtrace<div class="backtrace"><div><a href="http://pouet.com/js/jquery.footer-transverse-min-v1.0.20.js" target="_blank">http://pouet.com/js/jquery.footer-transverse-min-v1.0.20.js</a> line 1</div><div><a href="http://pouet.com/js/main.js" target="_blank">http://pouet.com/js/main.js</a> line 1</div></div></div>');
|
|
});
|
|
|
|
it('should display "no backtrace"', function() {
|
|
var result = offendersHelpers.backtraceArrayToHtml([]);
|
|
|
|
result.should.equal('<div class="offenderButton">no backtrace</div>');
|
|
});
|
|
|
|
});
|
|
|
|
describe('sortVarsLikeChromeDevTools', function() {
|
|
|
|
it('should sort in the same strange order', function() {
|
|
var result = offendersHelpers.sortVarsLikeChromeDevTools([
|
|
'a',
|
|
'aaa',
|
|
'a2',
|
|
'b',
|
|
'A',
|
|
'AAA',
|
|
'B',
|
|
'_a',
|
|
'_aaa',
|
|
'__a',
|
|
'a_a',
|
|
'aA',
|
|
'a__',
|
|
'$',
|
|
'$a'
|
|
]);
|
|
|
|
result.should.deep.equal([
|
|
'$',
|
|
'$a',
|
|
'A',
|
|
'AAA',
|
|
'B',
|
|
'__a',
|
|
'_a',
|
|
'_aaa',
|
|
'a',
|
|
'a2',
|
|
'aA',
|
|
'a__',
|
|
'a_a',
|
|
'aaa',
|
|
'b'
|
|
]);
|
|
});
|
|
|
|
});
|
|
|
|
});
|