more tests, more js goodness

1 files changed, 37 insertions, 13 deletions

diff --git a/js/tests/unit/bootstrap-modal.js b/js/tests/unit/bootstrap-modal.js
index 24510664ce..cfdf4064d3 100644
--- a/js/tests/unit/bootstrap-modal.js
+++ b/js/tests/unit/bootstrap-modal.js
@@ -3,30 +3,54 @@ $(function () {
     module("bootstrap-modal")
 
       test("should be defined on jquery object", function () {
-        ok($(document.body).modal, 'modal method is defined')
+        var div = $("<div id='modal-test'></div>")
+        ok(div.modal, 'modal method is defined')
       })
 
-      test("should not return element", function () {
-        ok(!$(document.body).modal()[0], 'document.body not returned')
+      test("should return element", function () {
+        var div = $("<div id='modal-test'></div>")
+        ok(div.modal() == div, 'document.body returned')
       })
 
-      test("should return instance of modal class", function () {
-        ok($(document.body).modal() instanceof $.fn.modal.Modal, 'document.body returned')
+      test("should expose defaults var for settings", function () {
+        ok($.fn.modal.defaults, 'default object exposed')
       })
 
-      test("should expose defaults var for settings", {
-        ok(!!$.fn.modal.default, 'default object exposed')
+      test("should insert into dom when modal:show event is called", function () {
+        $.support.transition = false
+        var div = $("<div id='modal-test'></div>")
+        div.modal().trigger("modal:show")
+        ok($('#modal-test').length, 'modal insterted into dom')
+        div.remove()
       })
 
-      test("should insert into dom when open is called", function () {
-        var div = $("<div></div>")
-        div.modal().open()
+      test("should remove from dom when close is called", function () {
+        $.support.transition = false
+        var div = $("<div id='modal-test'></div>")
+        div.modal().trigger("modal:show")
+        ok($('#modal-test').length, 'modal insterted into dom')
+        div.trigger("modal:hide")
+        ok(!$('#modal-test').length, 'modal removed from dom')
+        div.remove()
       })
 
-      test("should remove from dom when close is called", function () {
+      test("should toggle when toggle is called", function () {
         $.support.transition = false
-        re
+        var div = $("<div id='modal-test'></div>")
+        div.modal().trigger("modal:toggle")
+        ok($('#modal-test').length, 'modal insterted into dom')
+        div.trigger("modal:toggle")
+        ok(!$('#modal-test').length, 'modal removed from dom')
+        div.remove()
       })
 
-      test("should remove from dom when click .close")
+      test("should remove from dom when click .close", function () {
+        $.support.transition = false
+        var div = $("<div id='modal-test'><span class='close'></span></div>")
+        div.modal().trigger("modal:toggle")
+        ok($('#modal-test').length, 'modal insterted into dom')
+        div.find('.close').click()
+        ok(!$('#modal-test').length, 'modal removed from dom')
+        div.remove()
+      })
 })
\ No newline at end of file