@matrixreq/htmldiff 1.6.0 → 2.0.1

package/test/find_matching_blocks.spec.js

@@ -1,168 +0,0 @@
-describe('findMatchingBlocks', function(){
-    var diff, cut, res, createToken, tokenize, createSegment, htmlToTokens;
-
-    beforeEach(function(){
-        diff = require('../js/htmldiff');
-        createSegment = diff.findMatchingBlocks.createSegment;
-        htmlToTokens = diff.htmlToTokens;
-        createToken = diff.findMatchingBlocks.createToken;
-        tokenize = function(tokens){
-            return tokens.map(function(token){
-                return createToken(token);
-            });
-        };
-    });
-
-    describe('createMap', function(){
-        beforeEach(function(){
-            cut = diff.findMatchingBlocks.createMap;
-        });
-
-        it('should be a function', function(){
-            expect(cut).is.a('function');
-        });
-
-        describe('When the items exist in the search target', function(){
-            beforeEach(function(){
-                res = cut(tokenize(['a', 'apple', 'has', 'a', 'worm']));
-            });
-
-            it('should find "a" twice', function(){
-                expect(res['a'].length).to.equal(2);
-            });
-
-            it('should find "a" at 0', function(){
-                expect(res['a'][0]).to.equal(0);
-            });
-
-            it('should find "a" at 3', function(){
-                expect(res['a'][1]).to.equal(3);
-            });
-
-            it('should find "has" at 2', function(){
-                expect(res['has'][0]).to.equal(2);
-            });
-        });
-    });
-
-    describe('findBestMatch', function(){
-        var invoke;
-
-        beforeEach(function(){
-            cut = diff.findMatchingBlocks.findBestMatch;
-            invoke = function(before, after){
-                var segment = createSegment(before, after, 0, 0);
-
-                res = cut(segment);
-            };
-        });
-
-        describe('When there is a match', function(){
-            beforeEach(function(){
-                var before = tokenize(['a', 'dog', 'bites']);
-                var after = tokenize(['a', 'dog', 'bites', 'a', 'man']);
-                invoke(before, after);
-            });
-
-            it('should match the match', function(){
-                expect(res).to.exist;
-                expect(res.startInBefore).equal(0);
-                expect(res.startInAfter).equal(0);
-                expect(res.length).equal(3);
-                expect(res.endInBefore).equal(2);
-                expect(res.endInAfter).equal(2);
-            });
-
-            describe('When the match is surrounded', function(){
-                beforeEach(function(){
-                    before = tokenize(['dog', 'bites']);
-                    after = tokenize(['the', 'dog', 'bites', 'a', 'man']);
-                    invoke(before, after);
-                });
-
-                it('should match with appropriate indexing', function(){
-                    expect(res).to.exist;
-                    expect(res.startInBefore).to.equal(0);
-                    expect(res.startInAfter).to.equal(1);
-                    expect(res.endInBefore).to.equal(1);
-                    expect(res.endInAfter).to.equal(2);
-                });
-            });
-        });
-
-        describe('When there is no match', function(){
-            beforeEach(function(){
-                var before = tokenize(['the', 'rat', 'sqeaks']);
-                var after = tokenize(['a', 'dog', 'bites', 'a', 'man']);
-                invoke(before, after);
-            });
-
-            it('should return nothing', function(){
-                expect(res).to.not.exist;
-            });
-        });
-    });
-
-    describe('findMatchingBlocks', function(){
-        var segment;
-
-        beforeEach(function(){
-            cut = diff.findMatchingBlocks;
-        });
-
-        it('should be a function', function(){
-            expect(cut).is.a('function');
-        });
-
-        describe('When called with a single match', function(){
-            beforeEach(function(){
-                var before = htmlToTokens('a dog bites');
-                var after = htmlToTokens('when a dog bites it hurts');
-                segment = createSegment(before, after, 0, 0);
-
-                res = cut(segment);
-            });
-
-            it('should return a match', function(){
-                expect(res.length).to.equal(1);
-            });
-        });
-
-        describe('When called with multiple matches', function(){
-            beforeEach(function(){
-                var before = htmlToTokens('the dog bit a man');
-                var after = htmlToTokens('the large brown dog bit a tall man');
-                segment = createSegment(before, after, 0, 0);
-                res = cut(segment);
-            });
-
-            it('should return 3 matches', function(){
-                expect(res.length).to.equal(3);
-            });
-
-            it('should match "the"', function(){
-                expect(res[0].startInBefore).eql(0);
-                expect(res[0].startInAfter).eql(0);
-                expect(res[0].endInBefore).eql(0);
-                expect(res[0].endInAfter).eql(0);
-                expect(res[0].length).eql(1);
-            });
-
-            it('should match "dog bit a"', function(){
-                expect(res[1].startInBefore).eql(1);
-                expect(res[1].startInAfter).eql(5);
-                expect(res[1].endInBefore).eql(7);
-                expect(res[1].endInAfter).eql(11);
-                expect(res[1].length).eql(7);
-            });
-
-            it('should match "man"', function(){
-                expect(res[2].startInBefore).eql(8);
-                expect(res[2].startInAfter).eql(14);
-                expect(res[2].endInBefore).eql(8);
-                expect(res[2].endInAfter).eql(14);
-                expect(res[2].length).eql(1);
-            });
-        });
-    });
-});

