@gitlab/ui 114.0.1 → 114.1.1

package/src/vendor/bootstrap-vue/src/components/toast/helpers/bv-toast.spec.js

@@ -1,117 +0,0 @@
-import { createWrapper, mount } from '@vue/test-utils'
-import { Vue } from '../../../vue'
-import { waitNT, waitRAF } from '../../../../tests/utils'
-import { ToastPlugin } from '../index'
-
-Vue.use(ToastPlugin)
-
-describe('$bvToast', () => {
-  it('$bvToast.show() and $bvToast.hide() works', async () => {
-    const App = {
-      render(h) {
-        return h(
-          'b-toast',
-          {
-            props: {
-              id: 'test1',
-              static: true,
-              visible: false,
-              noAutoHide: true
-            }
-          },
-          'content'
-        )
-      }
-    }
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper.vm).toBeDefined()
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.vm.$bvToast).toBeDefined()
-    expect(wrapper.vm.$bvToast.show).toBeDefined()
-    expect(typeof wrapper.vm.$bvToast.show).toEqual('function')
-    expect(wrapper.vm.$bvToast.hide).toBeDefined()
-    expect(typeof wrapper.vm.$bvToast.hide).toEqual('function')
-
-    expect(wrapper.find('.toast').exists()).toBe(false)
-
-    wrapper.vm.$bvToast.show('test1')
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.find('.toast').exists()).toBe(true)
-
-    wrapper.vm.$bvToast.hide('test1')
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.find('.toast').exists()).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('$bvModal.toast() works', async () => {
-    const App = {
-      render(h) {
-        return h('div', 'app')
-      }
-    }
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    expect(wrapper.vm).toBeDefined()
-
-    // `$bvModal.toast`
-    expect(wrapper.vm.$bvToast).toBeDefined()
-    const bvToast = wrapper.vm.$bvToast
-    expect(bvToast.toast).toBeDefined()
-    expect(typeof bvToast.toast).toEqual('function')
-
-    // Trigger a toast
-    bvToast.toast('message', {
-      id: 'test2',
-      title: 'title',
-      noAutoHide: true
-    })
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    // Find the toast
-    const toast = document.querySelector('#test2')
-    expect(toast).toBeDefined()
-    expect(toast).not.toEqual(null)
-    const $toast = createWrapper(toast)
-    expect($toast.element.tagName).toBe('DIV')
-
-    // Find  header
-    expect($toast.find('.toast-header').exists()).toBe(true)
-    expect($toast.find('.toast-header').text()).toContain('title')
-
-    // Find body
-    expect($toast.find('.toast-body').exists()).toBe(true)
-    expect($toast.find('.toast-body').text()).toContain('message')
-  })
-})

package/src/vendor/bootstrap-vue/src/components/toast/package.json

