@gitlab/ui 114.1.0 → 114.1.1

package/src/vendor/bootstrap-vue/src/components/table/table-tfoot-custom.spec.js

@@ -1,91 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BTable } from './table'
-
-const testItems = [{ a: 1, b: 2, c: 3 }]
-const testFields = [{ key: 'a', label: 'A' }, { key: 'b', label: 'B' }, { key: 'c', label: 'C' }]
-
-describe('table > custom tfoot slot', () => {
-  it('should not render tfoot by default', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        footClone: false
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.find('thead').exists()).toBe(true)
-    expect(wrapper.find('tbody').exists()).toBe(true)
-    expect(wrapper.find('tfoot').exists()).toBe(false)
-
-    wrapper.destroy()
-  })
-
-  it('should render custom-foot slot inside b-tfoot', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        footClone: false
-      },
-      slots: {
-        'custom-foot': '<tr><td colspan="3">CUSTOM-FOOTER</td></tr>'
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.find('thead').exists()).toBe(true)
-    expect(wrapper.find('tbody').exists()).toBe(true)
-    expect(wrapper.find('tfoot').exists()).toBe(true)
-    expect(wrapper.find('tfoot').text()).toContain('CUSTOM-FOOTER')
-    expect(wrapper.find('tfoot').classes().length).toBe(0)
-
-    wrapper.destroy()
-  })
-
-  it('should not render custom-foot slot when foot-clone is true', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        footClone: true
-      },
-      slots: {
-        'custom-foot': '<tr><td colspan="3">CUSTOM-FOOTER</td></tr>'
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.find('thead').exists()).toBe(true)
-    expect(wrapper.find('tbody').exists()).toBe(true)
-    expect(wrapper.find('tfoot').exists()).toBe(true)
-    expect(wrapper.find('tfoot').text()).not.toContain('CUSTOM-FOOTER')
-
-    wrapper.destroy()
-  })
-
-  it('should have foot-variant on custom-foot slot', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        footClone: false,
-        footVariant: 'dark'
-      },
-      slots: {
-        'custom-foot': '<tr><td colspan="3">CUSTOM-FOOTER</td></tr>'
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.find('thead').exists()).toBe(true)
-    expect(wrapper.find('tbody').exists()).toBe(true)
-    expect(wrapper.find('tfoot').exists()).toBe(true)
-    expect(wrapper.find('tfoot').text()).toContain('CUSTOM-FOOTER')
-    expect(wrapper.find('tfoot').classes()).toContain('thead-dark')
-    expect(wrapper.find('tfoot').classes().length).toBe(1)
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/table/table-tfoot-events.spec.js

