Add test for sortable

conf/karma.js

@@ -24,6 +24,7 @@ module.exports = function(config) {
     // list of files / patterns to load in the browser
     files: [
       'test/lib/jquery-1.11.3.min.js',
+      'test/lib/jquery-ui.min.js',
       'src/jquery.tree-multiselect.js',
       'test/helper.js',
       'test/integration/*.js',

test/integration/options.js

@@ -254,6 +254,21 @@ QUnit.test("onChange callback is called with correct args when item is removed",
   item.find("input[type=checkbox]").click();
 });
 
+QUnit.test("sortable actually sorts the options", function(assert) {
+  $("select").append("<option value='one' data-section='test' selected='selected'>One</option>");
+  $("select").append("<option value='two' data-section='test' selected='selected'>Two</option>");
+  $("select").treeMultiselect({ sortable: true });
+
+  assert.deepEqual($("select").val(), ['one', 'two']);
+
+  var $one = $("div.selected div.item[data-value='one']");
+  var $two = $("div.selected div.item[data-value='two']");
+  $one.insertAfter($two);
+  $("div.selected").sortable('option', 'update')();
+
+  assert.deepEqual($("select").val(), ['two', 'one']);
+});
+
 QUnit.test("select all button is created and it works", function(assert) {
   $("select").append("<option value='one' data-section='test'>One</option>");
   $("select").append("<option value='two' data-section='test'>Two</option>");

test/test.html

@@ -6,6 +6,7 @@
     <meta charset="UTF-8">
 
     <script src="./lib/jquery-1.11.3.min.js"></script>
+    <script src="./lib/jquery-ui.min.js"></script>
     <script src="../src/jquery.tree-multiselect.js"></script>
 
     <style>
@@ -27,7 +28,7 @@
     </select>
 
     <script type="text/javascript">
-      $("#test-select").treeMultiselect({ enableSelectAll: true });
+      $("#test-select").treeMultiselect({ enableSelectAll: true, sortable: true });
     </script>
   </body>
 </html>