123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- 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="eltButton htmlButton"><b>html</b></div>');
- });
- it('should transform body', function() {
- var result = offendersHelpers.domPathToButton('body');
- result.should.equal('<div class="eltButton bodyButton"><b>body</b></div>');
- });
- it('should transform head', function() {
- var result = offendersHelpers.domPathToButton('head');
- result.should.equal('<div class="eltButton headButton"><b>head</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="eltButton domButton 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="eltButton fragButton">Fragment</div>');
- });
- it('should transform a domFragment element', function() {
- var result = offendersHelpers.domPathToButton('DocumentFragment > div#colorbox > div#cboxContent');
- result.should.equal('<div class="eltButton fragEltButton 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="eltButton aloneButton">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="eltButton aloneEltButton opens">Created element <b>div#sizcache</b><div class="domTree"><div><span>div</span><div><span>div#sizcache</span></div></div></div></div>');
- });
- });
- });
|