ballonizer 0.2.4 → 0.4.0

data/spec/javascripts/ballonizer_spec.js

@@ -54,6 +54,7 @@ describe("Ballonizer", function () {
     afterEach(function () {
         // Remove left-overs created out of the #jasmine-fixtures container
         $(".ballonizer_page_form").remove();
+        $(".ballonizer_image_form").remove();
     });
 
     it("it's defined", function () {
@@ -126,13 +127,13 @@ describe("Ballonizer", function () {
         });
     });
     describe("BallonizedImageContainer", function () {
-        it("adds a hidden form for the ballon edition in the container", function () {
+        it("adds a hidden form for the ballon edition in the body", function () {
             loadFixtures("ballonized-xkcd-without-ballons.html");
             instance = Ballonizer(actionFormURL, imageToBallonizeCSSSelector, $("#jasmine-fixtures"));
-            expect($(".ballonizer_image_container")).toContain("form.ballonizer_image_form");
-            // What the value of method is not important, but the method attribute
+            expect($("body")).toContain("form.ballonizer_image_form");
+            // What the value of action is not important, but the action attribute
             // is required (http://www.w3.org/TR/html401/interact/forms.html#h-17.3)
-            expect($("form.ballonizer_image_form")).toHaveAttr("method");
+            expect($("form.ballonizer_image_form")).toHaveAttr("action");
             expect($("form.ballonizer_image_form")).toBeHidden();
         });
         describe("when there's a image with ballons", function () {
@@ -155,6 +156,15 @@ describe("Ballonizer", function () {
         });
     });
     describe("InterfaceBallon", function () {
+        var htmlUnescape = function (value) {
+            return (value)
+                .replace(/"/g, '"')
+                .replace(/'/g, "'")
+                .replace(/&lt;/g, '<')
+                .replace(/&gt;/g, '>')
+                .replace(/&amp;/g, '&');
+        };
+
         var containerWidth, containerHeight;
         var getBallons = function () {
             loadFixtures("ballonized-xkcd-with-ballons.html");
@@ -185,14 +195,17 @@ describe("Ballonizer", function () {
         it("creates a hidden edit ballon for each ballon", function () {
             ballons = getBallons();
 
-            var imgContainer = ballons[0].getBallonizedImageContainer().getContainerNode();
-            var imgForm = $("form.ballonizer_image_form", imgContainer);
+            var imgContainer = ballons[0].getBallonizedImageContainer();
+            var imgFormInnerContainer = imgContainer.getFormInnerContainer();
 
-            expect(imgForm.children().length).toEqual(2);
-            expect(imgForm.children()).toBeHidden();
-            expect(imgForm).toContain("textarea.ballonizer_edition_ballon");
+            expect(imgFormInnerContainer.children().length).toEqual(2);
+            expect(imgFormInnerContainer.children()).toBeHidden();
+            expect(imgFormInnerContainer).toContain(
+                "textarea.ballonizer_edition_ballon"
+            );
 
-            var textfieldTexts = imgForm.children().toArray().map(function (e, ix) {
+            var textfields = imgFormInnerContainer.children().toArray();
+            var textfieldTexts = textfields.map(function (e, ix) {
                 /* jshint unused: false */
                 return $(e).val();
             }).sort();
@@ -251,17 +264,25 @@ describe("Ballonizer", function () {
             });
             it("hide the normal ballon and put the textarea (focused) in the place", function () {
                 ballons = getBallons();
+                var normalNode = ballons[0].getNormalNode();
+                var editionNode = ballons[0].getEditionNode();
 
-                // Test from the initial state
-                realWorldEvent("dblclick", ballons[0].getNode());
+                var normalNodeBounds = normalNode.offset();
+                normalNodeBounds.width = normalNode.css('width');
+                normalNodeBounds.height = normalNode.css('height');
 
-                expect(ballons[0].getNormalNode()).toBeHidden();
-                expect(ballons[0].getEditionNode()).toBeVisible();
-                expect(ballons[0].getEditionNode()).toBeFocused();
+                // alternate to the edition mode
+                realWorldEvent("dblclick", normalNode);
 
-                expect(ballons[0].getEditionNode().attr("style")).toEqual(
-                    ballons[0].getNormalNode().attr("style")
-                );
+                expect(normalNode).toBeHidden();
+                expect(editionNode).toBeVisible();
+                expect(editionNode).toBeFocused();
+
+                var editionNodeBounds = editionNode.offset();
+                editionNodeBounds.width = editionNode.css('width');
+                editionNodeBounds.height = editionNode.css('height');
+
+                expect(editionNodeBounds).toEqual(normalNodeBounds);
             });
             describe("when the container is inside a <a/> element", function () {
                 it("prevent the default action of changing the page", function () {
@@ -269,8 +290,8 @@ describe("Ballonizer", function () {
                     loadFixtures("ballonized-xkcd-with-anchor-in-image.html");
                     instance = Ballonizer(actionFormURL, imageToBallonizeCSSSelector, $("#jasmine-fixtures"));
                     var ballonizedImg = $(".ballonizer_image_container img");
-                    realWorldEvent("dblclick", ballonizedImg)
-                    var ballon = $(".ballonizer_ballon")
+                    realWorldEvent("dblclick", ballonizedImg);
+                    var ballon = $(".ballonizer_ballon");
 
                     // and then we simulate a dblclick over the ballon
                     var spyAnchor = spyOnEvent("#comic a", "click");
@@ -306,20 +327,12 @@ describe("Ballonizer", function () {
 
                     expect(ballons.length).toEqual(1);
                     expect($(".ballonizer_ballon")).toHaveLength(1);
-                    expect($("form.ballonizer_image_form > *")).toHaveLength(1);
+                    expect($("form.ballonizer_image_form " +
+                             ".ballonizer_edition_ballon")).toHaveLength(1);
                 });
             });
         });
         describe("when the ballons change", function () {
-            var htmlUnescape = function (value) {
-                return (value)
-                    .replace(/&quot;/g, '"')
-                    .replace(/&#39;/g, "'")
-                    .replace(/&lt;/g, '<')
-                    .replace(/&gt;/g, '>')
-                    .replace(/&amp;/g, '&');
-            };
-
             describe("position", function () {
                 var changePosition = function (ballon, dx, dy) {
                     ballon.getNode().simulate("drag-n-drop", { dx: dx, dy: dy });
@@ -332,7 +345,7 @@ describe("Ballonizer", function () {
                 it("the button to submit change appears", function () {
                     ballons = getBallons();
                     changePosition(ballons[1], -20, -20);
-                    expect($("form.ballonizer_page_form > input[name='ballonizer_submit']")).toBeVisible();
+                    expect($("form.ballonizer_page_form input[name='ballonizer_submit']")).toBeVisible();
                 });
                 it("the serialize methods shows the new values", function () {
                     ballons = getBallons();
@@ -353,8 +366,10 @@ describe("Ballonizer", function () {
                     expect(ballonizer.serialize()["http://imgs.xkcd.com/comics/cells.png"][1].top).toEqual(expectedTop);
                 });
                 it("the page form data update", function () {
+                /* jshint camelcase: false */
+                // font_size is in ruby style because is sent to the ruby
                     ballons = getBallons();
-                    var formData = $("form.ballonizer_page_form > input[name='ballonizer_data']");
+                    var formData = $("form.ballonizer_page_form input[name='ballonizer_data']");
                     expect(formData).toHaveValue("");
                     changePosition(ballons[1], -20, -20);
                     expect(jQuery.parseJSON(htmlUnescape(formData.val()))).toEqual({
@@ -363,12 +378,14 @@ describe("Ballonizer", function () {
                                 top: 0,
                                 width: 1,
                                 height: 0.24188790560471976,
+                                font_size: 15,
                                 text: 'When you see a claim that a common drug or vitamin "kills cancer cells in a petri dish", keep in mind:'
                             },
                             { left: 0.0045871559633027525,
                                 top: 0.8820058997050148,
                                 width: 0.7798165137614679,
                                 height: 0.05604719764011799,
+                                font_size: 14,
                                 text: 'So does a handgun.'
                             }
                         ]
@@ -387,29 +404,40 @@ describe("Ballonizer", function () {
                 it("the button to submit change appears", function () {
                     ballons = getBallons();
                     changeSize(ballons[0], -20, -20);
-                    expect($("form.ballonizer_page_form > input[name='ballonizer_submit']")).toBeVisible();
+                    expect($("form.ballonizer_page_form input[name='ballonizer_submit']")).toBeVisible();
                 });
-                it("the serialize methods shows the new values", function () {
+                it("the serialize methods shows the new values (to size and font-size)", function () {
+                    /* jshint camelcase: false */
+                    // font_size is in ruby style because is sent to the ruby
                     ballons = getBallons();
                     var ballon = ballons[0],
                         image = ballon.getBallonizedImageContainer(),
                         ballonizer = image.getBallonizerInstance(),
                         bounds = ballon.getPositionAndSize(),
                         expectedWidth = (bounds.width - 20) / containerWidth,
-                        expectedHeight = (bounds.height - 20) / containerHeight;
+                        expectedHeight = (bounds.height - 20) / containerHeight,
+                        expectedFontSize = 11; // verified by observation
 
                     changeSize(ballons[0], -20, -20);
 
+                    // check the serialize of the ballon
                     expect(ballon.serialize().width).toEqual(expectedWidth);
                     expect(ballon.serialize().height).toEqual(expectedHeight);
+                    expect(ballon.serialize().font_size).toEqual(expectedFontSize);
+                    // check the serialize of the image
                     expect(image.serialize()[0].width).toEqual(expectedWidth);
                     expect(image.serialize()[0].height).toEqual(expectedHeight);
+                    expect(image.serialize()[0].font_size).toEqual(expectedFontSize);
+                    // check the serialize of the ballonizer
                     expect(ballonizer.serialize()["http://imgs.xkcd.com/comics/cells.png"][0].width).toEqual(expectedWidth);
                     expect(ballonizer.serialize()["http://imgs.xkcd.com/comics/cells.png"][0].height).toEqual(expectedHeight);
+                    expect(ballonizer.serialize()["http://imgs.xkcd.com/comics/cells.png"][0].font_size).toEqual(expectedFontSize);
                 });
-                it("the page form data update", function () {
+                it("the page form data update (size and font-size)", function () {
+                    /* jshint camelcase: false */
+                    // font_size is in ruby style because is sent to the ruby
                     ballons = getBallons();
-                    var formData = $("form.ballonizer_page_form > input[name='ballonizer_data']");
+                    var formData = $("form.ballonizer_page_form input[name='ballonizer_data']");
                     expect(formData).toHaveValue("");
                     changeSize(ballons[0], -20, -20);
                     expect(jQuery.parseJSON(htmlUnescape(formData.val()))).toEqual({
@@ -418,12 +446,15 @@ describe("Ballonizer", function () {
                                 top: 0,
                                 width: 0.908256880733945,
                                 height: 0.18289085545722714,
+                                // font-size is changed by the change of the ballon size
+                                font_size: 11,
                                 text: 'When you see a claim that a common drug or vitamin "kills cancer cells in a petri dish", keep in mind:'
                             },
                             { left: 0.0963302752293578,
                                 top: 0.9410029498525073,
                                 width: 0.7798165137614679,
                                 height: 0.05604719764011799,
+                                font_size: 14,
                                 text: 'So does a handgun.'
                             }
                         ]
@@ -441,24 +472,35 @@ describe("Ballonizer", function () {
                 it("the button to submit change appears", function () {
                     ballons = getBallons();
                     changeText(ballons[0], "Ballon new text");
-                    expect($("form.ballonizer_page_form > input[name='ballonizer_submit']")).toBeVisible();
+                    expect($("form.ballonizer_page_form input[name='ballonizer_submit']")).toBeVisible();
                 });
-                it("the serialize methods shows the new values", function () {
+                it("the serialize methods shows the new values (for text and font-size)", function () {
+                    /* jshint camelcase: false */
+                    // font_size is in ruby style because is sent to the ruby
                     ballons = getBallons();
                     var ballon = ballons[0],
                         text = "Ballon new text",
                         image = ballon.getBallonizedImageContainer(),
-                        ballonizer = image.getBallonizerInstance();
+                        ballonizer = image.getBallonizerInstance(),
+                        expectedFontSize = 32; // verified by observation
 
                     changeText(ballon, text);
 
+                    // ballon serialize
                     expect(ballon.serialize().text).toEqual(text);
+                    expect(ballon.serialize().font_size).toEqual(expectedFontSize);
+                    // image serialize
                     expect(image.serialize()[0].text).toEqual(text);
+                    expect(image.serialize()[0].font_size).toEqual(expectedFontSize);
+                    // ballonizer serialize
                     expect(ballonizer.serialize()["http://imgs.xkcd.com/comics/cells.png"][0].text).toEqual(text);
+                    expect(ballonizer.serialize()["http://imgs.xkcd.com/comics/cells.png"][0].font_size).toEqual(expectedFontSize);
                 });
-                it("the page form data update", function () {
+                it("the page form data update (text and font-size)", function () {
+                    /* jshint camelcase: false */
+                    // font_size is in ruby style because is sent to the ruby
                     ballons = getBallons();
-                    var formData = $("form.ballonizer_page_form > input[name='ballonizer_data']");
+                    var formData = $("form.ballonizer_page_form input[name='ballonizer_data']");
                     expect(formData).toHaveValue("");
                     changeText(ballons[0], "Ballon new text");
                     expect(jQuery.parseJSON(htmlUnescape(formData.val()))).toEqual({
@@ -467,114 +509,129 @@ describe("Ballonizer", function () {
                                 top: 0,
                                 width: 1,
                                 height: 0.24188790560471976,
+                                // the font-size increment as the ballon size
+                                // is the same but have lesser text
+                                font_size: 32,
                                 text: 'Ballon new text'
                             },
                             { left: 0.0963302752293578,
                                 top: 0.9410029498525073,
                                 width: 0.7798165137614679,
                                 height: 0.05604719764011799,
+                                font_size: 14,
                                 text: 'So does a handgun.'
                             }
                         ]
                     });
                 });
             });
-            describe("a ballon being added", function () {
-                var addBallon = function () {
-                    $(".ballonizer_image_container img").trigger(
-                        jQuery.Event("dblclick", { pageX: 490, pageY: 444 })
-                    );
-                };
-
-                it("the button to submit change appears", function () {
-                    getBallons();
-                    addBallon();
-                    expect($("form.ballonizer_page_form > input[name='ballonizer_submit']")).toBeVisible();
-                });
-                it("the serialize methods shows the new values", function () {
-                    ballons = getBallons();
-                    addBallon();
-                    var image = ballons[0].getBallonizedImageContainer(),
-                        imageData = image.serialize(),
-                        ballonizer = image.getBallonizerInstance(),
-                        ballonizerData = ballonizer.serialize();
+        });
+        describe("when a ballon is added", function () {
+            var addBallon = function () {
+                var offset = $(".ballonizer_image_container").offset();
+                $(".ballonizer_image_container img").trigger(
+                    jQuery.Event("dblclick", {
+                        pageX: offset.left + 100,
+                        pageY: offset.top + 109
+                    })
+                );
+            };
 
-                    expect(imageData.length).toEqual(3);
-                    expect(ballonizerData["http://imgs.xkcd.com/comics/cells.png"].length).toEqual(3);
-                });
-                it("the page form data update", function () {
-                    getBallons();
-                    var formData = $("form.ballonizer_page_form > input[name='ballonizer_data']");
-                    expect(formData).toHaveValue("");
-                    addBallon();
-                    expect(jQuery.parseJSON(htmlUnescape(formData.val()))).toEqual({
-                        "http://imgs.xkcd.com/comics/cells.png": [
-                            { left: 0,
-                                top: 0,
-                                width: 1,
-                                height: 0.24188790560471976,
-                                text: 'When you see a claim that a common drug or vitamin "kills cancer cells in a petri dish", keep in mind:'
-                            },
-                            { left: 0.0963302752293578,
-                                top: 0.9410029498525073,
-                                width: 0.7798165137614679,
-                                height: 0.05604719764011799,
-                                text: 'So does a handgun.'
-                            },
-                            { left: 0.40825688073394495,
-                                top: 0.05604719764011799,
-                                width: 0.591743119266055,
-                                height: 0.12094395280235988,
-                                text: 'double click to edit ballon text'
-                            }
-                        ]
-                    });
+            it("the button to submit change appears", function () {
+                getBallons();
+                addBallon();
+                expect($("form.ballonizer_page_form input[name='ballonizer_submit']")).toBeVisible();
+            });
+            it("the serialize methods shows the new values", function () {
+                ballons = getBallons();
+                addBallon();
+                var image = ballons[0].getBallonizedImageContainer(),
+                    imageData = image.serialize(),
+                    ballonizer = image.getBallonizerInstance(),
+                    ballonizerData = ballonizer.serialize();
+
+                expect(imageData.length).toEqual(3);
+                expect(ballonizerData["http://imgs.xkcd.com/comics/cells.png"].length).toEqual(3);
+            });
+            it("the page form data update", function () {
+                /* jshint camelcase: false */
+                // font_size is in ruby style because is sent to the ruby
+                getBallons();
+                var formData = $("form.ballonizer_page_form input[name='ballonizer_data']");
+                expect(formData).toHaveValue("");
+                addBallon();
+                expect(jQuery.parseJSON(htmlUnescape(formData.val()))).toEqual({
+                    "http://imgs.xkcd.com/comics/cells.png": [
+                        { left: 0,
+                            top: 0,
+                            width: 1,
+                            height: 0.24188790560471976,
+                            font_size: 15,
+                            text: 'When you see a claim that a common drug or vitamin "kills cancer cells in a petri dish", keep in mind:'
+                        },
+                        { left: 0.0963302752293578,
+                            top: 0.9410029498525073,
+                            width: 0.7798165137614679,
+                            height: 0.05604719764011799,
+                            font_size: 14,
+                            text: 'So does a handgun.'
+                        },
+                        { left: 0.40825688073394495,
+                          top: 0.3215339233038348,
+                          width: 0.591743119266055,
+                          height: 0.12094395280235988,
+                          font_size: 15, text: 'double click to edit ballon text'
+                        }
+                    ]
                 });
             });
-            describe("a ballon being removed", function () {
-                var removeBallon = function (ballon) {
-                    realWorldEvent("dblclick", ballon.getNode());
-                    ballon.getNode().val("");
-                    ballon.getNode().blur();
+        });
+        describe("when a ballon is removed", function () {
+            var removeBallon = function (ballon) {
+                realWorldEvent("dblclick", ballon.getNode());
+                ballon.getNode().val("");
+                ballon.getNode().blur();
 
-                    return ballon;
-                };
-                it("the button to submit change appears", function () {
-                    ballons = getBallons();
-                    removeBallon(ballons[0]);
-                    expect($("form.ballonizer_page_form > input[name='ballonizer_submit']")).toBeVisible();
+                return ballon;
+            };
+            it("the button to submit change appears", function () {
+                ballons = getBallons();
+                removeBallon(ballons[0]);
+                expect($("form.ballonizer_page_form input[name='ballonizer_submit']")).toBeVisible();
 
-                    return ballons;
-                });
-                it("the serialize methods shows the new values", function () {
-                    ballons = getBallons();
+                return ballons;
+            });
+            it("the serialize methods shows the new values", function () {
+                ballons = getBallons();
 
-                    var image = ballons[0].getBallonizedImageContainer(),
-                        ballonizer = image.getBallonizerInstance();
+                var image = ballons[0].getBallonizedImageContainer(),
+                    ballonizer = image.getBallonizerInstance();
 
-                    removeBallon(ballons[0]);
+                removeBallon(ballons[0]);
 
-                    var imageData = image.serialize(),
-                        ballonizerData = ballonizer.serialize();
+                var imageData = image.serialize(),
+                    ballonizerData = ballonizer.serialize();
 
-                    expect(imageData.length).toEqual(1);
-                    expect(ballonizerData["http://imgs.xkcd.com/comics/cells.png"].length).toEqual(1);
-                });
-                it("the page form data update", function () {
-                    ballons = getBallons();
-                    var formData = $("form.ballonizer_page_form > input[name='ballonizer_data']");
-                    expect(formData).toHaveValue("");
-                    removeBallon(ballons[0]);
-                    expect(jQuery.parseJSON(htmlUnescape(formData.val()))).toEqual({
-                        "http://imgs.xkcd.com/comics/cells.png": [
-                            { left: 0.0963302752293578,
-                                top: 0.9410029498525073,
-                                width: 0.7798165137614679,
-                                height: 0.05604719764011799,
-                                text: 'So does a handgun.'
-                            }
-                        ]
-                    });
+                expect(imageData.length).toEqual(1);
+                expect(ballonizerData["http://imgs.xkcd.com/comics/cells.png"].length).toEqual(1);
+            });
+            it("the page form data update", function () {
+                /* jshint camelcase: false */
+                // font_size is in ruby style because is sent to the ruby
+                ballons = getBallons();
+                var formData = $("form.ballonizer_page_form input[name='ballonizer_data']");
+                expect(formData).toHaveValue("");
+                removeBallon(ballons[0]);
+                expect(jQuery.parseJSON(htmlUnescape(formData.val()))).toEqual({
+                    "http://imgs.xkcd.com/comics/cells.png": [
+                        { left: 0.0963302752293578,
+                            top: 0.9410029498525073,
+                            width: 0.7798165137614679,
+                            height: 0.05604719764011799,
+                            font_size: 14,
+                            text: 'So does a handgun.'
+                        }
+                    ]
                 });
             });
         });

data/spec/javascripts/fixtures/ballonized-xkcd-with-anchor-in-image.html

@@ -62,11 +62,11 @@
        the events will not trigger until the image is loaded because the divs
        are defined with percentuals and will have size zero (impossible to click).
        -->
-	<a href="http://xkcd.com/1218/" ><div class="ballonizer_image_container"><img src="http://imgs.xkcd.com/comics/cells.png"
+	<a href="http://xkcd.com/1218/" ><span class="ballonizer_image_container"><img src="http://imgs.xkcd.com/comics/cells.png"
 	title="Now, if it selectively kills cancer cells in a petri dish, you can be sure it's at least a great breakthrough for everyone suffering from petri dish cancer."
   width="218px"
   height="339px"
-	alt="Cells" /></div></a>
+	alt="Cells" /></span></a>
 </div>
 <ul class="comicNav">
 	<li>

data/spec/javascripts/fixtures/ballonized-xkcd-with-ballons.html

@@ -62,11 +62,11 @@
        the events will not trigger until the image is loaded because the divs
        are defined with percentuals and will have size zero (impossible to click).
        -->
-	<div class="ballonizer_image_container"><p style="left: 0px; top: 0px; width: 218px; height: 82px;" class="ballonizer_ballon" >When you see a claim that a common drug or vitamin "kills cancer cells in a petri dish", keep in mind:</p><p style="top: 319px; left: 21px; width: 170px; height: 19px;" class="ballonizer_ballon">So does a handgun.</p><img src="http://imgs.xkcd.com/comics/cells.png"
+	<span class="ballonizer_image_container"><span style="left: 0px; top: 0px; width: 218px; height: 82px; font-size: 15px;" class="ballonizer_ballon" >When you see a claim that a common drug or vitamin "kills cancer cells in a petri dish", keep in mind:</span><span style="top: 319px; left: 21px; width: 170px; height: 19px; font-size: 14px;" class="ballonizer_ballon">So does a handgun.</span><img src="http://imgs.xkcd.com/comics/cells.png"
 	title="Now, if it selectively kills cancer cells in a petri dish, you can be sure it's at least a great breakthrough for everyone suffering from petri dish cancer."
   width="218px"
   height="339px"
-	alt="Cells" /></div>
+	alt="Cells" /></span>
 </div>
 <ul class="comicNav">
 	<li>

data/spec/javascripts/fixtures/ballonized-xkcd-without-ballons.html

@@ -62,11 +62,11 @@
        the events will not trigger until the image is loaded because the divs
        are defined with percentuals and will have size zero (impossible to click).
        -->
-	<div class="ballonizer_image_container"><img src="http://imgs.xkcd.com/comics/cells.png"
+	<span class="ballonizer_image_container"><img src="http://imgs.xkcd.com/comics/cells.png"
 	title="Now, if it selectively kills cancer cells in a petri dish, you can be sure it's at least a great breakthrough for everyone suffering from petri dish cancer."
   width="218px"
   height="339px"
-	alt="Cells" /></div>
+	alt="Cells" /></span>
 </div>
 <ul class="comicNav">
 	<li>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ballonizer
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.4.0
 platform: ruby
 authors:
 - Henrique Becker
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-07-08 00:00:00.000000000 Z
+date: 2013-07-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogiri
@@ -262,6 +262,7 @@ files:
 - vendor/assets/javascripts/jquery-ui-1.10.3.custom.min.js
 - examples/ballonizer_app/index.html
 - examples/ballonizer_app/config.ru
+- examples/ballonizer_app/test.db
 - examples/ballonizer_js_module/index.html
 - Rakefile
 homepage: http://rubygems.org/gems/ballonizer