@gitlab/duo-ui 3.0.0 → 3.0.1

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

@@ -1,346 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { 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-header').exists()).toBe(true)
-    const $header = $toast.find('.toast-header')
-    expect($header.element.tagName).toBe('HEADER')
-    expect($header.classes().length).toBe(1)
-    expect($header.find('strong').exists()).toBe(true)
-    expect($header.find('strong').text()).toEqual('title')
-    expect($header.find('strong').classes()).toContain('mr-2')
-    expect($header.find('button').exists()).toBe(true)
-    expect($header.find('button').classes()).toContain('close')
-    expect($header.find('button').classes()).toContain('ml-auto')
-    expect($header.find('button').classes()).toContain('mb-1')
-
-    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('has correct header tag when "header-tag" prop is set', async () => {
-    const wrapper = mount(BToast, {
-      attachTo: document.body,
-      propsData: {
-        static: true,
-        noAutoHide: true,
-        visible: true,
-        title: 'title',
-        headerTag: 'div'
-      },
-      slots: {
-        default: 'content'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-    await waitNT(wrapper.vm)
-    await waitRAF()
-
-    const $header = wrapper.find('.toast-header')
-    expect($header.exists()).toBe(true)
-    expect($header.element.tagName).toBe('DIV')
-
-    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 () => {
-    jest.useFakeTimers()
-    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)
-
-    jest.runOnlyPendingTimers()
-
-    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.nodeType).toBe(Node.COMMENT_NODE)
-    expect(wrapper.vm.$_dismissTimer).toBe(null)
-
-    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.js

@@ -1,139 +0,0 @@
-import { PortalTarget, Wormhole } from 'portal-vue'
-import { extend } from '../../vue'
-import { NAME_TOASTER } from '../../constants/components'
-import { EVENT_NAME_DESTROYED } from '../../constants/events'
-import { PROP_TYPE_STRING } from '../../constants/props'
-import { removeClass, requestAF } from '../../utils/dom'
-import { getRootEventName } from '../../utils/events'
-import { makeProp, makePropsConfigurable } from '../../utils/props'
-import { warn } from '../../utils/warn'
-import { listenOnRootMixin } from '../../mixins/listen-on-root'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-
-// --- Helper components ---
-
-// @vue/component
-export const DefaultTransition = /*#__PURE__*/ extend({
-  mixins: [normalizeSlotMixin],
-  data() {
-    return {
-      // Transition classes base name
-      name: 'b-toaster'
-    }
-  },
-  methods: {
-    onAfterEnter(el) {
-      // Work around a Vue.js bug where `*-enter-to` class is not removed
-      // See: https://github.com/vuejs/vue/pull/7901
-      // The `*-move` class is also stuck on elements that moved,
-      // but there are no JavaScript hooks to handle after move
-      // See: https://github.com/vuejs/vue/pull/7906
-      requestAF(() => {
-        removeClass(el, `${this.name}-enter-to`)
-      })
-    }
-  },
-  render(h) {
-    return h(
-      'transition-group',
-      {
-        props: { tag: 'div', name: this.name },
-        on: { afterEnter: this.onAfterEnter }
-      },
-      this.normalizeSlot()
-    )
-  }
-})
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  {
-    // Allowed: 'true' or 'false' or `null`
-    ariaAtomic: makeProp(PROP_TYPE_STRING),
-    ariaLive: makeProp(PROP_TYPE_STRING),
-    name: makeProp(PROP_TYPE_STRING, undefined, true), // Required
-    // Aria role
-    role: makeProp(PROP_TYPE_STRING)
-  },
-  NAME_TOASTER
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BToaster = /*#__PURE__*/ extend({
-  name: NAME_TOASTER,
-  mixins: [listenOnRootMixin],
-  props,
-  data() {
-    return {
-      // We don't render on SSR or if a an existing target found
-      doRender: false,
-      dead: false,
-      // Toaster names cannot change once created
-      staticName: this.name
-    }
-  },
-  beforeMount() {
-    const { name } = this
-    this.staticName = name
-
-    /* istanbul ignore if */
-    if (Wormhole.hasTarget(name)) {
-      warn(`A "<portal-target>" with name "${name}" already exists in the document.`, NAME_TOASTER)
-      this.dead = true
-    } else {
-      this.doRender = true
-    }
-  },
-  beforeDestroy() {
-    // Let toasts made with `this.$bvToast.toast()` know that this toaster
-    // is being destroyed and should should also destroy/hide themselves
-    if (this.doRender) {
-      this.emitOnRoot(getRootEventName(NAME_TOASTER, EVENT_NAME_DESTROYED), this.name)
-    }
-  },
-  destroyed() {
-    // Remove from DOM if needed
-    const { $el } = this
-    /* istanbul ignore next: difficult to test */
-    if ($el && $el.parentNode) {
-      $el.parentNode.removeChild($el)
-    }
-  },
-  render(h) {
-    let $toaster = h('div', { class: ['d-none', { 'b-dead-toaster': this.dead }] })
-    if (this.doRender) {
-      const $target = h(PortalTarget, {
-        staticClass: 'b-toaster-slot',
-        props: {
-          name: this.staticName,
-          multiple: true,
-          tag: 'div',
-          slim: false,
-          // transition: this.transition || DefaultTransition
-          transition: DefaultTransition
-        }
-      })
-
-      $toaster = h(
-        'div',
-        {
-          staticClass: 'b-toaster',
-          class: [this.staticName],
-          attrs: {
-            id: this.staticName,
-            // Fallback to null to make sure attribute doesn't exist
-            role: this.role || null,
-            'aria-live': this.ariaLive,
-            'aria-atomic': this.ariaAtomic
-          }
-        },
-        [$target]
-      )
-    }
-
-    return $toaster
-  }
-})

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()
-  })
-})