@gitlab/ui 114.1.0 → 114.1.2

package/src/vendor/bootstrap-vue/src/mixins/focus-in.spec.js

@@ -1,53 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { waitNT } from '../../tests/utils'
-import { focusInMixin } from './focus-in'
-
-describe('mixins/focus-in', () => {
-  it('works', async () => {
-    let count = 0
-    const App = {
-      mixins: [focusInMixin],
-      // listenForFocusIn comes from the mixin
-      created() {
-        this.listenForFocusIn = true
-      },
-      methods: {
-        focusInHandler() {
-          count++
-        }
-      },
-      render(h) {
-        return h('div', [h('button', 'button')])
-      }
-    }
-
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    const focusinEvent = new FocusEvent('focusin')
-
-    expect(wrapper).toBeDefined()
-    expect(count).toBe(0)
-    expect(wrapper.vm.listenForFocusIn).toBe(true)
-
-    // When this.listenForFocusIn is true
-    expect(count).toBe(0)
-    await wrapper.find('button').trigger('focusin')
-    expect(count).toBe(1)
-    document.dispatchEvent(focusinEvent)
-    await waitNT(wrapper.vm)
-    expect(count).toBe(2)
-
-    // When this.listenForFocusIn is false
-    await wrapper.setData({ listenForFocusIn: false })
-    expect(count).toBe(2)
-    await wrapper.find('button').trigger('focusin')
-    expect(count).toBe(2)
-    document.dispatchEvent(focusinEvent)
-    await waitNT(wrapper.vm)
-    expect(count).toBe(2)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/mixins/listen-on-document.spec.js

@@ -1,117 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { listenOnDocumentMixin } from './listen-on-document'
-
-describe('mixins/listen-on-document', () => {
-  it('works', async () => {
-    const spyClick1 = jest.fn()
-    const spyClick2 = jest.fn()
-    const spyFocusin = jest.fn()
-
-    const TestComponent = {
-      mixins: [listenOnDocumentMixin],
-      props: {
-        offClickOne: {
-          type: Boolean,
-          default: false
-        }
-      },
-      mounted() {
-        this.listenOnDocument('click', spyClick1)
-        this.listenOnDocument('focusin', spyFocusin)
-        this.listenOnDocument('click', spyClick2)
-      },
-      watch: {
-        offClickOne(newValue) {
-          if (newValue) {
-            this.listenOffDocument('click', spyClick1)
-          }
-        }
-      },
-      render(h) {
-        return h('div', this.$slots.default)
-      }
-    }
-
-    const App = {
-      components: { TestComponent },
-      props: {
-        offClickOne: {
-          type: Boolean,
-          default: false
-        },
-        destroy: {
-          type: Boolean,
-          default: false
-        }
-      },
-      render(h) {
-        const props = {
-          offClickOne: this.offClickOne
-        }
-        return h('div', [
-          h('span', ''),
-          h('input', { type: 'text' }),
-          this.destroy ? h() : h(TestComponent, { props }, 'test-component')
-        ])
-      }
-    }
-
-    const wrapper = mount(App, {
-      attachTo: document.body,
-      propsData: {
-        destroy: false
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.text()).toEqual('test-component')
-
-    expect(spyClick1).not.toHaveBeenCalled()
-    expect(spyClick2).not.toHaveBeenCalled()
-    expect(spyFocusin).not.toHaveBeenCalled()
-
-    const $span = wrapper.find('span')
-    expect($span.exists()).toBe(true)
-
-    const $input = wrapper.find('input')
-    expect($input.exists()).toBe(true)
-
-    await $input.trigger('focusin')
-    expect(spyClick1).not.toHaveBeenCalled()
-    expect(spyClick2).not.toHaveBeenCalled()
-    expect(spyFocusin).toHaveBeenCalledTimes(1)
-
-    await $span.trigger('click')
-    expect(spyClick1).toHaveBeenCalledTimes(1)
-    expect(spyClick2).toHaveBeenCalledTimes(1)
-    expect(spyFocusin).toHaveBeenCalledTimes(1)
-
-    await wrapper.setProps({ offClickOne: true })
-    await $span.trigger('click')
-    expect(spyClick1).toHaveBeenCalledTimes(1)
-    expect(spyClick2).toHaveBeenCalledTimes(2)
-    expect(spyFocusin).toHaveBeenCalledTimes(1)
-
-    await $input.trigger('focusin')
-    expect(spyClick1).toHaveBeenCalledTimes(1)
-    expect(spyClick2).toHaveBeenCalledTimes(2)
-    expect(spyFocusin).toHaveBeenCalledTimes(2)
-
-    await wrapper.setProps({ destroy: true })
-    expect(spyClick1).toHaveBeenCalledTimes(1)
-    expect(spyClick2).toHaveBeenCalledTimes(2)
-    expect(spyFocusin).toHaveBeenCalledTimes(2)
-
-    await $input.trigger('focusin')
-    expect(spyClick1).toHaveBeenCalledTimes(1)
-    expect(spyClick2).toHaveBeenCalledTimes(2)
-    expect(spyFocusin).toHaveBeenCalledTimes(2)
-
-    await $span.trigger('click')
-    expect(spyClick1).toHaveBeenCalledTimes(1)
-    expect(spyClick2).toHaveBeenCalledTimes(2)
-    expect(spyFocusin).toHaveBeenCalledTimes(2)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/mixins/listen-on-root.spec.js

@@ -1,77 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { listenOnRootMixin } from './listen-on-root'
-
-describe('mixins/listen-on-root', () => {
-  it('works', async () => {
-    const spyOn = jest.fn()
-    const spyOnce = jest.fn()
-
-    const TestComponent = {
-      mixins: [listenOnRootMixin],
-      created() {
-        this.listenOnRoot('root-on', spyOn)
-        this.listenOnRootOnce('root-once', spyOnce)
-      },
-      render(h) {
-        return h('div', this.$slots.default)
-      }
-    }
-
-    const App = {
-      components: { TestComponent },
-      props: {
-        destroy: {
-          type: Boolean,
-          default: false
-        }
-      },
-      render(h) {
-        return h('div', [this.destroy ? h() : h(TestComponent, 'test-component')])
-      }
-    }
-
-    const wrapper = mount(App, {
-      propsData: {
-        destroy: false
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.text()).toEqual('test-component')
-
-    expect(spyOn).not.toHaveBeenCalled()
-    expect(spyOnce).not.toHaveBeenCalled()
-
-    const $root = wrapper.vm.$root
-
-    $root.$emit('root-on')
-    expect(spyOn).toHaveBeenCalledTimes(1)
-    expect(spyOnce).not.toHaveBeenCalled()
-
-    $root.$emit('root-once')
-    expect(spyOn).toHaveBeenCalledTimes(1)
-    expect(spyOnce).toHaveBeenCalledTimes(1)
-
-    $root.$emit('root-on')
-    expect(spyOn).toHaveBeenCalledTimes(2)
-    expect(spyOnce).toHaveBeenCalledTimes(1)
-
-    $root.$emit('root-once')
-    expect(spyOn).toHaveBeenCalledTimes(2)
-    expect(spyOnce).toHaveBeenCalledTimes(1)
-
-    await wrapper.setProps({ destroy: true })
-    expect(spyOn).toHaveBeenCalledTimes(2)
-    expect(spyOnce).toHaveBeenCalledTimes(1)
-
-    $root.$emit('root-on')
-    expect(spyOn).toHaveBeenCalledTimes(2)
-    expect(spyOnce).toHaveBeenCalledTimes(1)
-
-    $root.$emit('root-once')
-    expect(spyOn).toHaveBeenCalledTimes(2)
-    expect(spyOnce).toHaveBeenCalledTimes(1)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/mixins/listen-on-window.spec.js

@@ -1,115 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { listenOnWindowMixin } from './listen-on-window'
-
-describe('mixins/listen-on-window', () => {
-  it('works', async () => {
-    const spyResize1 = jest.fn()
-    const spyResize2 = jest.fn()
-    const spyScroll = jest.fn()
-
-    const TestComponent = {
-      mixins: [listenOnWindowMixin],
-      props: {
-        offResizeOne: {
-          type: Boolean,
-          default: false
-        }
-      },
-      mounted() {
-        this.listenOnWindow('resize', spyResize1)
-        this.listenOnWindow('scroll', spyScroll)
-        this.listenOnWindow('resize', spyResize2)
-      },
-      watch: {
-        offResizeOne(newValue) {
-          if (newValue) {
-            this.listenOffWindow('resize', spyResize1)
-          }
-        }
-      },
-      render(h) {
-        return h('div', this.$slots.default)
-      }
-    }
-
-    const App = {
-      components: { TestComponent },
-      props: {
-        offResizeOne: {
-          type: Boolean,
-          default: false
-        },
-        destroy: {
-          type: Boolean,
-          default: false
-        }
-      },
-      render(h) {
-        const props = {
-          offResizeOne: this.offResizeOne
-        }
-        return h('div', [this.destroy ? h() : h(TestComponent, { props }, 'test-component')])
-      }
-    }
-
-    const wrapper = mount(App, {
-      attachTo: document.body,
-      propsData: {
-        destroy: false
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.text()).toEqual('test-component')
-
-    expect(spyResize1).not.toHaveBeenCalled()
-    expect(spyResize2).not.toHaveBeenCalled()
-    expect(spyScroll).not.toHaveBeenCalled()
-
-    window.dispatchEvent(new Event('scroll'))
-
-    expect(spyResize1).not.toHaveBeenCalled()
-    expect(spyResize2).not.toHaveBeenCalled()
-    expect(spyScroll).toHaveBeenCalledTimes(1)
-
-    window.dispatchEvent(new Event('resize'))
-
-    expect(spyResize1).toHaveBeenCalledTimes(1)
-    expect(spyResize2).toHaveBeenCalledTimes(1)
-    expect(spyScroll).toHaveBeenCalledTimes(1)
-
-    await wrapper.setProps({ offResizeOne: true })
-
-    window.dispatchEvent(new Event('resize'))
-
-    expect(spyResize1).toHaveBeenCalledTimes(1)
-    expect(spyResize2).toHaveBeenCalledTimes(2)
-    expect(spyScroll).toHaveBeenCalledTimes(1)
-
-    window.dispatchEvent(new Event('scroll'))
-
-    expect(spyResize1).toHaveBeenCalledTimes(1)
-    expect(spyResize2).toHaveBeenCalledTimes(2)
-    expect(spyScroll).toHaveBeenCalledTimes(2)
-
-    await wrapper.setProps({ destroy: true })
-
-    expect(spyResize1).toHaveBeenCalledTimes(1)
-    expect(spyResize2).toHaveBeenCalledTimes(2)
-    expect(spyScroll).toHaveBeenCalledTimes(2)
-
-    window.dispatchEvent(new Event('scroll'))
-
-    expect(spyResize1).toHaveBeenCalledTimes(1)
-    expect(spyResize2).toHaveBeenCalledTimes(2)
-    expect(spyScroll).toHaveBeenCalledTimes(2)
-
-    window.dispatchEvent(new Event('resize'))
-
-    expect(spyResize1).toHaveBeenCalledTimes(1)
-    expect(spyResize2).toHaveBeenCalledTimes(2)
-    expect(spyScroll).toHaveBeenCalledTimes(2)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/mixins/listeners.spec.js

@@ -1,245 +0,0 @@
-import { isVue3 } from '../vue'
-import { mount } from '@vue/test-utils'
-import { listenersMixin } from './listeners'
-
-// Note: The following tests indirectly test `utils/cache`
-
-describe('mixins > listeners', () => {
-  it('works', async () => {
-    const BTest = {
-      compatConfig: {
-        MODE: 3,
-        RENDER_FUNCTION: 'suppress-warning',
-        INSTANCE_LISTENERS: 'suppress-warning'
-      },
-      name: 'BTest',
-      mixins: [listenersMixin],
-      inheritAttrs: false,
-      render(h) {
-        return h('button', { on: this.bvListeners })
-      }
-    }
-    const App = {
-      compatConfig: { MODE: 3, RENDER_FUNCTION: 'suppress-warning' },
-      name: 'App',
-      props: ['listenClick', 'listenFocus', 'listenBlur'],
-      computed: {
-        listeners() {
-          const listeners = {}
-          if (this.listenClick) {
-            listeners.click = event => this.$emit('click', event)
-          }
-          if (this.listenFocus) {
-            listeners.focus = event => this.$emit('focus', event)
-          }
-          if (this.listenBlur) {
-            listeners.blur = event => this.$emit('blur', event)
-          }
-          return listeners
-        }
-      },
-      render(h) {
-        return h(BTest, { on: this.listeners })
-      }
-    }
-
-    const wrapper = mount(App)
-
-    expect(wrapper).toBeDefined()
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('BUTTON')
-
-    const $test = wrapper.findComponent(BTest)
-
-    expect($test.exists()).toBe(true)
-    expect($test.vm).toBeDefined()
-
-    expect($test.vm.bvListeners).toBeDefined()
-    expect($test.vm.bvListeners.click).toBeUndefined()
-    expect($test.vm.bvListeners.focus).toBeUndefined()
-    expect($test.vm.bvListeners.blur).toBeUndefined()
-
-    // Correctly adds new listeners
-    await wrapper.setProps({
-      listenClick: true,
-      listenFocus: true
-    })
-
-    expect($test.vm.bvListeners.click).toBeDefined()
-    expect($test.vm.bvListeners.focus).toBeDefined()
-    expect($test.vm.bvListeners.blur).toBeUndefined()
-
-    // Correctly updates listeners
-    await wrapper.setProps({
-      listenClick: false,
-      listenBlur: true
-    })
-
-    expect($test.vm.bvListeners.click).toBeUndefined()
-    expect($test.vm.bvListeners.focus).toBeDefined()
-    expect($test.vm.bvListeners.blur).toBeDefined()
-
-    // Correctly removes listeners
-    await wrapper.setProps({
-      listenClick: false,
-      listenFocus: false,
-      listenBlur: false
-    })
-
-    expect($test.vm.bvListeners.click).toBeUndefined()
-    expect($test.vm.bvListeners.focus).toBeUndefined()
-    expect($test.vm.bvListeners.blur).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('does not re-render parent child components', async () => {
-    let input1RenderCount = 0
-    let input2RenderCount = 0
-
-    const Input1 = {
-      compatConfig: {
-        MODE: 3,
-        RENDER_FUNCTION: 'suppress-warning',
-        INSTANCE_LISTENERS: 'suppress-warning'
-      },
-      props: ['value'],
-      render(h) {
-        input1RenderCount++
-        return h('input', {
-          attrs: { value: this.value },
-          domProps: { value: this.value },
-          on: { ...this.$listeners, input: e => this.$emit('input', e.target.value) }
-        })
-      }
-    }
-    const Input2 = {
-      compatConfig: {
-        MODE: 3,
-        RENDER_FUNCTION: 'suppress-warning',
-        INSTANCE_LISTENERS: 'suppress-warning'
-      },
-      props: ['value'],
-      mixins: [listenersMixin],
-      render(h) {
-        input2RenderCount++
-        return h('input', {
-          attrs: { value: this.value },
-          domProps: { value: this.value },
-          on: { ...this.bvListeners, input: e => this.$emit('input', e.target.value) }
-        })
-      }
-    }
-
-    const App1 = {
-      components: { Input1 },
-      props: ['listenFocus1', 'listenFocus2'],
-      methods: {
-        emit1($event) {
-          if (this.listenFocus1) {
-            this.$emit('focus1', $event)
-          }
-        },
-        emit2($event) {
-          if (this.listenFocus2) {
-            this.$emit('focus2', $event)
-          }
-        }
-      },
-      template: `<div>
-        <Input1 @focus="emit1" />
-        <Input1 @focus="emit2" />
-      </div>`
-    }
-    const App2 = {
-      components: { Input2 },
-      props: ['listenFocus1', 'listenFocus2'],
-      methods: {
-        emit1($event) {
-          if (this.listenFocus1) {
-            this.$emit('focus1', $event)
-          }
-        },
-        emit2($event) {
-          if (this.listenFocus2) {
-            this.$emit('focus2', $event)
-          }
-        }
-      },
-      template: `<div>
-        <Input2 @focus="emit1" />
-        <Input2 @focus="emit2" />
-      </div>`
-    }
-
-    const wrapper1 = mount(App1, { attachTo: document.body })
-    const wrapper2 = mount(App2, { attachTo: document.body })
-
-    // --- `Input1` tests ---
-
-    const $inputs1 = wrapper1.findAllComponents(Input1)
-    expect($inputs1.length).toBe(2)
-    expect($inputs1.at(0)).toBeDefined()
-    expect($inputs1.at(1)).toBeDefined()
-    expect(wrapper1.emitted().focus1).not.toBeTruthy()
-    expect(wrapper1.emitted().focus2).not.toBeTruthy()
-    expect(input1RenderCount).toBe(2)
-
-    await $inputs1.at(0).trigger('focus')
-    expect(wrapper1.emitted().focus1).not.toBeTruthy()
-    await $inputs1.at(1).trigger('focus')
-    expect(wrapper1.emitted().focus2).not.toBeTruthy()
-    expect(input1RenderCount).toBe(2)
-
-    // Enable focus events for the first input and trigger it
-    await wrapper1.setProps({ listenFocus1: true })
-    await $inputs1.at(0).trigger('focus')
-    expect(wrapper1.emitted().focus1).toBeTruthy()
-    expect(wrapper1.emitted().focus2).not.toBeTruthy()
-    // Both `Input1`'s are re-rendered (See: https://github.com/vuejs/vue/issues/7257)
-    expect(input1RenderCount).toBe(isVue3 ? 2 : 4)
-
-    // Enable focus events for the second input and trigger it
-    await wrapper1.setProps({ listenFocus2: true })
-    await $inputs1.at(1).trigger('focus')
-    expect(wrapper1.emitted().focus1).toBeTruthy()
-    expect(wrapper1.emitted().focus2).toBeTruthy()
-    // Both `Input1`'s are re-rendered (See: https://github.com/vuejs/vue/issues/7257)
-    expect(input1RenderCount).toBe(isVue3 ? 2 : 6)
-
-    // --- `Input2` tests ---
-
-    const $inputs2 = wrapper2.findAllComponents(Input2)
-    expect($inputs2.length).toBe(2)
-    expect($inputs2.at(0)).toBeDefined()
-    expect($inputs2.at(1)).toBeDefined()
-    expect(wrapper2.emitted().focus1).not.toBeTruthy()
-    expect(wrapper2.emitted().focus2).not.toBeTruthy()
-    expect(input2RenderCount).toBe(2)
-
-    await $inputs2.at(0).trigger('focus')
-    expect(wrapper2.emitted().focus1).not.toBeTruthy()
-    await $inputs2.at(1).trigger('focus')
-    expect(wrapper2.emitted().focus2).not.toBeTruthy()
-    expect(input2RenderCount).toBe(2)
-
-    // Enable focus events for the first input and trigger it
-    await wrapper2.setProps({ listenFocus1: true })
-    await $inputs2.at(0).trigger('focus')
-    expect(wrapper2.emitted().focus1).toBeTruthy()
-    expect(wrapper2.emitted().focus2).not.toBeTruthy()
-    // With `listenersMixin` only the affected `Input2` is re-rendered
-    expect(input2RenderCount).toBe(2)
-
-    // Enable focus events for the second input and trigger it
-    await wrapper2.setProps({ listenFocus2: true })
-    await $inputs2.at(1).trigger('focus')
-    expect(wrapper2.emitted().focus1).toBeTruthy()
-    expect(wrapper2.emitted().focus2).toBeTruthy()
-    // With `listenersMixin` only the affected `Input2` is re-rendered
-    expect(input2RenderCount).toBe(2)
-
-    wrapper1.destroy()
-    wrapper2.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/utils/bv-event.class.spec.js

@@ -1,66 +0,0 @@
-import { BvEvent } from './bv-event.class'
-
-describe('utils/BvEvent class', () => {
-  it('works', async () => {
-    const event = new BvEvent('foobar')
-    expect(event).toBeInstanceOf(BvEvent)
-    expect(event.type).toBe('foobar')
-  })
-
-  it('throws exception if no type given', async () => {
-    let event = null
-    let failed = false
-    try {
-      event = new BvEvent()
-    } catch (e) {
-      failed = true
-    }
-    expect(event).not.toBeInstanceOf(BvEvent)
-    expect(event).toBe(null)
-    expect(failed).toBe(true)
-  })
-
-  it('supports cancelable events', async () => {
-    const event = new BvEvent('foobar', {
-      cancelable: true
-    })
-    expect(event).toBeInstanceOf(BvEvent)
-    expect(event.type).toBe('foobar')
-    expect(event.cancelable).toBe(true)
-    expect(event.defaultPrevented).toBe(false)
-    event.preventDefault()
-    expect(event.defaultPrevented).toBe(true)
-  })
-
-  it('supports non cancelable events', async () => {
-    const event = new BvEvent('foobar', {
-      cancelable: false
-    })
-    expect(event).toBeInstanceOf(BvEvent)
-    expect(event.type).toBe('foobar')
-    expect(event.cancelable).toBe(false)
-    expect(event.defaultPrevented).toBe(false)
-    event.preventDefault()
-    expect(event.defaultPrevented).toBe(false)
-  })
-
-  it('supports built in properties', async () => {
-    const event = new BvEvent('foobar', {
-      target: 'baz'
-    })
-    expect(event).toBeInstanceOf(BvEvent)
-    expect(event.type).toBe('foobar')
-    expect(event.cancelable).toBe(true)
-    expect(event.target).toBe('baz')
-  })
-
-  it('supports custom properties', async () => {
-    const event = new BvEvent('foobar', {
-      custom: 123
-    })
-    expect(event).toBeInstanceOf(BvEvent)
-    expect(event.type).toBe('foobar')
-    expect(event.cancelable).toBe(true)
-    expect(event.custom).toBe(123)
-  })
-})