@gitlab/ui 96.2.0 → 97.0.0

package/src/vendor/bootstrap-vue/src/components/progress/progress-bar.spec.js

@@ -1,270 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BProgressBar } from './progress-bar'
-
-describe('progress-bar', () => {
-  it('has correct base class and structure', async () => {
-    const wrapper = mount(BProgressBar)
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('progress-bar')
-    expect(wrapper.attributes('role')).toBe('progressbar')
-    expect(wrapper.attributes('aria-valuemin')).toBe('0')
-    expect(wrapper.attributes('aria-valuemax')).toBe('100')
-    expect(wrapper.attributes('aria-valuenow')).toBe('0')
-    expect(wrapper.attributes('style')).toContain('width: 0%;')
-
-    expect(wrapper.classes()).not.toContain('progress-bar-striped')
-    expect(wrapper.classes()).not.toContain('progress-bar-animated')
-
-    // Should not have a label
-    expect(wrapper.text()).toBe('')
-
-    wrapper.destroy()
-  })
-
-  it('has class bg-primary when variant=primary', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        variant: 'primary'
-      }
-    })
-
-    expect(wrapper.classes()).toContain('bg-primary')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class bg-info when parent variant=info', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          variant: 'info'
-        })
-      }
-    })
-
-    expect(wrapper.classes()).toContain('bg-info')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class bg-primary when prop variant=primary and parent variant=info', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          variant: 'info'
-        })
-      },
-      propsData: {
-        variant: 'primary'
-      }
-    })
-
-    expect(wrapper.classes()).toContain('bg-primary')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-  it('has class progress-bar-striped when prop striped set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        striped: true
-      }
-    })
-
-    expect(wrapper.classes()).toContain('progress-bar-striped')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class progress-bar-striped when parent prop striped set', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          striped: true
-        })
-      }
-    })
-
-    expect(wrapper.classes()).toContain('progress-bar-striped')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class progress-bar-animated and progress-bar-striped when prop animated set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        animated: true
-      }
-    })
-
-    expect(wrapper.classes()).toContain('progress-bar-animated')
-    expect(wrapper.classes()).toContain('progress-bar-striped')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has class progress-bar-animated and progress-bar-striped when parent prop animated set', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          animated: true
-        })
-      }
-    })
-
-    expect(wrapper.classes()).toContain('progress-bar-animated')
-    expect(wrapper.classes()).toContain('progress-bar-striped')
-    expect(wrapper.classes()).toContain('progress-bar')
-
-    wrapper.destroy()
-  })
-
-  it('has style width set when value set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 50
-      }
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 50%;')
-    expect(wrapper.attributes('aria-valuenow')).toBe('50')
-    expect(wrapper.attributes('aria-valuemin')).toBe('0')
-    expect(wrapper.attributes('aria-valuemax')).toBe('100')
-
-    wrapper.destroy()
-  })
-
-  it('has max set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 25,
-        max: 50
-      }
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 50%;')
-    expect(wrapper.attributes('aria-valuenow')).toBe('25')
-    expect(wrapper.attributes('aria-valuemin')).toBe('0')
-    expect(wrapper.attributes('aria-valuemax')).toBe('50')
-
-    wrapper.destroy()
-  })
-
-  it('has max set when parent max set', async () => {
-    const wrapper = mount(BProgressBar, {
-      provide: {
-        getBvProgress: () => ({
-          max: 50
-        })
-      },
-      propsData: {
-        value: 25
-      }
-    })
-
-    expect(wrapper.attributes('style')).toContain('width: 50%;')
-    expect(wrapper.attributes('aria-valuenow')).toBe('25')
-    expect(wrapper.attributes('aria-valuemin')).toBe('0')
-    expect(wrapper.attributes('aria-valuemax')).toBe('50')
-
-    wrapper.destroy()
-  })
-
-  it('has label when prop label set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        label: 'foobar'
-      }
-    })
-
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('has label when prop labelHtml set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        labelHtml: 'foobar'
-      }
-    })
-
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('has label from default slot', async () => {
-    const wrapper = mount(BProgressBar, {
-      slots: {
-        default: 'foobar'
-      }
-    })
-
-    expect(wrapper.text()).toBe('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('has label when show-value set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 50,
-        showValue: true
-      }
-    })
-
-    expect(wrapper.text()).toBe('50')
-
-    wrapper.destroy()
-  })
-
-  it('has label with precision when show-value and precision set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 50,
-        showValue: true,
-        precision: 2
-      }
-    })
-
-    expect(wrapper.text()).toBe('50.00')
-
-    wrapper.destroy()
-  })
-
-  it('has label when show-progress set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 25,
-        showProgress: true,
-        max: 50
-      }
-    })
-
-    expect(wrapper.text()).toBe('50')
-
-    wrapper.destroy()
-  })
-
-  it('has label when show-progress and precision set', async () => {
-    const wrapper = mount(BProgressBar, {
-      propsData: {
-        value: 25,
-        showProgress: true,
-        max: 50,
-        precision: 2
-      }
-    })
-
-    expect(wrapper.text()).toBe('50.00')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/progress/progress.js

@@ -1,57 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_PROGRESS } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props'
-import { omit, sortKeys } from '../../utils/object'
-import { makeProp, makePropsConfigurable, pluckProps } from '../../utils/props'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { BProgressBar, props as BProgressBarProps } from './progress-bar'
-
-// --- Props ---
-
-const progressBarProps = omit(BProgressBarProps, ['label', 'labelHtml'])
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...progressBarProps,
-    animated: makeProp(PROP_TYPE_BOOLEAN, false),
-    height: makeProp(PROP_TYPE_STRING),
-    max: makeProp(PROP_TYPE_NUMBER_STRING, 100),
-    precision: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-    showProgress: makeProp(PROP_TYPE_BOOLEAN, false),
-    showValue: makeProp(PROP_TYPE_BOOLEAN, false),
-    striped: makeProp(PROP_TYPE_BOOLEAN, false)
-  }),
-  NAME_PROGRESS
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BProgress = /*#__PURE__*/ extend({
-  name: NAME_PROGRESS,
-  mixins: [normalizeSlotMixin],
-  provide() {
-    return { getBvProgress: () => this }
-  },
-  props,
-  computed: {
-    progressHeight() {
-      return { height: this.height || null }
-    }
-  },
-  render(h) {
-    let $childNodes = this.normalizeSlot()
-    if (!$childNodes) {
-      $childNodes = h(BProgressBar, { props: pluckProps(progressBarProps, this.$props) })
-    }
-
-    return h(
-      'div',
-      {
-        staticClass: 'progress',
-        style: this.progressHeight
-      },
-      [$childNodes]
-    )
-  }
-})

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