@@ -1,137 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BTable } from './table'
-
-const testItems = [{ a: 1, b: 2, c: 3 }]
-const testFields = [{ key: 'a', label: 'A' }, { key: 'b', label: 'B' }, { key: 'c', label: 'C' }]
-
-describe('table > tfoot events', () => {
-  it('should emit head-clicked event when a head cell is clicked', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        footClone: true
-      },
-      listeners: {
-        // Head-clicked will not be emitted unless there is a
-        // registered head-clicked listener
-        'head-clicked': () => {}
-      }
-    })
-    expect(wrapper).toBeDefined()
-    const $rows = wrapper.findAll('tfoot > tr')
-    expect($rows.length).toBe(1)
-    const $ths = wrapper.findAll('tfoot > tr > th')
-    expect($ths.length).toBe(testFields.length)
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-    await $ths.at(0).trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeDefined()
-    expect(wrapper.emitted('head-clicked').length).toBe(1)
-    expect(wrapper.emitted('head-clicked')[0][0]).toEqual(testFields[0].key) // Field key
-    expect(wrapper.emitted('head-clicked')[0][1]).toEqual(testFields[0]) // Field definition
-    expect(wrapper.emitted('head-clicked')[0][2]).toBeInstanceOf(MouseEvent) // Event
-    expect(wrapper.emitted('head-clicked')[0][3]).toBe(true) // Is footer
-
-    await $ths.at(2).trigger('click')
-    expect(wrapper.emitted('head-clicked').length).toBe(2)
-    expect(wrapper.emitted('head-clicked')[1][0]).toEqual(testFields[2].key) // Field key
-    expect(wrapper.emitted('head-clicked')[1][1]).toEqual(testFields[2]) // Field definition
-    expect(wrapper.emitted('head-clicked')[1][2]).toBeInstanceOf(MouseEvent) // Event
-    expect(wrapper.emitted('head-clicked')[1][3]).toBe(true) // Is footer
-
-    wrapper.destroy()
-  })
-
-  it('should not emit head-clicked event when prop busy is set', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        footClone: true,
-        busy: true
-      },
-      listeners: {
-        // Head-clicked will not be emitted unless there is a
-        // registered head-clicked listener
-        'head-clicked': () => {}
-      }
-    })
-    expect(wrapper).toBeDefined()
-    const $ths = wrapper.findAll('tfoot > tr > th')
-    expect($ths.length).toBe(testFields.length)
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-    await $ths.at(0).trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should not emit head-clicked event when vm.localBusy is true', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        footClone: true
-      },
-      listeners: {
-        // Head-clicked will not be emitted unless there is a
-        // registered head-clicked listener
-        'head-clicked': () => {}
-      }
-    })
-    await wrapper.setData({
-      localBusy: true
-    })
-    expect(wrapper).toBeDefined()
-    const $ths = wrapper.findAll('tfoot > tr > th')
-    expect($ths.length).toBe(testFields.length)
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-    await $ths.at(0).trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should not emit head-clicked event when clicking on a button or other interactive element', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        footClone: true
-      },
-      listeners: {
-        // Head-clicked will not be emitted unless there is a
-        // registered head-clicked listener
-        'head-clicked': () => {}
-      },
-      slots: {
-        // In Vue 2.6x, slots get translated into scopedSlots
-        'foot(a)': '<button id="a">button</button>',
-        'foot(b)': '<input id="b">',
-        // Will use `head` slot if foot slot not defined
-        'head(c)': '<a href="#" id="c">link</a>'
-      }
-    })
-    expect(wrapper).toBeDefined()
-    const $ths = wrapper.findAll('tfoot > tr > th')
-    expect($ths.length).toBe(testFields.length)
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    const $btn = wrapper.find('button[id="a"]')
-    expect($btn.exists()).toBe(true)
-    await $btn.trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    const $input = wrapper.find('input[id="b"]')
-    expect($input.exists()).toBe(true)
-    await $input.trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    const $link = wrapper.find('a[id="c"]')
-    expect($link.exists()).toBe(true)
-    await $link.trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/table/table-thead-events.spec.js