@@ -1,184 +0,0 @@
-{
-  "name": "@bootstrap-vue/toast",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Toast",
-    "slug": "toast",
-    "description": "Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.",
-    "plugins": [
-      "BVToastPlugin"
-    ],
-    "components": [
-      {
-        "component": "BToast",
-        "props": [
-          {
-            "prop": "appendToast",
-            "description": "When true, the toast will be appended to the bottom on the visible toasts, otherwise it will be prepended"
-          },
-          {
-            "prop": "autoHideDelay",
-            "description": "The number of milliseconds before the toast auto dismisses itself"
-          },
-          {
-            "prop": "bodyClass",
-            "description": "CSS class (or classes) to add to the toast body element"
-          },
-          {
-            "prop": "headerClass",
-            "description": "CSS class (or classes) to add to the toast header element"
-          },
-          {
-            "prop": "headerTag",
-            "version": "2.22.0",
-            "description": "Specify the HTML tag to render instead of the default tag for the footer"
-          },
-          {
-            "prop": "isStatus",
-            "description": "When set to 'true', makes the toast have attributes aria-live=polite and role=status. When 'false' aria-live will be 'assertive' and role will be 'alert'"
-          },
-          {
-            "prop": "noAutoHide",
-            "description": "When set, disabled the toast from automatically dismissing itself"
-          },
-          {
-            "prop": "noHoverPause",
-            "description": "When set, disables the pausing of the auto hide delay when the mouse hovers the toast"
-          },
-          {
-            "prop": "solid",
-            "description": "When set, renderes the toast with a solid background rather than translucent"
-          },
-          {
-            "prop": "title",
-            "description": "The toast's title text"
-          },
-          {
-            "prop": "toastClass",
-            "description": "CSS class (or classes) to add to the toast wrapper element"
-          },
-          {
-            "prop": "toaster",
-            "description": "The name of the toaster target to render the toast in"
-          },
-          {
-            "prop": "variant",
-            "description": "Applies one of the Bootstrap theme color variants to the component"
-          },
-          {
-            "prop": "visible",
-            "description": "When true, shows the toast"
-          }
-        ],
-        "events": [
-          {
-            "event": "change",
-            "description": "Toast visibility state. Used to update the v-model",
-            "args": [
-              {
-                "arg": "visible",
-                "type": "Boolean",
-                "description": "`true` if toast is visible, `false` otherwise"
-              }
-            ]
-          },
-          {
-            "event": "hidden",
-            "description": "Always emits after toast is hidden",
-            "args": [
-              {
-                "arg": "bvEvent",
-                "type": "BvEvent",
-                "description": "BvEvent object"
-              }
-            ]
-          },
-          {
-            "event": "hide",
-            "description": "Always emits just before toast has hidden",
-            "args": [
-              {
-                "arg": "bvEvent",
-                "type": "BvEvent",
-                "description": "BvEvent object"
-              }
-            ]
-          },
-          {
-            "event": "show",
-            "description": "Always emits just before toast is shown",
-            "args": [
-              {
-                "arg": "bvEvent",
-                "type": "BvEvent",
-                "description": "BvEvent object"
-              }
-            ]
-          },
-          {
-            "event": "shown",
-            "description": "Always emits when toast is shown",
-            "args": [
-              {
-                "arg": "bvEvent",
-                "type": "BvEvent",
-                "description": "BvEvent object"
-              }
-            ]
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Toast body content. Optionally scoped",
-            "scope": [
-              {
-                "prop": "hide",
-                "type": "Function",
-                "description": "Hides the toast when called. Useful if you are providing your own close button"
-              }
-            ]
-          },
-          {
-            "name": "toast-title",
-            "description": "Toast title. Optionally scoped",
-            "scope": [
-              {
-                "prop": "hide",
-                "type": "Function",
-                "description": "Hides the toast when called. Useful if you are providing your own close button"
-              }
-            ]
-          }
-        ]
-      },
-      {
-        "component": "BToaster",
-        "props": [
-          {
-            "prop": "ariaAtomic",
-            "description": "When screen reader's should read out the entire contents (set to string 'true') or just the changes (set to string 'false'). Leave blank for most cases"
-          },
-          {
-            "prop": "ariaLive",
-            "description": "When the rendered element is an aria-live region (for screen reader users), set to either 'polite' or 'assertive'"
-          },
-          {
-            "prop": "name",
-            "description": "The toaster's target name"
-          },
-          {
-            "prop": "role",
-            "description": "Sets the ARIA attribute 'role' to a specific value"
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content (toasts) to place in the toaster element"
-          }
-        ]
-      }
-    ]
-  }
-}

package/src/vendor/bootstrap-vue/src/components/toast/toast.spec.js

