POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/unit/popover.js

   1 $(function () {
   2   'use strict';
   3
   4   QUnit.module('popover plugin')
   5
   6   QUnit.test('should be defined on jquery object', function (assert) {
   7     assert.expect(1)
   8     assert.ok($(document.body).popover, 'popover method is defined')
   9   })
  10
  11   QUnit.module('popover', {
  12     beforeEach: function () {
  13       // Run all tests in noConflict mode -- it's the only way to ensure that the plugin works in noConflict mode
  14       $.fn.bootstrapPopover = $.fn.popover.noConflict()
  15     },
  16     afterEach: function () {
  17       $.fn.popover = $.fn.bootstrapPopover
  18       delete $.fn.bootstrapPopover
  19     }
  20   })
  21
  22   QUnit.test('should provide no conflict', function (assert) {
  23     assert.expect(1)
  24     assert.strictEqual($.fn.popover, undefined, 'popover was set back to undefined (org value)')
  25   })
  26
  27   QUnit.test('should return jquery collection containing the element', function (assert) {
  28     assert.expect(2)
  29     var $el = $('<div/>')
  30     var $popover = $el.bootstrapPopover()
  31     assert.ok($popover instanceof $, 'returns jquery collection')
  32     assert.strictEqual($popover[0], $el[0], 'collection contains element')
  33   })
  34
  35   QUnit.test('should render popover element', function (assert) {
  36     assert.expect(2)
  37     var $popover = $('<a href="#" title="mdo" data-content="https://twitter.com/mdo">@mdo</a>')
  38       .appendTo('#qunit-fixture')
  39       .bootstrapPopover('show')
  40
  41     assert.notEqual($('.popover').length, 0, 'popover was inserted')
  42     $popover.bootstrapPopover('hide')
  43     assert.strictEqual($('.popover').length, 0, 'popover removed')
  44   })
  45
  46   QUnit.test('should store popover instance in popover data object', function (assert) {
  47     assert.expect(1)
  48     var $popover = $('<a href="#" title="mdo" data-content="https://twitter.com/mdo">@mdo</a>').bootstrapPopover()
  49
  50     assert.ok($popover.data('bs.popover'), 'popover instance exists')
  51   })
  52
  53   QUnit.test('should store popover trigger in popover instance data object', function (assert) {
  54     assert.expect(1)
  55     var $popover = $('<a href="#" title="ResentedHook">@ResentedHook</a>')
  56       .appendTo('#qunit-fixture')
  57       .bootstrapPopover()
  58
  59     $popover.bootstrapPopover('show')
  60
  61     assert.ok($('.popover').data('bs.popover'), 'popover trigger stored in instance data')
  62   })
  63
  64   QUnit.test('should get title and content from options', function (assert) {
  65     assert.expect(4)
  66     var $popover = $('<a href="#">@fat</a>')
  67       .appendTo('#qunit-fixture')
  68       .bootstrapPopover({
  69         title: function () {
  70           return '@fat'
  71         },
  72         content: function () {
  73           return 'loves writing tests （╯°□°）╯︵ ┻━┻'
  74         }
  75       })
  76
  77     $popover.bootstrapPopover('show')
  78
  79     assert.notEqual($('.popover').length, 0, 'popover was inserted')
  80     assert.strictEqual($('.popover .popover-title').text(), '@fat', 'title correctly inserted')
  81     assert.strictEqual($('.popover .popover-content').text(), 'loves writing tests （╯°□°）╯︵ ┻━┻', 'content correctly inserted')
  82
  83     $popover.bootstrapPopover('hide')
  84     assert.strictEqual($('.popover').length, 0, 'popover was removed')
  85   })
  86
  87   QUnit.test('should not duplicate HTML object', function (assert) {
  88     assert.expect(6)
  89     var $div = $('<div/>').html('loves writing tests （╯°□°）╯︵ ┻━┻')
  90
  91     var $popover = $('<a href="#">@fat</a>')
  92       .appendTo('#qunit-fixture')
  93       .bootstrapPopover({
  94         content: function () {
  95           return $div
  96         }
  97       })
  98
  99     $popover.bootstrapPopover('show')
 100     assert.notEqual($('.popover').length, 0, 'popover was inserted')
 101     assert.equal($('.popover .popover-content').html(), $div, 'content correctly inserted')
 102
 103     $popover.bootstrapPopover('hide')
 104     assert.strictEqual($('.popover').length, 0, 'popover was removed')
 105
 106     $popover.bootstrapPopover('show')
 107     assert.notEqual($('.popover').length, 0, 'popover was inserted')
 108     assert.equal($('.popover .popover-content').html(), $div, 'content correctly inserted')
 109
 110     $popover.bootstrapPopover('hide')
 111     assert.strictEqual($('.popover').length, 0, 'popover was removed')
 112   })
 113
 114   QUnit.test('should get title and content from attributes', function (assert) {
 115     assert.expect(4)
 116     var $popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
 117       .appendTo('#qunit-fixture')
 118       .bootstrapPopover()
 119       .bootstrapPopover('show')
 120
 121     assert.notEqual($('.popover').length, 0, 'popover was inserted')
 122     assert.strictEqual($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
 123     assert.strictEqual($('.popover .popover-content').text(), 'loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻', 'content correctly inserted')
 124
 125     $popover.bootstrapPopover('hide')
 126     assert.strictEqual($('.popover').length, 0, 'popover was removed')
 127   })
 128
 129
 130   QUnit.test('should get title and content from attributes ignoring options passed via js', function (assert) {
 131     assert.expect(4)
 132     var $popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
 133       .appendTo('#qunit-fixture')
 134       .bootstrapPopover({
 135         title: 'ignored title option',
 136         content: 'ignored content option'
 137       })
 138       .bootstrapPopover('show')
 139
 140     assert.notEqual($('.popover').length, 0, 'popover was inserted')
 141     assert.strictEqual($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
 142     assert.strictEqual($('.popover .popover-content').text(), 'loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻', 'content correctly inserted')
 143
 144     $popover.bootstrapPopover('hide')
 145     assert.strictEqual($('.popover').length, 0, 'popover was removed')
 146   })
 147
 148   QUnit.test('should respect custom template', function (assert) {
 149     assert.expect(3)
 150     var $popover = $('<a href="#">@fat</a>')
 151       .appendTo('#qunit-fixture')
 152       .bootstrapPopover({
 153         title: 'Test',
 154         content: 'Test',
 155         template: '<div class="popover foobar"><div class="arrow"></div><div class="inner"><h3 class="title"/><div class="content"><p/></div></div></div>'
 156       })
 157
 158     $popover.bootstrapPopover('show')
 159
 160     assert.notEqual($('.popover').length, 0, 'popover was inserted')
 161     assert.ok($('.popover').hasClass('foobar'), 'custom class is present')
 162
 163     $popover.bootstrapPopover('hide')
 164     assert.strictEqual($('.popover').length, 0, 'popover was removed')
 165   })
 166
 167   QUnit.test('should destroy popover', function (assert) {
 168     assert.expect(7)
 169     var $popover = $('<div/>')
 170       .bootstrapPopover({
 171         trigger: 'hover'
 172       })
 173       .on('click.foo', $.noop)
 174
 175     assert.ok($popover.data('bs.popover'), 'popover has data')
 176     assert.ok($._data($popover[0], 'events').mouseover && $._data($popover[0], 'events').mouseout, 'popover has hover event')
 177     assert.strictEqual($._data($popover[0], 'events').click[0].namespace, 'foo', 'popover has extra click.foo event')
 178
 179     $popover.bootstrapPopover('show')
 180     $popover.bootstrapPopover('destroy')
 181
 182     assert.ok(!$popover.hasClass('in'), 'popover is hidden')
 183     assert.ok(!$popover.data('popover'), 'popover does not have data')
 184     assert.strictEqual($._data($popover[0], 'events').click[0].namespace, 'foo', 'popover still has click.foo')
 185     assert.ok(!$._data($popover[0], 'events').mouseover && !$._data($popover[0], 'events').mouseout, 'popover does not have any events')
 186   })
 187
 188   QUnit.test('should render popover element using delegated selector', function (assert) {
 189     assert.expect(2)
 190     var $div = $('<div><a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a></div>')
 191       .appendTo('#qunit-fixture')
 192       .bootstrapPopover({
 193         selector: 'a',
 194         trigger: 'click'
 195       })
 196
 197     $div.find('a').trigger('click')
 198     assert.notEqual($('.popover').length, 0, 'popover was inserted')
 199
 200     $div.find('a').trigger('click')
 201     assert.strictEqual($('.popover').length, 0, 'popover was removed')
 202   })
 203
 204   QUnit.test('should detach popover content rather than removing it so that event handlers are left intact', function (assert) {
 205     assert.expect(1)
 206     var $content = $('<div class="content-with-handler"><a class="btn btn-warning">Button with event handler</a></div>').appendTo('#qunit-fixture')
 207
 208     var handlerCalled = false
 209     $('.content-with-handler .btn').on('click', function () {
 210       handlerCalled = true
 211     })
 212
 213     var $div = $('<div><a href="#">Show popover</a></div>')
 214       .appendTo('#qunit-fixture')
 215       .bootstrapPopover({
 216         html: true,
 217         trigger: 'manual',
 218         container: 'body',
 219         content: function () {
 220           return $content
 221         }
 222       })
 223
 224     var done = assert.async()
 225     $div
 226       .one('shown.bs.popover', function () {
 227         $div
 228           .one('hidden.bs.popover', function () {
 229             $div
 230               .one('shown.bs.popover', function () {
 231                 $('.content-with-handler .btn').trigger('click')
 232                 $div.bootstrapPopover('destroy')
 233                 assert.ok(handlerCalled, 'content\'s event handler still present')
 234                 done()
 235               })
 236               .bootstrapPopover('show')
 237           })
 238           .bootstrapPopover('hide')
 239       })
 240       .bootstrapPopover('show')
 241   })
 242
 243   QUnit.test('should throw an error when initializing popover on the document object without specifying a delegation selector', function (assert) {
 244     assert.expect(1)
 245     assert.throws(function () {
 246       $(document).bootstrapPopover({ title: 'What am I on?', content: 'My selector is missing' })
 247     }, new Error('`selector` option must be specified when initializing popover on the window.document object!'))
 248   })
 249
 250   QUnit.test('should do nothing when an attempt is made to hide an uninitialized popover', function (assert) {
 251     assert.expect(1)
 252
 253     var $popover = $('<span data-toggle="popover" data-title="some title" data-content="some content">some text</span>')
 254       .appendTo('#qunit-fixture')
 255       .on('hidden.bs.popover shown.bs.popover', function () {
 256         assert.ok(false, 'should not fire any popover events')
 257       })
 258       .bootstrapPopover('hide')
 259     assert.strictEqual($popover.data('bs.popover'), undefined, 'should not initialize the popover')
 260   })
 261
 262 })