@gitlab/ui 114.1.0 → 114.1.2

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

@@ -1,349 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BButton } from './button'
-
-describe('button', () => {
-  it('has default structure and classes', async () => {
-    const wrapper = mount(BButton)
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.attributes('href')).toBeUndefined()
-    expect(wrapper.attributes('role')).toBeUndefined()
-    expect(wrapper.attributes('disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    expect(wrapper.attributes('autocomplete')).toBeUndefined()
-    expect(wrapper.attributes('tabindex')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('renders a link when href provided', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        href: '/foo/bar'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-    expect(wrapper.attributes('href')).toBeDefined()
-    expect(wrapper.attributes('href')).toBe('/foo/bar')
-    expect(wrapper.attributes('type')).toBeUndefined()
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.attributes('role')).toBeUndefined()
-    expect(wrapper.attributes('disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    expect(wrapper.attributes('autocomplete')).toBeUndefined()
-    expect(wrapper.attributes('tabindex')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('renders default slot content', async () => {
-    const wrapper = mount(BButton, {
-      slots: {
-        default: '<span>foobar</span>'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.find('span').exists()).toBe(true)
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('applies variant class', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        variant: 'danger'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-danger')
-    expect(wrapper.classes().length).toBe(2)
-
-    wrapper.destroy()
-  })
-
-  it('applies block class', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        block: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).toContain('btn-block')
-    expect(wrapper.classes().length).toBe(3)
-
-    wrapper.destroy()
-  })
-
-  it('renders custom root element', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        tag: 'div'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.attributes('type')).toBeUndefined()
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes().length).toBe(2)
-    expect(wrapper.attributes('role')).toBe('button')
-    expect(wrapper.attributes('aria-disabled')).toBe('false')
-    expect(wrapper.attributes('tabindex')).toBe('0')
-    expect(wrapper.attributes('disabled')).toBeUndefined()
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    expect(wrapper.attributes('autocomplete')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('button has attribute disabled when disabled set', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        disabled: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(wrapper.attributes('type')).toBe('button')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).toContain('disabled')
-    expect(wrapper.classes().length).toBe(3)
-    expect(wrapper.attributes('aria-disabled')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('link has attribute aria-disabled when disabled set', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        href: '/foo/bar',
-        disabled: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).toContain('disabled')
-    // Both <b-button> and <b-link> add the class 'disabled'
-    // `vue-functional-data-merge` or Vue doesn't appear to de-dup classes
-    // expect(wrapper.classes().length).toBe(3)
-    // Actually returns 4, as disabled is there twice
-    expect(wrapper.attributes('aria-disabled')).toBeDefined()
-    expect(wrapper.attributes('aria-disabled')).toBe('true')
-    // Shouldn't have a role with href not `#`
-    expect(wrapper.attributes('role')).not.toEqual('button')
-
-    wrapper.destroy()
-  })
-
-  it('link with href="#" should have role="button"', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        href: '#'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).not.toContain('disabled')
-    expect(wrapper.attributes('role')).toEqual('button')
-
-    wrapper.destroy()
-  })
-
-  it('should emit click event when clicked', async () => {
-    let called = 0
-    let event = null
-    const wrapper = mount(BButton, {
-      listeners: {
-        click: e => {
-          event = e
-          called++
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(called).toBe(0)
-    expect(event).toEqual(null)
-    await wrapper.find('button').trigger('click')
-    expect(called).toBe(1)
-    expect(event).toBeInstanceOf(MouseEvent)
-
-    wrapper.destroy()
-  })
-
-  it('link with href="#" should treat keydown.space as click', async () => {
-    let called = 0
-    let event = null
-    const wrapper = mount(BButton, {
-      propsData: {
-        href: '#'
-      },
-      listeners: {
-        click: e => {
-          event = e
-          called++
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('A')
-    expect(wrapper.classes()).toContain('btn')
-    expect(wrapper.classes()).toContain('btn-secondary')
-    expect(wrapper.classes()).not.toContain('disabled')
-    expect(wrapper.attributes('role')).toEqual('button')
-
-    expect(called).toBe(0)
-    expect(event).toEqual(null)
-
-    // We add keydown.space to make links act like buttons
-    await wrapper.find('.btn').trigger('keydown.space')
-    expect(called).toBe(1)
-    expect(event).toBeInstanceOf(Event)
-
-    // Links treat keydown.enter natively as a click
-
-    wrapper.destroy()
-  })
-
-  it('should not emit click event when clicked and disabled', async () => {
-    let called = 0
-    const wrapper = mount(BButton, {
-      propsData: {
-        disabled: true
-      },
-      listeners: {
-        click: () => {
-          called++
-        }
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('BUTTON')
-    expect(called).toBe(0)
-    await wrapper.find('button').trigger('click')
-    expect(called).toBe(0)
-
-    wrapper.destroy()
-  })
-
-  it('should not have `.active` class and `aria-pressed` when pressed is null', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: null
-      }
-    })
-
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    await wrapper.find('button').trigger('click')
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.attributes('aria-pressed')).toBeUndefined()
-    expect(wrapper.attributes('autocomplete')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should not have `.active` class and have `aria-pressed="false"` when pressed is false', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: false
-      }
-    })
-
-    expect(wrapper.classes()).not.toContain('active')
-    expect(wrapper.attributes('aria-pressed')).toBeDefined()
-    expect(wrapper.attributes('aria-pressed')).toBe('false')
-    expect(wrapper.attributes('autocomplete')).toBeDefined()
-    expect(wrapper.attributes('autocomplete')).toBe('off')
-
-    wrapper.destroy()
-  })
-
-  it('should have `.active` class and have `aria-pressed="true"` when pressed is true', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: true
-      }
-    })
-
-    expect(wrapper.classes()).toContain('active')
-    expect(wrapper.attributes('aria-pressed')).toBeDefined()
-    expect(wrapper.attributes('aria-pressed')).toBe('true')
-    expect(wrapper.attributes('autocomplete')).toBeDefined()
-    expect(wrapper.attributes('autocomplete')).toBe('off')
-
-    wrapper.destroy()
-  })
-
-  it('pressed should have `.focus` class when focused', async () => {
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: false
-      }
-    })
-
-    expect(wrapper.classes()).not.toContain('focus')
-    await wrapper.trigger('focusin')
-    expect(wrapper.classes()).toContain('focus')
-    await wrapper.trigger('focusout')
-    expect(wrapper.classes()).not.toContain('focus')
-
-    wrapper.destroy()
-  })
-
-  it('should update the parent sync value on click and when pressed is not null', async () => {
-    let called = 0
-    const values = []
-    const wrapper = mount(BButton, {
-      propsData: {
-        pressed: false
-      },
-      listeners: {
-        'update:pressed': value => {
-          values.push(value)
-          called++
-        }
-      }
-    })
-
-    expect(called).toBe(0)
-
-    await wrapper.find('button').trigger('click')
-
-    expect(called).toBe(1)
-    expect(values[0]).toBe(true)
-
-    wrapper.destroy()
-  })
-})

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

@@ -1,105 +0,0 @@
-{
-  "name": "@bootstrap-vue/button",
-  "version": "1.0.0",
-  "meta": {
-    "title": "Button",
-    "description": "Use BootstrapVue's <b-button> component for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.",
-    "components": [
-      {
-        "component": "BButton",
-        "aliases": [
-          "BBtn"
-        ],
-        "props": [
-          {
-            "prop": "block",
-            "description": "Renders a 100% width button (expands to the width of its parent container)"
-          },
-          {
-            "prop": "pill",
-            "description": "Renders the button with the pill style appearance when set to 'true'"
-          },
-          {
-            "prop": "pressed",
-            "description": "When set to 'true', gives the button the appearance of being pressed and adds attribute 'aria-pressed=\"true\"'. When set to `false` adds attribute 'aria-pressed=\"false\"'. Tri-state prop. Syncable with the .sync modifier"
-          },
-          {
-            "prop": "size",
-            "description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'"
-          },
-          {
-            "prop": "squared",
-            "description": "Renders the button with non-rounded corners when set to 'true'"
-          },
-          {
-            "prop": "type",
-            "description": "The value to set the button's 'type' attribute to. Can be one of 'button', 'submit', or 'reset'"
-          },
-          {
-            "prop": "variant",
-            "description": "Applies one of the Bootstrap theme color variants to the component"
-          }
-        ],
-        "events": [
-          {
-            "event": "click",
-            "description": "Emitted when non-disabled button clicked",
-            "args": [
-              {
-                "name": "event",
-                "type": "MouseEvent",
-                "description": "Native click event object"
-              }
-            ]
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the button"
-          }
-        ]
-      },
-      {
-        "component": "BButtonClose",
-        "aliases": [
-          "BBtnClose"
-        ],
-        "props": [
-          {
-            "prop": "ariaLabel",
-            "description": "Sets the value of 'aria-label' attribute on the rendered element"
-          },
-          {
-            "prop": "content",
-            "version": "2.3.0",
-            "description": "The content of the close button"
-          },
-          {
-            "prop": "textVariant",
-            "description": "Applies one of the Bootstrap theme color variants to the text"
-          }
-        ],
-        "events": [
-          {
-            "event": "click",
-            "description": "Emitted when non-disabled button clicked",
-            "args": [
-              {
-                "name": "event",
-                "type": "MouseEvent",
-                "description": "Native click event object"
-              }
-            ]
-          }
-        ],
-        "slots": [
-          {
-            "name": "default",
-            "description": "Content to place in the button. Overrides the `content` prop"
-          }
-        ]
-      }
-    ]
-  }
-}