bootbox/tests/test.confirm.js

Wrappers for JavaScript alert(), confirm() and other flexible dialogs using Twitter's bootstrap framework

require('./vendor/setup');

var assert = require('assert');
var bootbox = require('../');

describe("#confirm", function() {
    var box;

    before(function() {
        bootbox.animate(false);
    });

    after(function() {
        $(".bootbox")
        .modal('hide')
        .remove();
    });

    describe("with one argument", function() {
        before(function() {
            box = bootbox.confirm("Hello world!");
        });

        it("shows the expected body copy", function() {
            assert.equal(
                box.find(".modal-body").html(),
                "Hello world!"
            );
        });

        it("shows an OK button", function() {
            assert.equal(box.find("a:last").html(), "OK");
        });

        it("shows a Cancel button", function() {
            assert.equal(box.find("a:first").html(), "Cancel");
        });

        it("does not apply the primary class to the cancel button", function() {
            assert.ok(!box.find("a:first").hasClass("btn-primary"));
        });

        var focusFn = window.mochaPhantomJS !== undefined ? function(){} : function() {
            assert.ok(box.find("a:last").is(":focus"));
        };

        it("has focus on the OK button", focusFn);

        it("applies the primary class to the OK button", function() {
            assert.ok(box.find("a:last").hasClass("btn-primary"));
        });
    });

    describe("with two arguments", function() {
        describe("where the second argument is a string", function() {
            before(function() {
                box = bootbox.confirm("Hello world!", "Foo");
            });

            it("shows the expected body copy", function() {
                assert.equal(
                    box.find(".modal-body").html(),
                    "Hello world!"
                );
            });

            it("shows an OK button", function() {
                assert.equal(box.find("a:last").html(), "OK");
            });

            it("shows the custom Cancel label", function() {
                assert.equal(box.find("a:first").html(), "Foo");
            });
        });

        describe("where the second argument is a function", function() {
            before(function() {
                box = bootbox.confirm("Hello world!", function() { });
            });

            it("shows an OK button", function() {
                assert.equal(box.find("a:last").html(), "OK");
            });

            it("shows a Cancel button", function() {
                assert.equal(box.find("a:first").html(), "Cancel");
            });
        });
    });

    describe("with three arguments", function() {
        describe("where the third argument is a string", function() {
            before(function() {
                box = bootbox.confirm("Hello world!", "Foo", "Bar");
            });

            it("shows the expected body copy", function() {
                assert.equal(
                    box.find(".modal-body").html(),
                    "Hello world!"
                );
            });

            it("shows the custom OK label", function() {
                assert.equal(box.find("a:last").html(), "Bar");
            });

            it("applies the primary class to the custom OK button", function() {
                assert.ok(box.find("a:last").hasClass("btn-primary"));
            });

            it("shows the custom Cancel label", function() {
                assert.equal(box.find("a:first").html(), "Foo");
            });
        });

        describe("where the third argument is a function", function() {
            before(function() {
                box = bootbox.confirm("Hello world!", "Foo", function() { });
            });

            it("shows the default OK label", function() {
                assert.equal(box.find("a:last").html(), "OK");
            });
        });
    });

    describe("with four arguments", function() {
        before(function() {
            box = bootbox.confirm("Hello world!", "Foo", "Bar", function() {});
        });

        it("shows the expected body copy", function() {
            assert.equal(
                box.find(".modal-body").html(),
                "Hello world!"
            );
        });

        it("shows the custom OK label", function() {
            assert.equal(box.find("a:last").html(), "Bar");
        });

        it("shows the custom Cancel label", function() {
            assert.equal(box.find("a:first").html(), "Foo");
        });
    });

    describe("with five arguments", function() {
        it("throws an error", function() {
            assert.throws(function() {
                bootbox.confirm(1, 2, 3, 4, 5);
            });
        });
    });
    
    describe("with a callback", function() {
        describe("when dismissing the dialog by clicking OK", function() {
            var result;
            before(function() {
                box = bootbox.confirm("Sure?", function(cbResult) {
                    result = cbResult;
                });
            });

            it("should invoke the callback with a value of true", function() {
                box.find("a:last").trigger('click');
                assert.ok(result);
            });

            it("should close the dialog", function() {
                assert.ok(box.is(":hidden"));
            });

            describe("when the callback returns false", function() {
                var result;
                before(function() {
                    box = bootbox.confirm("Sure?", function(cbResult) {
                        result = cbResult;
                        return false;
                    });
                });

                it("should invoke the callback with a value of true", function() {
                    box.find("a:last").trigger('click');
                    assert.ok(result);
                });

                it("should not close the dialog", function() {
                    assert.ok(!box.is(":hidden"));
                });
            });
        });

        describe("when dismissing the dialog by clicking Cancel", function() {
            var result;
            before(function() {
                box = bootbox.confirm("Sure?", function(cbResult) {
                    result = cbResult;
                });
            });

            it("should invoke the callback with a value of false", function() {
                box.find("a:first").trigger('click');
                assert.ok(!result);
            });

            it("should close the dialog", function() {
                assert.ok(box.is(":hidden"));
            });

            describe("when the callback returns false", function() {
                var result;
                before(function() {
                    box = bootbox.confirm("Sure?", function(cbResult) {
                        result = cbResult;
                        return false;
                    });
                });

                it("should invoke the callback with a value of true", function() {
                    box.find("a:first").trigger('click');
                    assert.ok(!result);
                });

                it("should not close the dialog", function() {
                    assert.ok(!box.is(":hidden"));
                });
            });
        });

        describe("when pressing escape", function() {
            var result = true;
            before(function() {
                box = bootbox.confirm("Sure?", function(cbResult) {
                    result = cbResult;
                });
            });

            it("should invoke the callback with a value of false", function() {
                var e = jQuery.Event("keyup.dismiss.modal", {which: 27});
                $(box).trigger(e);

                assert.ok(!result);
            });

            it("should close the dialog", function() {
                assert.ok(box.is(":hidden"));
            });

            describe("when the callback returns false", function() {
                var result = true;
                before(function() {
                    box = bootbox.confirm("Sure?", function(cbResult) {
                        result = cbResult;
                        return false;
                    });
                });

                it("should invoke the callback with a value of false", function() {
                    var e = jQuery.Event("keyup.dismiss.modal", {which: 27});
                    $(box).trigger(e);

                    assert.ok(!result);
                });

                it("should not close the dialog", function() {
                    assert.ok(!box.is(":hidden"));
                });
            });
        });
    });

    describe("without a callback", function() {
        describe("when pressing escape", function() {
            before(function() {
                box = bootbox.confirm("Sure?");
            });

            it("should close the dialog", function() {
                var e = jQuery.Event("keyup.dismiss.modal", {which: 27});
                $(box).trigger(e);

                assert.ok(box.is(":hidden"));
            });
        });
    });
});