Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • Johann-S's avatar
    v4 improve coverage (#25945) · 0871d69e
    Johann-S authored 
    * Improve code coverage for our Button plugin

* improve coverage for our Alert plugin

* test tooltip update method

* test update and dispose for dropdown

* increase code coverage requirements
    Unverified
    0871d69e
alert.js 3.79 KiB
1 
/**
2 
 * --------------------------------------------------------------------------
3 
 * Bootstrap (v4.3.1): alert.js
4 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 
 * --------------------------------------------------------------------------
6 
 */
7
8 
import $ from 'jquery'
9 
import Util from './util'
10
11 
/**
12 
 * ------------------------------------------------------------------------
13 
 * Constants
14 
 * ------------------------------------------------------------------------
15 
 */
16
17 
const NAME                = 'alert'
18 
const VERSION             = '4.3.1'
19 
const DATA_KEY            = 'bs.alert'
20 
const EVENT_KEY           = `.${DATA_KEY}`
21 
const DATA_API_KEY        = '.data-api'
22 
const JQUERY_NO_CONFLICT  = $.fn[NAME]
23
24 
const Selector = {
25 
  DISMISS : '[data-dismiss="alert"]'
26 
}
27
28 
const Event = {
29 
  CLOSE          : `close${EVENT_KEY}`,
30 
  CLOSED         : `closed${EVENT_KEY}`,
31 
  CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`
32 
}
33
34 
const ClassName = {
35 
  ALERT : 'alert',
36 
  FADE  : 'fade',
37 
  SHOW  : 'show'
38 
}
39
40 
/**
41 
 * ------------------------------------------------------------------------
42 
 * Class Definition
43 
 * ------------------------------------------------------------------------
44 
 */
45
46 
class Alert {
47 
  constructor(element) {
48 
    this._element = element
49 
  }
50
51 
  // Getters
52
53 
  static get VERSION() {
54 
    return VERSION
55 
  }
56
57 
  // Public
58
59 
  close(element) {
60 
    let rootElement = this._element
61 
    if (element) {
62 
      rootElement = this._getRootElement(element)
63 
    }
64
65 
    const customEvent = this._triggerCloseEvent(rootElement)
66
67 
    if (customEvent.isDefaultPrevented()) {
68 
      return
69 
    }
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
this._removeElement(rootElement) } dispose() { $.removeData(this._element, DATA_KEY) this._element = null } // Private _getRootElement(element) { const selector = Util.getSelectorFromElement(element) let parent = false if (selector) { parent = document.querySelector(selector) } if (!parent) { parent = $(element).closest(`.${ClassName.ALERT}`)[0] } return parent } _triggerCloseEvent(element) { const closeEvent = $.Event(Event.CLOSE) $(element).trigger(closeEvent) return closeEvent } _removeElement(element) { $(element).removeClass(ClassName.SHOW) if (!$(element).hasClass(ClassName.FADE)) { this._destroyElement(element) return } const transitionDuration = Util.getTransitionDurationFromElement(element) $(element) .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event)) Util.emulateTransitionEnd(transitionDuration) } _destroyElement(element) { $(element) .detach() .trigger(Event.CLOSED) .remove() } // Static static _jQueryInterface(config) { return this.each(function () { const $element = $(this) let data = $element.data(DATA_KEY) if (!data) { data = new Alert(this) $element.data(DATA_KEY, data) } if (config === 'close') { data[config](this) }
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
}) } static _handleDismiss(alertInstance) { return function (event) { if (event) { event.preventDefault() } alertInstance.close(this) } } } /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $(document).on( Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert()) ) /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $.fn[NAME] = Alert._jQueryInterface $.fn[NAME].Constructor = Alert $.fn[NAME].noConflict = () => { $.fn[NAME] = JQUERY_NO_CONFLICT return Alert._jQueryInterface } export default Alert