@@ -1,71 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BProgress } from './progress'
-
-describe('progress', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BProgress)
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('progress')
-    expect(wrapper.text()).toEqual('')
-    expect(wrapper.findAll('.progress-bar').length).toBe(1)
-    const $bar = wrapper.find('.progress-bar')
-    expect($bar.element.tagName).toBe('DIV')
-    expect($bar.attributes('role')).toBe('progressbar')
-    expect($bar.attributes('aria-valuemin')).toBe('0')
-    expect($bar.attributes('aria-valuemax')).toBe('100')
-    expect($bar.attributes('aria-valuenow')).toBe('0')
-    expect($bar.attributes('style')).toBe('width: 0%;')
-
-    wrapper.destroy()
-  })
-
-  it('renders content from default slot', async () => {
-    const wrapper = mount(BProgress, {
-      slots: {
-        default: '<b>foobar</b>'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('progress')
-    expect(wrapper.text()).toEqual('foobar')
-    expect(wrapper.findAll('.progress-bar').length).toBe(0)
-  })
-
-  it('has progress-bar child with expected parameters', async () => {
-    const wrapper = mount(BProgress, {
-      propsData: {
-        value: 25,
-        max: 50,
-        variant: 'success',
-        striped: true,
-        animated: true,
-        showValue: true
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('progress')
-    expect(wrapper.findAll('.progress-bar').length).toBe(1)
-
-    const $bar = wrapper.find('.progress-bar')
-    expect($bar.element.tagName).toBe('DIV')
-    expect($bar.attributes('role')).toBe('progressbar')
-    expect($bar.attributes('aria-valuemin')).toBe('0')
-    expect($bar.attributes('aria-valuemax')).toBe('50')
-    expect($bar.attributes('aria-valuenow')).toBe('25')
-    expect($bar.attributes('style')).toBe('width: 50%;')
-    expect($bar.classes()).toContain('bg-success')
-    expect($bar.classes()).toContain('progress-bar')
-    expect($bar.classes()).toContain('progress-bar-striped')
-    expect($bar.classes()).toContain('progress-bar-animated')
-    expect($bar.classes().length).toBe(4)
-    expect($bar.text()).toEqual('25')
-
-    wrapper.destroy()
-  })
-})