123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141 |
- // swal() sould add the modal to the DOM + make it visible
- test("modal shows up", function() {
- equal($('.sweet-alert').length, 0);
- swal("Hello world!");
-
- ok($('.sweet-alert').is(':visible'));
- });
- // Clicking the confirm-button should dismiss the modal
- test("dismiss modal with confirm-button", function(assert) {
- var done = assert.async();
- swal("Dismiss me");
- var $modal = $('.sweet-alert');
- $modal.find('button.confirm').click();
-
- setTimeout(function() {
- assert.ok($modal.is(':hidden'));
- done();
- }, 500);
- });
- test("dismiss modal with esc-key", function(assert) {
- var done = assert.async();
- swal("Dismiss me");
- var $modal = $('.sweet-alert');
- $(document).trigger($.Event('keydown', {
- keyCode: 27
- }));
- setTimeout(function() {
- assert.ok($modal.is(':hidden'));
- done();
- }, 500);
- });
- test("modals stays on with esc-key if allowEscapeKey is false", function(assert) {
- var done = assert.async();
- swal({
- title: "Dismiss me",
- allowEscapeKey: false
- });
- var $modal = $('.sweet-alert');
- $(document).trigger($.Event('keydown', {
- keyCode: 27
- }));
- setTimeout(function() {
- assert.ok($modal.is(':visible'));
- done();
- }, 500);
- });
- /*
- * Make sure that when using { showCancelButton: true }:
- * - The cancel-button is visible on the modal
- * - Clicking on it dismisses the modal
- */
- test("cancel-button works", function(assert) {
- var done = assert.async();
- swal({
- title: "Test",
- showCancelButton: true
- });
-
- var $modal = $('.sweet-alert');
- var $cancelBtn = $modal.find('button.cancel');
- ok($cancelBtn.is(':visible'));
- $cancelBtn.click();
- setTimeout(function() {
- assert.ok($modal.is(':hidden'));
- done();
- }, 500);
- });
- // Clicking the overlay should not dismiss the modal...
- test("clicking the overlay does not dismiss modal", function(assert) {
- var done = assert.async();
- swal("Test");
- var $modal = $('.sweet-alert');
- $('.sweet-overlay').click();
- setTimeout(function() {
- assert.ok($modal.is(':visible'));
- done();
- }, 500);
- });
- // ...except if we pass allowOutsideClick: true
- test("clicking the overlay (with allowOutsideClick option) dismisses modal", function(assert) {
- var done = assert.async();
- swal({
- title: "Test",
- allowOutsideClick: true
- });
- var $modal = $('.sweet-alert');
- $('.sweet-overlay').click();
- setTimeout(function() {
- assert.ok($modal.is(':hidden'));
- done();
- }, 500);
- });
- test("timer works", function(assert) {
- var done = assert.async();
- swal({
- title: "Timer test",
- showConfirmButton: false,
- timer: 500
- });
- var $modal = $('.sweet-alert');
- assert.ok($modal.find('button.cancel, button.confirm').is(':hidden'));
- setTimeout(function() {
- assert.ok($modal.is(':hidden'));
- done();
- }, 1000);
- });
- test("prompt functionality works", function() {
- swal({
- title: "Prompt test",
- type: "input",
- inputPlaceholder: "Placeholder text"
- });
- var $modal = $('.sweet-alert');
- ok($modal.find('fieldset input').is(':visible'));
- equal($modal.find('fieldset input').attr('placeholder'), "Placeholder text");
- });
|