package/test/from_port_source.spec.js

@@ -1,30 +0,0 @@
-describe('The specs from the ruby source project', function(){
-    var cut;
-
-    beforeEach(function(){
-        cut = require('../js/htmldiff');
-    });
-
-    it('should diff text', function(){
-        var diff = cut('a word is here', 'a nother word is there');
-        expect(diff).equal('a<ins data-operation-index="1"> nother</ins> word is ' +
-                '<del data-operation-index="3">here</del><ins data-operation-index="3">' +
-                'there</ins>');
-    });
-
-    it('should insert a letter and a space', function(){
-        var diff = cut('a c', 'a b c');
-        expect(diff).equal('a <ins data-operation-index="1">b </ins>c');
-    });
-
-    it('should remove a letter and a space', function(){
-        var diff = cut('a b c', 'a c');
-        diff.should == 'a <del data-operation-index="1">b </del>c';
-    });
-
-    it('should change a letter', function(){
-        var diff = cut('a b c', 'a d c');
-        expect(diff).equal('a <del data-operation-index="1">b</del>' +
-                '<ins data-operation-index="1">d</ins> c');
-    });
-});

package/test/html_to_tokens.spec.js

@@ -1,249 +0,0 @@
-describe('htmlToTokens', function(){
-    var cut, res, diff, createToken, tokenize;
-
-    beforeEach(function(){
-        diff = require('../js/htmldiff')
-        cut = diff.htmlToTokens;
-
-        createToken = diff.findMatchingBlocks.createToken;
-        tokenize = function(tokens){
-            return tokens.map(function(token){
-                return createToken(token);
-            });
-        };
-    });
-
-    it('should be a function', function(){
-        expect(cut).is.a('function');
-    });
-
-    describe('when called with text', function(){
-        beforeEach(function(){
-            res = cut('this is a test');
-        });
-
-        it('should return 4', function(){
-            expect(res.length).to.equal(7);
-        });
-    });
-
-    describe('when called with html', function(){
-        beforeEach(function(){
-            res = cut('<p>this is a <strong>test</strong></p>');
-        });
-
-        it('should return 11', function(){
-            expect(res.length).to.equal(11);
-        });
-
-        it('should remove any html comments', function(){
-            res = cut('<p> this is <!-- a comment! --> </p>');
-            expect(res.length).to.equal(8);
-        });
-    });
-
-    it('should identify contiguous whitespace as a single token', function(){
-        expect(cut('a   b')).to.eql(tokenize(['a', '   ', 'b']));
-    });
-
-    it('should identify a single space as a single token', function(){
-        expect(cut(' a b ')).to.eql(tokenize([' ', 'a', ' ', 'b', ' ']));
-    });
-
-    it('should identify self closing tags as tokens', function(){
-        expect(cut('<p>hello</br>goodbye</p>')).eql(
-                tokenize(['<p>', 'hello', '</br>', 'goodbye', '</p>']));
-    });
-
-    describe('when encountering atomic tags', function(){
-        it('should identify an image tag as a single token', function(){
-            expect(cut('<p><img src="1.jpg"><img src="2.jpg"></p>')).eql(
-                    tokenize(['<p>', '<img src="1.jpg">', '<img src="2.jpg">', '</p>']));
-        });
-
-        it('should identify an iframe tag as a single token', function(){
-            expect(cut('<p><iframe src="sample.html"></iframe></p>')).eql(
-                    tokenize(['<p>', '<iframe src="sample.html"></iframe>', '</p>']));
-        });
-
-        it('should identify an object tag as a single token', function(){
-            var cutResult = cut('<p><object><param name="1" /><param name="2" /></object></p>');
-            var tokenizeResult = tokenize(
-                    ['<p>', '<object><param name="1" /><param name="2" /></object>','</p>']);
-            expect(cutResult).eql(tokenizeResult);
-        });
-
-        it('should identify a math tag as a single token', function(){
-            var cutResult = cut('<p><math xmlns="http://www.w3.org/1998/Math/MathML">' +
-                    '<mi>&#x03C0;<!-- π --></mi>' +
-                    '<mo>&#x2062;<!-- &InvisibleTimes; --></mo>' +
-                    '<msup><mi>r</mi><mn>2</mn></msup></math></p>');
-            var tokenizeResult = tokenize([
-                '<p>',
-                '<math xmlns="http://www.w3.org/1998/Math/MathML">' +
-                '<mi>&#x03C0;<!-- π --></mi>' +
-                '<mo>&#x2062;<!-- &InvisibleTimes; --></mo>' +
-                '<msup><mi>r</mi><mn>2</mn></msup></math>',
-                '</p>'
-            ]);
-            expect(cutResult).eql(tokenizeResult);
-        });
-
-        it('should identify an svg tag as a single token', function(){
-            var cutResult = cut('<p><svg width="100" height="100">' +
-                    '<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" ' +
-                    'fill="yellow" /></svg></p>');
-            var tokenizeResult = tokenize([
-                '<p>',
-                '<svg width="100" height="100">' +
-                '<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />' +
-                '</svg>',
-                '</p>'
-            ]);
-            expect(cutResult).eql(tokenizeResult);
-        });
-
-        it('should identify a script tag as a single token', function(){
-            expect(cut('<p><script>console.log("hi");</script></p>')).eql(
-                    tokenize(['<p>', '<script>console.log("hi");</script>', '</p>']));
-        });
-
-
-
-        it('should identify tags with data-htmldiff-id attribute as single token', () => {
-            expect(
-                cut('<div><customtag data-htmldiff-id="1">hello</br>goodbye</customtag>' +
-                    '<custom-tag data-htmldiff-id="2">some stuff</custom-tag>' +
-                    '</div>')
-            ).eql(tokenize(
-                [
-                    '<div>',
-                    '<customtag data-htmldiff-id="1">hello</br>goodbye</customtag>',
-                    '<custom-tag data-htmldiff-id="2">some stuff</custom-tag>',
-                    '</div>'
-                ]
-            ));
-        });
-
-        describe('nested atomic tags wrapping', function(){
-            it('should keep a data-htmldiff-id wrapper with nested same-tag children as one token', function(){
-                var atomic = '<span data-htmldiff-id="u1">' +
-                        '<span class="tooltip"><span class="avatar">AB</span></span>' +
-                        'Name</span>';
-                expect(cut('<div>' + atomic + '</div>')).eql(
-                        tokenize(['<div>', atomic, '</div>']));
-            });
-
-            it('should not close early on the first inner closing tag', function(){
-                var atomic = '<span data-htmldiff-id="1"><span>a</span><span>b</span></span>';
-                expect(cut(atomic)).eql(tokenize([atomic]));
-            });
-
-            it('should not treat a stray ">" in script content as a tag boundary', function(){
-                var atomic = '<script>if (a > b) { return a > 0; }</script>';
-                expect(cut('<p>' + atomic + '</p>')).eql(
-                        tokenize(['<p>', atomic, '</p>']));
-            });
-
-            it('should ignore self-closing same-named children when counting depth', function(){
-                var atomic = '<span data-htmldiff-id="1">x<span/>y</span>';
-                expect(cut(atomic)).eql(tokenize([atomic]));
-            });
-
-            it('should ignore self-closing same-named children written with a space (<span />)', function(){
-                var atomic = '<span data-htmldiff-id="1">x<span />y</span>';
-                expect(cut(atomic)).eql(tokenize([atomic]));
-            });
-
-            it('should key a wrapper by its own data-htmldiff-id, not a nested child one', function(){
-                var atomic = '<strong data-htmldiff-id="s1">' +
-                        '<em data-htmldiff-id="e1">C</em></strong>';
-                expect(cut(atomic)[0].key).eql('s1');
-            });
-
-            it('should not key an unkeyed atomic tag by a nested child data-htmldiff-id', function(){
-                var atomic = '<a><em data-htmldiff-id="e1">C</em></a>';
-                expect(cut(atomic)[0].key).eql('<a>');
-            });
-
-            it('should not bump depth on differently-named tags that share a prefix', function(){
-                // a tag must not be matched by an atomic tag named "a" appearing as <article>.
-                var atomic = '<a href="x"><article>hi</article></a>';
-                expect(cut(atomic)).eql(tokenize([atomic]));
-            });
-        });
-
-        describe('tags sharing a prefix with atomic tag names', function(){
-            it('should not treat <abbr> as the atomic tag a', function(){
-                expect(cut('<abbr>x</abbr> tail')).eql(
-                        tokenize(['<abbr>', 'x', '</abbr>', ' ', 'tail']));
-            });
-
-            it('should not treat <article> as the atomic tag a', function(){
-                expect(cut('<article>hi</article>')).eql(
-                        tokenize(['<article>', 'hi', '</article>']));
-            });
-        });
-
-        describe('self-closing atomic tags', function(){
-            it('should end a self-closing data-htmldiff-id tag without swallowing trailing content', function(){
-                expect(cut('<div data-htmldiff-id="s"/>x old')).eql(
-                        tokenize(['<div data-htmldiff-id="s"/>', 'x', ' ', 'old']));
-            });
-
-            it('should end a self-closing name-based atomic tag without swallowing trailing content', function(){
-                expect(cut('<svg/>tail')).eql(tokenize(['<svg/>', 'tail']));
-            });
-        });
-
-        describe('quoted attribute values containing tag delimiters', function(){
-            it('should not end a tag on ">" inside a double-quoted attribute value', function(){
-                expect(cut('<p class="a>b">text</p>')).eql(
-                        tokenize(['<p class="a>b">', 'text', '</p>']));
-            });
-
-            it('should not end a tag on ">" inside a single-quoted attribute value', function(){
-                expect(cut("<p class='a>b'>x</p>")).eql(
-                        tokenize(["<p class='a>b'>", 'x', '</p>']));
-            });
-
-            it('should not end a void atomic tag on ">" inside an attribute value', function(){
-                expect(cut('<img data-htmldiff-id="1" alt="a > b"> tail')).eql(
-                        tokenize(['<img data-htmldiff-id="1" alt="a > b">', ' ', 'tail']));
-            });
-
-            it('should not treat "/>" inside an attribute value as self-closing', function(){
-                var atomic = '<span data-htmldiff-id="1" data-x="y/>z">c</span>';
-                expect(cut(atomic)).eql(tokenize([atomic]));
-            });
-
-            it('should keep an atomic tag with ">" in an attribute as one token', function(){
-                expect(cut('<div data-htmldiff-id="1" title="a > b">x</div> tail')).eql(
-                        tokenize(['<div data-htmldiff-id="1" title="a > b">x</div>',
-                            ' ', 'tail']));
-            });
-
-            it('should not treat apostrophes in atomic text content as quotes', function(){
-                expect(cut("<div data-htmldiff-id='1'>it's ok</div> tail")).eql(
-                        tokenize(["<div data-htmldiff-id='1'>it's ok</div>", ' ', 'tail']));
-            });
-
-            it('should not treat apostrophes in comments inside atomic tags as quotes', function(){
-                expect(cut("<math><mi>x<!-- don't --></mi></math> tail")).eql(
-                        tokenize(["<math><mi>x<!-- don't --></mi></math>", ' ', 'tail']));
-            });
-        });
-
-        describe('void atomic tags', function(){
-            it('should end a void data-htmldiff-id tag written without a slash', function(){
-                expect(cut('<img data-htmldiff-id="1" src="a.jpg"> tail')).eql(
-                        tokenize(['<img data-htmldiff-id="1" src="a.jpg">', ' ', 'tail']));
-            });
-
-            it('should end a void data-htmldiff-id br tag without swallowing trailing content', function(){
-                expect(cut('<br data-htmldiff-id="x">y')).eql(
-                        tokenize(['<br data-htmldiff-id="x">', 'y']));
-            });
-        });
-    });
-});