@@ -1,155 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { isVue3 } from '../../vue'
-import { BTable } from './table'
-
-const testItems = [{ a: 1, b: 2, c: 3 }]
-const testFields = [{ key: 'a', label: 'A' }, { key: 'b', label: 'B' }, { key: 'c', label: 'C' }]
-
-describe('table > thead events', () => {
-  it('should not emit head-clicked event when a head cell is clicked and no head-clicked listener', async () => {
-    if (isVue3) {
-      // We can't track if we have an event listener in vue3 so we skip this test for vue 3
-      return
-    }
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      },
-      listeners: {}
-    })
-    expect(wrapper).toBeDefined()
-    const $rows = wrapper.findAll('thead > tr')
-    expect($rows.length).toBe(1)
-    const $ths = wrapper.findAll('thead > tr > th')
-    expect($ths.length).toBe(testFields.length)
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-    await $ths.at(0).trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-    await $ths.at(1).trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-    await $ths.at(2).trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-  })
-
-  it('should emit head-clicked event when a head cell is clicked', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      },
-      listeners: {
-        // Head-clicked will only be emitted if there is a registered listener
-        'head-clicked': () => {}
-      }
-    })
-    expect(wrapper).toBeDefined()
-    const $rows = wrapper.findAll('thead > tr')
-    expect($rows.length).toBe(1)
-    const $ths = wrapper.findAll('thead > tr > th')
-    expect($ths.length).toBe(testFields.length)
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-    await $ths.at(0).trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeDefined()
-    expect(wrapper.emitted('head-clicked').length).toBe(1)
-    expect(wrapper.emitted('head-clicked')[0][0]).toEqual(testFields[0].key) // Field key
-    expect(wrapper.emitted('head-clicked')[0][1]).toEqual(testFields[0]) // Field definition
-    expect(wrapper.emitted('head-clicked')[0][2]).toBeInstanceOf(MouseEvent) // Event
-    expect(wrapper.emitted('head-clicked')[0][3]).toBe(false) // Is footer
-
-    await $ths.at(2).trigger('click')
-    expect(wrapper.emitted('head-clicked').length).toBe(2)
-    expect(wrapper.emitted('head-clicked')[1][0]).toEqual(testFields[2].key) // Field key
-    expect(wrapper.emitted('head-clicked')[1][1]).toEqual(testFields[2]) // Field definition
-    expect(wrapper.emitted('head-clicked')[1][2]).toBeInstanceOf(MouseEvent) // Event
-    expect(wrapper.emitted('head-clicked')[1][3]).toBe(false) // Is footer
-
-    wrapper.destroy()
-  })
-
-  it('should not emit head-clicked event when prop busy is set', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        busy: true
-      },
-      listeners: {
-        // Head-clicked will only be emitted if there is a registered listener
-        'head-clicked': () => {}
-      }
-    })
-    expect(wrapper).toBeDefined()
-    const $ths = wrapper.findAll('thead > tr > th')
-    expect($ths.length).toBe(testFields.length)
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-    await $ths.at(0).trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should not emit head-clicked event when vm.localBusy is true', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      },
-      listeners: {
-        // Head-clicked will only be emitted if there is a registered listener
-        'head-clicked': () => {}
-      }
-    })
-    await wrapper.setData({
-      localBusy: true
-    })
-    expect(wrapper).toBeDefined()
-    const $ths = wrapper.findAll('thead > tr > th')
-    expect($ths.length).toBe(testFields.length)
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-    await $ths.at(0).trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('should not emit head-clicked event when clicking on a button or other interactive element', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      },
-      listeners: {
-        // Head-clicked will only be emitted if there is a registered listener
-        'head-clicked': () => {}
-      },
-      slots: {
-        // In Vue 2.6x, slots get translated into scopedSlots
-        'head(a)': '<button id="a">button</button>',
-        'head(b)': '<input id="b">',
-        'head(c)': '<a href="#" id="c">link</a>'
-      }
-    })
-    expect(wrapper).toBeDefined()
-    const $ths = wrapper.findAll('thead > tr > th')
-    expect($ths.length).toBe(testFields.length)
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    const $btn = wrapper.find('button[id="a"]')
-    expect($btn.exists()).toBe(true)
-    await $btn.trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    const $input = wrapper.find('input[id="b"]')
-    expect($input.exists()).toBe(true)
-    await $input.trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    const $link = wrapper.find('a[id="c"]')
-    expect($link.exists()).toBe(true)
-    await $link.trigger('click')
-    expect(wrapper.emitted('head-clicked')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/table/table-thead-top.spec.js

@@ -1,96 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { normalizeFields } from './helpers/normalize-fields'
-import { BTable } from './table'
-
-const testItems = [{ a: 1, b: 2, c: 3 }, { a: 5, b: 5, c: 6 }, { a: 7, b: 8, c: 9 }]
-const testFields = ['a', 'b', 'c']
-
-describe('table > thead thead-top slot', () => {
-  it('should not have thead-top row by default', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.find('thead').exists()).toBe(true)
-    expect(wrapper.findAll('thead > tr').exists()).toBe(true)
-    expect(wrapper.findAll('thead > tr').length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('should render named slot `thead-top`', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      },
-      slots: {
-        'thead-top': `<tr class="test"><th span="${testFields.length}">foobar</th></tr>`
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.find('thead').exists()).toBe(true)
-    expect(wrapper.findAll('thead > tr').exists()).toBe(true)
-    expect(wrapper.findAll('thead > tr').length).toBe(2)
-    expect(
-      wrapper
-        .findAll('thead > tr')
-        .at(0)
-        .text()
-    ).toBe('foobar')
-    expect(
-      wrapper
-        .findAll('thead > tr')
-        .at(0)
-        .classes()
-    ).toContain('test')
-
-    wrapper.destroy()
-  })
-
-  it('should render scoped slot `thead-top`', async () => {
-    let fields = []
-    let columns
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      },
-      scopedSlots: {
-        'thead-top': function(scope) {
-          fields = scope.fields
-          columns = scope.columns
-          return this.$createElement('tr', { class: 'test' }, [
-            this.$createElement('th', { attrs: { span: columns } }, 'foobar')
-          ])
-        }
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.find('thead').exists()).toBe(true)
-    expect(columns).toBe(3)
-    expect(fields).toEqual(normalizeFields(testFields))
-    expect(wrapper.findAll('thead > tr').exists()).toBe(true)
-    expect(wrapper.findAll('thead > tr').length).toBe(2)
-    expect(
-      wrapper
-        .findAll('thead > tr')
-        .at(0)
-        .text()
-    ).toBe('foobar')
-    expect(
-      wrapper
-        .findAll('thead > tr')
-        .at(0)
-        .classes()
-    ).toContain('test')
-
-    wrapper.destroy()
-  })
-})