@@ -1,294 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { ensureEventEmitted, waitNT, waitRAF } from '../../../tests/utils'
-import { BToast } from './toast'
-
-describe('b-toast', () => {
-  beforeAll(() => {
-    // Prevent multiple Vue warnings in tests
-    jest.spyOn(console, 'warn').mockImplementation(() => {})
-  })
-
-  afterAll(() => {
-    console.warn.mockClear()
-  })
-
-  it('has expected structure', async () => {
-    const wrapper = mount(BToast, {
-      attachTo: document.body,
-      propsData: {
-        static: true,
-        noAutoHide: true,
-        visible: true,
-        title: 'title'
-      },
-      slots: {
-        default: 'content'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('b-toast')
-    expect(wrapper.classes()).toContain('b-toast-prepend')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.attributes('role')).toEqual('alert')
-    expect(wrapper.attributes('aria-live')).toEqual('assertive')
-    expect(wrapper.attributes('aria-atomic')).toEqual('true')
-
-    expect(wrapper.find('.toast').exists()).toBe(true)
-    const $toast = wrapper.find('.toast')
-    expect($toast.element.tagName).toBe('DIV')
-    expect($toast.classes()).toContain('toast')
-    expect($toast.attributes('tabindex')).toEqual('0')
-
-    expect($toast.find('.toast-body').exists()).toBe(true)
-    const $body = $toast.find('.toast-body')
-    expect($body.element.tagName).toBe('DIV')
-    expect($body.classes().length).toBe(1)
-    expect($body.text()).toEqual('content')
-
-    wrapper.destroy()
-  })
-
-  it('visible prop works', async () => {
-    const wrapper = mount(BToast, {
-      attachTo: document.body,
-      propsData: {
-        static: true,
-        noAutoHide: true,
-        visible: false,
-        title: 'title',
-        href: '#foobar'
-      },
-      slots: {
-        default: 'content'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    expect(wrapper.emitted('show')).toBeUndefined()
-    expect(wrapper.emitted('shown')).toBeUndefined()
-    expect(wrapper.emitted('hide')).toBeUndefined()
-    expect(wrapper.emitted('hidden')).toBeUndefined()
-
-    await wrapper.setProps({ visible: true })
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('DIV')
-
-    expect(wrapper.emitted('show')).toBeDefined()
-    expect(wrapper.emitted('shown')).toBeDefined()
-    expect(wrapper.emitted('hide')).toBeUndefined()
-    expect(wrapper.emitted('hidden')).toBeUndefined()
-    expect(wrapper.emitted('show').length).toBe(1)
-    expect(wrapper.emitted('shown').length).toBe(1)
-
-    await wrapper.setProps({ visible: false })
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    expect(wrapper.emitted('show')).toBeDefined()
-    expect(wrapper.emitted('shown')).toBeDefined()
-    expect(wrapper.emitted('hide')).toBeDefined()
-    expect(wrapper.emitted('hidden')).toBeDefined()
-    expect(wrapper.emitted('show').length).toBe(1)
-    expect(wrapper.emitted('shown').length).toBe(1)
-    expect(wrapper.emitted('hide').length).toBe(1)
-    expect(wrapper.emitted('hidden').length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('alert with link closes on click works', async () => {
-    const wrapper = mount(BToast, {
-      attachTo: document.body,
-      propsData: {
-        static: true,
-        noAutoHide: true,
-        visible: true,
-        title: 'title',
-        href: '#foobar'
-      },
-      slots: {
-        default: 'content'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-
-    const $body = wrapper.find('.toast-body')
-    expect($body.element.tagName).toBe('A')
-    expect($body.attributes('href')).toEqual('#foobar')
-
-    expect(wrapper.emitted('hide')).toBeUndefined()
-    expect(wrapper.emitted('hidden')).toBeUndefined()
-    expect(wrapper.emitted('change')).toBeUndefined()
-
-    $body.element.focus()
-    await $body.trigger('click')
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    expect(wrapper.emitted('hide')).toBeDefined()
-    expect(wrapper.emitted('hidden')).toBeDefined()
-    expect(wrapper.emitted('change')).toBeDefined()
-
-    wrapper.destroy()
-  })
-
-  it('auto-hide works', async () => {
-    const wrapper = mount(BToast, {
-      attachTo: document.body,
-      propsData: {
-        static: true,
-        noAutoHide: false,
-        visible: true,
-        title: 'title',
-        autoHideDelay: 1000
-      },
-      slots: {
-        default: 'content'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.vm.$_dismissTimer).not.toEqual(null)
-
-    await ensureEventEmitted(wrapper, 'hidden')
-
-    expect(wrapper.vm.$_dismissTimer).toBe(null)
-    expect(wrapper.element.nodeType).toBe(Node.COMMENT_NODE)
-
-    wrapper.destroy()
-  })
-
-  it('hover pause works', async () => {
-    const wrapper = mount(BToast, {
-      attachTo: document.body,
-      propsData: {
-        static: true,
-        noAutoHide: false,
-        visible: true,
-        title: 'title'
-      },
-      slots: {
-        default: 'content'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.vm.$_dismissTimer).not.toEqual(null)
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    await wrapper.trigger('mouseenter')
-    await waitRAF()
-    expect(wrapper.vm.$_dismissTimer).toEqual(null)
-
-    await wrapper.trigger('mouseleave')
-    await waitRAF()
-    expect(wrapper.vm.$_dismissTimer).not.toEqual(null)
-
-    wrapper.destroy()
-  })
-
-  it('hover pause has no effect when no-hover-pause is set', async () => {
-    const wrapper = mount(BToast, {
-      attachTo: document.body,
-      propsData: {
-        static: true,
-        noAutoHide: false,
-        noHoverPause: true,
-        visible: true,
-        title: 'title'
-      },
-      slots: {
-        default: 'content'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.vm.timer).not.toEqual(null)
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    await wrapper.trigger('mouseenter')
-    await waitRAF()
-    expect(wrapper.vm.timer).not.toEqual(null)
-
-    await wrapper.trigger('mouseleave')
-    await waitRAF()
-    expect(wrapper.vm.timer).not.toEqual(null)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/toast/toaster.spec.js

@@ -1,77 +0,0 @@
-import { PortalTarget } from 'portal-vue'
-import { mount } from '@vue/test-utils'
-import { isVue3 } from '../../vue'
-import { waitNT, waitRAF } from '../../../tests/utils'
-import { BToaster } from './toaster'
-
-describe('b-toaster', () => {
-  it('has expected structure', async () => {
-    const wrapper = mount(BToaster, {
-      attachTo: document.body,
-      propsData: {
-        name: 'foo'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.attributes('id')).toBe('foo')
-    expect(wrapper.attributes('aria-live')).toBeUndefined()
-    expect(wrapper.attributes('aria-atomic')).toBeUndefined()
-    expect(wrapper.attributes('role')).toBeUndefined()
-    expect(wrapper.classes()).toContain('b-toaster')
-    expect(wrapper.classes()).toContain('foo')
-    expect(wrapper.classes().length).toBe(2)
-
-    expect(wrapper.find('.b-toaster-slot').exists()).toBe(true)
-    const $slot = wrapper.find('.b-toaster-slot')
-    if (!isVue3) {
-      expect($slot.findComponent(PortalTarget).exists()).toBe(true)
-    }
-    expect($slot.element.tagName).toBe('DIV')
-    expect($slot.classes()).toContain('b-toaster-slot')
-    expect($slot.classes()).toContain('vue-portal-target')
-    expect($slot.classes().length).toBe(2)
-    expect($slot.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-
-  it('accepts aria props', async () => {
-    const wrapper = mount(BToaster, {
-      attachTo: document.body,
-      propsData: {
-        name: 'bar',
-        ariaLive: 'assertive',
-        ariaAtomic: 'true',
-        role: 'alert'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.attributes('id')).toBe('bar')
-    expect(wrapper.attributes('aria-live')).toEqual('assertive')
-    expect(wrapper.attributes('aria-atomic')).toEqual('true')
-    expect(wrapper.attributes('role')).toEqual('alert')
-
-    expect(wrapper.find('.b-toaster-slot').exists()).toBe(true)
-    const $slot = wrapper.find('.b-toaster-slot')
-    if (!isVue3) {
-      expect($slot.findComponent(PortalTarget).exists()).toBe(true)
-    }
-    expect($slot.element.tagName).toBe('DIV')
-    expect($slot.classes()).toContain('b-toaster-slot')
-    expect($slot.classes()).toContain('vue-portal-target')
-    expect($slot.classes().length).toBe(2)
-    expect($slot.text()).toEqual('')
-
-    wrapper.destroy()
-  })
-})