@gitlab/ui 92.2.0 → 92.3.1

package/src/vendor/bootstrap-vue/src/components/form-rating/form-rating.spec.js

@@ -1,544 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { waitNT } from '../../../tests/utils'
-import { BFormRating } from './form-rating'
-
-describe('form-rating', () => {
-  it('has expected default structure', async () => {
-    const wrapper = mount(BFormRating)
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.element.tagName).toBe('OUTPUT')
-
-    expect(wrapper.classes()).toContain('b-rating')
-    expect(wrapper.classes()).toContain('d-flex')
-    expect(wrapper.classes()).toContain('form-control')
-
-    expect(wrapper.classes()).not.toContain('d-inline-flex')
-    expect(wrapper.classes()).not.toContain('form-control-lg')
-    expect(wrapper.classes()).not.toContain('form-control-sm')
-    expect(wrapper.classes()).not.toContain('border-0')
-    expect(wrapper.classes()).not.toContain('disabled')
-    expect(wrapper.classes()).not.toContain('readonly')
-
-    expect(wrapper.attributes('id')).not.toBe('')
-    expect(wrapper.attributes('role')).toEqual('slider')
-    expect(wrapper.attributes('aria-live')).toEqual('off')
-    expect(wrapper.attributes('aria-valuemin')).toEqual('1')
-    expect(wrapper.attributes('aria-valuemax')).toEqual('5')
-
-    const $stars = wrapper.findAll('.b-rating-star')
-    expect($stars.length).toBe(5)
-    expect($stars.wrappers.every(s => s.find('.flex-grow-1'))).toBe(true)
-    // Since value is `null` all stars will be empty
-    expect($stars.wrappers.every(s => s.find('.b-rating-star-empty'))).toBe(true)
-
-    // `show-value` is `false` by default
-    const $value = wrapper.find('.b-rating-value')
-    expect($value.exists()).toBe(false)
-
-    // `name` is `null` by default
-    const $input = wrapper.find('input')
-    expect($input.exists()).toBe(false)
-
-    // `show-clear` is `false` by default
-    const $clear = wrapper.find('.b-rating-star-clear')
-    expect($clear.exists()).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('has icons with variant class when `variant` set', async () => {
-    const wrapper = mount(BFormRating, {
-      propsData: {
-        variant: 'primary'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $stars = wrapper.findAll('.b-rating-star')
-    expect($stars.length).toBe(5)
-    expect($stars.wrappers.every(s => s.find('.flex-grow-1').exists())).toBe(true)
-    expect($stars.wrappers.every(s => s.find('.b-rating-star-empty').exists())).toBe(true)
-
-    const $icons = wrapper.findAll('.b-icon')
-    expect($icons.length).toBe(5)
-    expect($icons.wrappers.every(i => i.element.matches('.bi-star'))).toBe(true)
-    expect($icons.wrappers.every(i => i.element.matches('.text-primary'))).toBe(true)
-    expect($icons.wrappers.every(i => i.find('.text-warning').exists())).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('has expected structure when prop `stars` set', async () => {
-    const wrapper = mount(BFormRating, {
-      propsData: {
-        stars: '10'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $stars = wrapper.findAll('.b-rating-star')
-    expect($stars.length).toBe(10)
-    expect($stars.wrappers.every(s => s.find('.flex-grow-1').exists())).toBe(true)
-    expect($stars.wrappers.every(s => s.find('.b-rating-star-empty').exists())).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('renders hidden input when prop `name` set', async () => {
-    const wrapper = mount(BFormRating, {
-      propsData: {
-        name: 'foo',
-        value: 3.5
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $input = wrapper.find('input')
-    expect($input.exists()).toBe(true)
-    expect($input.attributes('type')).toEqual('hidden')
-    expect($input.attributes('name')).toEqual('foo')
-    expect($input.attributes('value')).toEqual('3.5')
-
-    wrapper.destroy()
-  })
-
-  it('has expected structure when prop `value` set', async () => {
-    const wrapper = mount(BFormRating, {
-      propsData: {
-        value: '1'
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('change')).toBeUndefined()
-
-    expect(wrapper.vm.localValue).toBe(1)
-    const $stars = wrapper.findAll('.b-rating-star')
-    expect($stars.length).toBe(5)
-    expect(
-      $stars
-        .at(0)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(1)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(2)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(3)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(4)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-
-    await wrapper.setProps({
-      value: 3.5
-    })
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('change')).toBeUndefined()
-
-    expect(wrapper.vm.localValue).toBe(3.5)
-    expect(
-      $stars
-        .at(0)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(1)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(2)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(3)
-        .find('.b-rating-star-half')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(4)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-
-    await wrapper.setProps({
-      value: 1
-    })
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('change')).toBeUndefined()
-
-    expect(wrapper.vm.localValue).toBe(1)
-    expect(
-      $stars
-        .at(0)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(1)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(2)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(3)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(4)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-
-    // Click 5th star
-    await $stars.at(4).trigger('click')
-    expect(wrapper.emitted('change')).toBeDefined()
-    expect(wrapper.emitted('change').length).toBe(1)
-    expect(wrapper.emitted('change')[0][0]).toBe(5)
-    expect(wrapper.vm.localValue).toBe(5)
-    expect(
-      $stars
-        .at(0)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(1)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(2)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(3)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(4)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-
-    // Click 2nd star
-    await $stars.at(1).trigger('click')
-    expect(wrapper.emitted('change').length).toBe(2)
-    expect(wrapper.emitted('change')[1][0]).toBe(2)
-    expect(wrapper.vm.localValue).toBe(2)
-    expect(
-      $stars
-        .at(0)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(1)
-        .find('.b-rating-star-full')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(2)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(3)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-    expect(
-      $stars
-        .at(4)
-        .find('.b-rating-star-empty')
-        .exists()
-    ).toBe(true)
-
-    wrapper.destroy()
-  })
-
-  it('has expected structure when prop `show-clear` set', async () => {
-    const wrapper = mount(BFormRating, {
-      propsData: {
-        showClear: true,
-        value: 3
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $stars = wrapper.findAll('.b-rating-star')
-    // The clear button is a "star"
-    expect($stars.length).toBe(6)
-    expect($stars.at(0).element.matches('.b-rating-star-clear')).toBe(true)
-    expect($stars.at(1).element.matches('.b-rating-star-clear')).toBe(false)
-
-    const $clear = wrapper.find('.b-rating-star-clear')
-    expect($clear.exists()).toBe(true)
-    expect(wrapper.emitted('change')).toBeUndefined()
-
-    await $clear.trigger('click')
-    expect(wrapper.emitted('change')).toBeDefined()
-    expect(wrapper.emitted('change').length).toBe(1)
-    expect(wrapper.emitted('change')[0][0]).toEqual(null)
-
-    wrapper.destroy()
-  })
-
-  it('has expected structure when prop `show-value` set', async () => {
-    const wrapper = mount(BFormRating, {
-      propsData: {
-        locale: 'en',
-        showValue: true,
-        value: '3.5',
-        precision: 2
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $stars = wrapper.findAll('.b-rating-star')
-    expect($stars.length).toBe(5)
-
-    const $value = wrapper.find('.b-rating-value')
-    expect($value.exists()).toBe(true)
-    expect($value.text()).toEqual('3.50')
-
-    await wrapper.setProps({
-      value: null
-    })
-    await waitNT(wrapper.vm)
-
-    expect($value.text()).toEqual('')
-
-    await wrapper.setProps({
-      value: '1.236'
-    })
-    await waitNT(wrapper.vm)
-
-    expect($value.text()).toEqual('1.24')
-
-    wrapper.destroy()
-  })
-
-  it('has expected structure when prop `show-value` and `show-value-max` are set', async () => {
-    const wrapper = mount(BFormRating, {
-      propsData: {
-        locale: 'en',
-        showValue: true,
-        showValueMax: true,
-        value: '3.5',
-        precision: 2
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $stars = wrapper.findAll('.b-rating-star')
-    expect($stars.length).toBe(5)
-
-    const $value = wrapper.find('.b-rating-value')
-    expect($value.exists()).toBe(true)
-    expect($value.text()).toEqual('3.50/5')
-
-    await wrapper.setProps({
-      value: null
-    })
-    await waitNT(wrapper.vm)
-
-    expect($value.text()).toEqual('-/5')
-
-    await wrapper.setProps({
-      value: '1.236'
-    })
-    await waitNT(wrapper.vm)
-
-    expect($value.text()).toEqual('1.24/5')
-
-    wrapper.destroy()
-  })
-
-  it('focus and blur methods work', async () => {
-    const wrapper = mount(BFormRating, {
-      attachTo: document.body,
-      propsData: {
-        locale: 'en',
-        showValue: true,
-        disabled: false,
-        value: '3.5',
-        precision: 2
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $output = wrapper.find('output')
-    expect($output.exists()).toBe(true)
-    expect(document.activeElement).not.toEqual($output.element)
-    expect(wrapper.vm.hasFocus).toBe(false)
-
-    wrapper.vm.focus()
-    await waitNT(wrapper.vm)
-    expect(document.activeElement).toEqual($output.element)
-    expect(wrapper.vm.hasFocus).toBe(true)
-
-    wrapper.vm.blur()
-    await waitNT(wrapper.vm)
-    expect(document.activeElement).not.toEqual($output.element)
-    expect(wrapper.vm.hasFocus).toBe(false)
-
-    await $output.trigger('focus')
-    expect(wrapper.vm.hasFocus).toBe(true)
-
-    await $output.trigger('blur')
-    expect(wrapper.vm.hasFocus).toBe(false)
-
-    wrapper.vm.blur()
-    await waitNT(wrapper.vm)
-    wrapper.vm.focus()
-    await waitNT(wrapper.vm)
-    expect(wrapper.vm.hasFocus).toBe(true)
-
-    await wrapper.setProps({ disabled: true })
-    wrapper.vm.focus()
-    await waitNT(wrapper.vm)
-    expect(wrapper.vm.hasFocus).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('keyboard navigation works', async () => {
-    const wrapper = mount(BFormRating, {
-      propsData: {
-        locale: 'en',
-        showValue: true,
-        value: null
-      }
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    const $value = wrapper.find('.b-rating-value')
-    expect($value.exists()).toBe(true)
-    expect($value.text()).toEqual('')
-
-    await wrapper.trigger('keydown.right')
-    expect($value.text()).toEqual('1')
-
-    await wrapper.trigger('keydown.right')
-    expect($value.text()).toEqual('2')
-
-    await wrapper.trigger('keydown.up')
-    expect($value.text()).toEqual('3')
-
-    await wrapper.trigger('keydown.up')
-    expect($value.text()).toEqual('4')
-
-    await wrapper.trigger('keydown.right')
-    expect($value.text()).toEqual('5')
-
-    await wrapper.trigger('keydown.right')
-    expect($value.text()).toEqual('5')
-
-    await wrapper.trigger('keydown.left')
-    expect($value.text()).toEqual('4')
-
-    await wrapper.trigger('keydown.left')
-    expect($value.text()).toEqual('3')
-
-    await wrapper.trigger('keydown.down')
-    expect($value.text()).toEqual('2')
-
-    await wrapper.trigger('keydown.down')
-    expect($value.text()).toEqual('1')
-
-    await wrapper.trigger('keydown.left')
-    expect($value.text()).toEqual('1')
-
-    await wrapper.setProps({ readonly: true })
-    expect($value.text()).toEqual('1')
-
-    await wrapper.trigger('keydown.right')
-    expect($value.text()).toEqual('1')
-
-    await wrapper.setProps({
-      readonly: false,
-      disabled: true
-    })
-    expect($value.text()).toEqual('1')
-
-    await wrapper.trigger('keydown.right')
-    expect($value.text()).toEqual('1')
-
-    await wrapper.setProps({
-      readonly: false,
-      disabled: false,
-      showClear: true
-    })
-    expect($value.text()).toEqual('1')
-
-    await wrapper.trigger('keydown.left')
-    expect($value.text()).toEqual('')
-
-    await wrapper.trigger('keydown.right')
-    expect($value.text()).toEqual('1')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/form-rating/index.d.ts

@@ -1,14 +0,0 @@
-//
-// Alert
-//
-import Vue from 'vue'
-import { BvPlugin, BvComponent } from '../../'
-
-// Plugin
-export declare const FormRatingPlugin: BvPlugin
-
-// Component: b-alert
-export declare class BFormRating extends BvComponent {
-  focus: () => void
-  blur: () => void
-}

package/src/vendor/bootstrap-vue/src/components/form-rating/index.js

@@ -1,8 +0,0 @@
-import { BFormRating } from './form-rating'
-import { pluginFactory } from '../../utils/plugins'
-
-const FormRatingPlugin = /*#__PURE__*/ pluginFactory({
-  components: { BFormRating, BRating: BFormRating }
-})
-
-export { FormRatingPlugin, BFormRating }

package/src/vendor/bootstrap-vue/src/components/form-rating/index.scss

@@ -1 +0,0 @@
-@import "form-rating";