Add unit testing for core API, ensure all demos work, and add unit testing to ensure they stay working.

Author: David Morse

demos/expandable-widgets.html

@@ -41,21 +41,20 @@ <h1>Expandable widgets</h1>
 <script type="text/javascript">
     var gridster;
 
-    $(function () {
-
         gridster = $(".gridster ul").gridster({
             widget_base_dimensions: [100, 100],
             widget_margins: [5, 5],
             helper: 'clone'
         }).data('gridster');
 
+    gridster.$el.ready(function () {
 
         // resize widgets on hover
         gridster.$el
-                .on('mouseenter', '> li', function () {
+                .on('mouseenter', 'li', function () {
                     gridster.resize_widget($(this), 3, 3);
                 })
-                .on('mouseleave', '> li', function () {
+                .on('mouseleave', 'li', function () {
                     gridster.resize_widget($(this), 1, 1);
                 });
 

demos/grid-from-serialize.html

@@ -28,54 +28,14 @@ <h1>Build grid from serialized positions</h1>
 
     // same object than generated with gridster.serialize() method
     var serialization = [
-        {
-            col: 1,
-            row: 1,
-            size_x: 2,
-            size_y: 2
-        },
-        {
-            col: 3,
-            row: 1,
-            size_x: 1,
-            size_y: 2
-        },
-        {
-            col: 4,
-            row: 1,
-            size_x: 1,
-            size_y: 1
-        },
-        {
-            col: 2,
-            row: 3,
-            size_x: 3,
-            size_y: 1
-        },
-        {
-            col: 1,
-            row: 4,
-            size_x: 1,
-            size_y: 1
-        },
-        {
-            col: 1,
-            row: 3,
-            size_x: 1,
-            size_y: 1
-        },
-        {
-            col: 2,
-            row: 4,
-            size_x: 1,
-            size_y: 1
-        },
-        {
-            col: 2,
-            row: 5,
-            size_x: 1,
-            size_y: 1
-        }
+        { col: 1, row: 1, size_x: 2, size_y: 2 },
+        { col: 3, row: 1, size_x: 1, size_y: 2 },
+        { col: 4, row: 1, size_x: 1, size_y: 1 },
+        { col: 2, row: 3, size_x: 3, size_y: 1 },
+        { col: 1, row: 4, size_x: 1, size_y: 1 },
+        { col: 1, row: 3, size_x: 1, size_y: 1 },
+        { col: 2, row: 4, size_x: 1, size_y: 1 },
+        { col: 2, row: 5, size_x: 1, size_y: 1 }
     ];
 
 

demos/resize-limits.html

@@ -16,20 +16,20 @@ <h1>Resize with limits</h1>
     <code>data-min-sizex</code> and <code>data-min-sizey</code> HTML attributes to limit widget dimensions when resizing.</p>
 
 <p>If a global max_size is specified through the config option, can be overwrited in specified widgets with HTML data-attributes or using <code>set_widget_max_size</code>
-    method.</p>
+    method. This page has a global max limit of 4x4</p>
 
 
 <div class="gridster">
     <ul>
-        <li data-row="1" data-col="1" data-sizex="2" data-sizey="2" data-max-sizex="2" data-max-sizey="6">
+        <li data-row="1" data-col="1" data-sizex="2" data-sizey="6" data-min-sizex="2" data-min-sizey="6" data-max-sizex="2" data-max-sizey="6">
             0
             <br>
-            <small>Overwrited to 2, 6</small>
+            <small>Overridden to 2, 6</small>
         </li>
         <li data-row="1" data-col="3" data-sizex="1" data-sizey="2" data-max-sizex="6" data-max-sizey="2">
             1
             <br>
-            <small>Overwrited max-size to 6, 2</small>
+            <small>Overridden max-size to 6, 2</small>
         </li>
         <li data-row="1" data-col="4" data-sizex="1" data-sizey="1">2</li>
         <li data-row="3" data-col="2" data-sizex="3" data-sizey="1">3</li>
@@ -41,7 +41,7 @@ <h1>Resize with limits</h1>
         <li data-row="1" data-col="5" data-sizex="3" data-sizey="3" data-min-sizex="3" data-min-sizey="3">
             9
             <br>
-            <small>Overwrited min-size to 3, 3</small>
+            <small>Overridden min-size to 3, 3</small>
         </li>
         <li data-row="5" data-col="1" data-sizex="1" data-sizey="2">10</li>
         <li data-row="4" data-col="3" data-sizex="1" data-sizey="2">11</li>
@@ -59,7 +59,7 @@ <h1>Resize with limits</h1>
     $(function () {
 
         gridster = $(".gridster ul").gridster({
-            widget_base_dimensions: [100, 55],
+            widget_base_dimensions: [100, 100],
             widget_margins: [5, 5],
             helper: 'clone',
             resize: {

demos/resize.html

@@ -45,7 +45,7 @@ <h1>Resize</h1>
     $(function () {
 
         gridster = $(".gridster ul").gridster({
-            widget_base_dimensions: [100, 55],
+            widget_base_dimensions: [100, 100],
             widget_margins: [5, 5],
             helper: 'clone',
             resize: {

dist/jquery.gridster.css

@@ -1,4 +1,4 @@
-/*! gridster.js - v0.6.6 - 2015-04-10
+/*! gridster.js - v0.6.6 - 2015-04-12
 * http://gridster.net/
 * Copyright (c) 2015 ducksboard; Licensed MIT */