@gitlab/duo-ui 3.0.0 → 4.0.0

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

@@ -1,409 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { waitNT } from '../../../tests/utils'
-import { stringifyRecordValues } from './helpers/stringify-record-values'
-import { BTable } from './table'
-
-const testItems = [{ a: 3, b: 'b', c: 'x' }, { a: 1, b: 'c', c: 'y' }, { a: 2, b: 'a', c: 'z' }]
-const testFields = ['a', 'b', 'c']
-
-describe('table > filtering', () => {
-  it('should not be filtered by default', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(3)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toBe(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(testItems)
-    const $rows = wrapper.findAll('tbody > tr').wrappers
-    expect($rows.length).toBe(3)
-    // Map the rows to the first column text value
-    const columnA = $rows.map(row => {
-      return row
-        .findAll('td')
-        .at(0)
-        .text()
-    })
-    expect(columnA[0]).toBe('3')
-    expect(columnA[1]).toBe('1')
-    expect(columnA[2]).toBe('2')
-
-    wrapper.destroy()
-  })
-
-  it('should be filtered when filter is a string', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        filter: 'z'
-      }
-    })
-    expect(wrapper).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-
-    const $rows = wrapper.findAll('tbody > tr')
-    expect($rows.length).toBe(1)
-
-    const $tds = $rows.at(0).findAll('td')
-
-    expect($tds.at(0).text()).toBe('2')
-    expect($tds.at(1).text()).toBe('a')
-    expect($tds.at(2).text()).toBe('z')
-
-    wrapper.destroy()
-  })
-
-  it('should emit filtered event when filter string is changed', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        filter: ''
-      }
-    })
-    expect(wrapper).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(3)
-    expect(wrapper.emitted('filtered')).toBeUndefined()
-
-    await wrapper.setProps({
-      filter: 'z'
-    })
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-
-    expect(wrapper.emitted('filtered')).toBeDefined()
-    expect(wrapper.emitted('filtered').length).toBe(1)
-    // Copy of items matching filter
-    expect(wrapper.emitted('filtered')[0][0]).toEqual([testItems[2]])
-    // Number of rows matching filter
-    expect(wrapper.emitted('filtered')[0][1]).toEqual(1)
-
-    await wrapper.setProps({
-      filter: ''
-    })
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(3)
-
-    expect(wrapper.emitted('filtered').length).toBe(2)
-    // Copy of items matching filter
-    expect(wrapper.emitted('filtered')[1][0]).toEqual(testItems)
-    // Number of rows matching filter
-    expect(wrapper.emitted('filtered')[1][1]).toEqual(3)
-
-    await wrapper.setProps({
-      filter: '3'
-    })
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-
-    expect(wrapper.emitted('filtered').length).toBe(3)
-    // Copy of items matching filter
-    expect(wrapper.emitted('filtered')[2][0]).toEqual([testItems[0]])
-    // Number of rows matching filter
-    expect(wrapper.emitted('filtered')[2][1]).toEqual(1)
-
-    await wrapper.setProps({
-      // Setting to null will also clear the filter
-      filter: null
-    })
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(3)
-
-    expect(wrapper.emitted('filtered').length).toBe(4)
-    // Copy of items matching filter
-    expect(wrapper.emitted('filtered')[3][0]).toEqual(testItems)
-    // Number of rows matching filter
-    expect(wrapper.emitted('filtered')[3][1]).toEqual(3)
-
-    wrapper.destroy()
-  })
-
-  it('should work with filter function', async () => {
-    const filterFn = (item, regexp) => {
-      // We are passing a regexp for this test
-      return regexp.test(stringifyRecordValues(item))
-    }
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        filter: '',
-        filterFunction: filterFn
-      }
-    })
-    expect(wrapper).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(3)
-    expect(wrapper.emitted('filtered')).toBeUndefined()
-
-    await wrapper.setProps({
-      filter: /z/
-    })
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-
-    expect(wrapper.emitted('filtered')).toBeDefined()
-    expect(wrapper.emitted('filtered').length).toBe(1)
-    // Copy of items matching filter
-    expect(wrapper.emitted('filtered')[0][0]).toEqual([testItems[2]])
-    // Number of rows matching filter
-    expect(wrapper.emitted('filtered')[0][1]).toEqual(1)
-
-    await wrapper.setProps({
-      filter: []
-    })
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(3)
-
-    expect(wrapper.emitted('filtered').length).toBe(2)
-    // Copy of items matching filter
-    expect(wrapper.emitted('filtered')[1][0]).toEqual(testItems)
-    // Number of rows matching filter
-    expect(wrapper.emitted('filtered')[1][1]).toEqual(3)
-
-    wrapper.destroy()
-  })
-
-  it('should be filtered with no rows when no matches', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        filter: 'ZZZZZZZZ'
-      }
-    })
-    expect(wrapper).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').length).toBe(0)
-
-    wrapper.destroy()
-  })
-
-  it('`filter-ignored-fields` prop works', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        filter: '',
-        filterIgnoredFields: []
-      }
-    })
-
-    expect(wrapper).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').length).toBe(3)
-
-    // Search for a value in "a" column
-    await wrapper.setProps({ filter: '3' })
-    await waitNT(wrapper.vm)
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-
-    // Ignore "a" column from filtering
-    await wrapper.setProps({ filterIgnoredFields: ['a'] })
-    await waitNT(wrapper.vm)
-    expect(wrapper.findAll('tbody > tr').length).toBe(0)
-
-    wrapper.destroy()
-  })
-
-  it('`filter-included-fields` prop works', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        // Add a extra item with a duplicated value in another field
-        items: [...testItems, { a: 4, b: 'y', c: 'a' }],
-        filter: '',
-        filterIncludedFields: []
-      }
-    })
-
-    expect(wrapper).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').length).toBe(4)
-
-    // Search for "a"
-    await wrapper.setProps({ filter: 'a' })
-    await waitNT(wrapper.vm)
-    expect(wrapper.findAll('tbody > tr').length).toBe(2)
-
-    // Only include "a" and "b" fields
-    await wrapper.setProps({ filterIncludedFields: ['a', 'b'] })
-    await waitNT(wrapper.vm)
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('should filter for formatted values for keys which are not present in row', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        items: [{ a: 'A', b: 'B' }],
-        fields: [
-          { key: 'a' },
-          {
-            key: 'b',
-            formatter: () => 'Foo',
-            filterByFormatted: true
-          },
-          {
-            key: 'c',
-            formatter: () => 'Bar',
-            filterByFormatted: true
-          }
-        ],
-        filter: 'Bar'
-      }
-    })
-    expect(wrapper).toBeDefined()
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-
-    wrapper.destroy()
-  })
-
-  it('should show empty filtered message when no matches and show-empty=true', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems,
-        filter: '',
-        showEmpty: true
-      }
-    })
-    expect(wrapper).toBeDefined()
-    await waitNT(wrapper.vm)
-    expect(wrapper.findAll('tbody > tr').length).toBe(testItems.length)
-
-    await wrapper.setProps({
-      filter: 'ZZZZZZ'
-    })
-    await waitNT(wrapper.vm)
-
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-    expect(wrapper.find('tbody > tr').text()).toBe(wrapper.vm.emptyFilteredText)
-    expect(wrapper.find('tbody > tr').classes()).toContain('b-table-empty-row')
-    expect(wrapper.find('tbody > tr').attributes('role')).toBe('row')
-    expect(wrapper.find('tbody > tr > td').attributes('role')).toBe('cell')
-    expect(wrapper.find('tbody > tr > td > div').attributes('role')).toBe('alert')
-    expect(wrapper.find('tbody > tr > td > div').attributes('aria-live')).toBe('polite')
-
-    wrapper.destroy()
-  })
-
-  describe('debouncing (deprecated)', () => {
-    // Wrapped in a describe to limit console.warn override
-    // to prevent deprecated prop warnings
-    const originalWarn = console.warn
-    afterEach(() => (console.warn = originalWarn))
-    beforeEach(() => (console.warn = () => {}))
-
-    it('filter debouncing works', async () => {
-      jest.useFakeTimers()
-      let lastFilterTimer = null
-      const wrapper = mount(BTable, {
-        propsData: {
-          fields: testFields,
-          items: testItems,
-          filterDebounce: 100 // 100ms
-        }
-      })
-      expect(wrapper).toBeDefined()
-      expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-      expect(wrapper.findAll('tbody > tr').length).toBe(3)
-      expect(wrapper.vm.$_filterTimer).toBe(null)
-      await waitNT(wrapper.vm)
-      expect(wrapper.emitted('input')).toBeDefined()
-      expect(wrapper.emitted('input').length).toBe(1)
-      expect(wrapper.emitted('input')[0][0]).toEqual(testItems)
-      expect(wrapper.vm.$_filterTimer).toBe(null)
-      lastFilterTimer = wrapper.vm.$_filterTimer
-
-      // Set filter to a single character
-      await wrapper.setProps({
-        filter: '1'
-      })
-      await waitNT(wrapper.vm)
-      expect(wrapper.emitted('input').length).toBe(1)
-      expect(wrapper.vm.$_filterTimer).not.toBe(null)
-      expect(wrapper.vm.$_filterTimer).not.toEqual(lastFilterTimer)
-      lastFilterTimer = wrapper.vm.$_filterTimer
-      expect(wrapper.vm.localFilter).not.toEqual('1')
-
-      // Change filter
-      await wrapper.setProps({
-        filter: 'z'
-      })
-      await waitNT(wrapper.vm)
-      expect(wrapper.emitted('input').length).toBe(1)
-      expect(wrapper.vm.$_filterTimer).not.toBe(null)
-      expect(wrapper.vm.$_filterTimer).not.toEqual(lastFilterTimer)
-      lastFilterTimer = wrapper.vm.$_filterTimer
-      expect(wrapper.vm.localFilter).not.toEqual('z')
-
-      jest.runTimersToTime(101)
-      await waitNT(wrapper.vm)
-      expect(wrapper.emitted('input').length).toBe(2)
-      expect(wrapper.emitted('input')[1][0]).toEqual([testItems[2]])
-      expect(wrapper.vm.$_filterTimer).toEqual(lastFilterTimer)
-      lastFilterTimer = wrapper.vm.$_filterTimer
-      expect(wrapper.vm.localFilter).toEqual('z')
-
-      // Change filter
-      await wrapper.setProps({
-        filter: '1'
-      })
-      await waitNT(wrapper.vm)
-      expect(wrapper.vm.$_filterTimer).not.toBe(null)
-      expect(wrapper.emitted('input').length).toBe(2)
-      expect(wrapper.vm.$_filterTimer).not.toEqual(lastFilterTimer)
-      lastFilterTimer = wrapper.vm.$_filterTimer
-      expect(wrapper.vm.localFilter).not.toEqual('1')
-      expect(wrapper.vm.localFilter).toEqual('z')
-
-      // Change filter-debounce to no debouncing
-      await wrapper.setProps({
-        filterDebounce: 0
-      })
-      await waitNT(wrapper.vm)
-      // Should clear the pending timer
-      expect(wrapper.vm.$_filterTimer).toBe(null)
-      // Should immediately filter the items
-      expect(wrapper.emitted('input').length).toBe(3)
-      expect(wrapper.emitted('input')[2][0]).toEqual([testItems[1]])
-      expect(wrapper.vm.localFilter).toEqual('1')
-
-      wrapper.destroy()
-    })
-  })
-})

package/src/vendor/bootstrap-vue/src/components/table/table-item-formatter.spec.js

@@ -1,56 +0,0 @@
-import { wrapWithMethods } from '../../../tests/utils'
-import { mount } from '@vue/test-utils'
-import { BTable } from './table'
-
-describe('table > field-formatter', () => {
-  it('item field formatter as function works', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        items: [{ a: 1, b: 2 }],
-        fields: [
-          {
-            key: 'a',
-            formatter(value, key, item) {
-              return item.a + item.b
-            }
-          },
-          'b'
-        ]
-      }
-    })
-
-    expect(wrapper).toBeDefined()
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-    expect(wrapper.findAll('tbody > tr > td').length).toBe(2)
-    const $tds = wrapper.findAll('tbody > tr > td')
-    expect($tds.at(0).text()).toBe('3')
-    expect($tds.at(1).text()).toBe('2')
-
-    wrapper.destroy()
-  })
-
-  it('item field formatter as string works', async () => {
-    const wrapper = mount(
-      wrapWithMethods(BTable, {
-        formatter(value, key, item) {
-          return item.a + item.b
-        }
-      }),
-      {
-        propsData: {
-          items: [{ a: 1, b: 2 }],
-          fields: [{ key: 'a', formatter: 'formatter' }, 'b']
-        }
-      }
-    )
-
-    expect(wrapper).toBeDefined()
-    expect(wrapper.findAll('tbody > tr').length).toBe(1)
-    expect(wrapper.findAll('tbody > tr > td').length).toBe(2)
-    const $tds = wrapper.findAll('tbody > tr > td')
-    expect($tds.at(0).text()).toBe('3')
-    expect($tds.at(1).text()).toBe('2')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/table/table-lite.js

@@ -1,63 +0,0 @@
-import { extend } from '../../vue'
-import { NAME_TABLE_LITE } from '../../constants/components'
-import { sortKeys } from '../../utils/object'
-import { makePropsConfigurable } from '../../utils/props'
-import { attrsMixin } from '../../mixins/attrs'
-import { hasListenerMixin } from '../../mixins/has-listener'
-import { idMixin, props as idProps } from '../../mixins/id'
-import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { captionMixin, props as captionProps } from './helpers/mixin-caption'
-import { colgroupMixin, props as colgroupProps } from './helpers/mixin-colgroup'
-import { itemsMixin, props as itemsProps } from './helpers/mixin-items'
-import { stackedMixin, props as stackedProps } from './helpers/mixin-stacked'
-import { tableRendererMixin, props as tableRendererProps } from './helpers/mixin-table-renderer'
-import { tbodyMixin, props as tbodyProps } from './helpers/mixin-tbody'
-import { tfootMixin, props as tfootProps } from './helpers/mixin-tfoot'
-import { theadMixin, props as theadProps } from './helpers/mixin-thead'
-
-// --- Props ---
-
-export const props = makePropsConfigurable(
-  sortKeys({
-    ...idProps,
-    ...captionProps,
-    ...colgroupProps,
-    ...itemsProps,
-    ...stackedProps,
-    ...tableRendererProps,
-    ...tbodyProps,
-    ...tfootProps,
-    ...theadProps
-  }),
-  NAME_TABLE_LITE
-)
-
-// --- Main component ---
-
-// @vue/component
-export const BTableLite = /*#__PURE__*/ extend({
-  name: NAME_TABLE_LITE,
-  // Order of mixins is important!
-  // They are merged from first to last, followed by this component
-  mixins: [
-    // General mixins
-    attrsMixin,
-    hasListenerMixin,
-    idMixin,
-    normalizeSlotMixin,
-    // Required table mixins
-    itemsMixin,
-    tableRendererMixin,
-    stackedMixin,
-    theadMixin,
-    tfootMixin,
-    tbodyMixin,
-    // Table features mixins
-    // These are pretty lightweight, and are useful for lightweight tables
-    captionMixin,
-    colgroupMixin
-  ],
-  props
-
-  // Render function is provided by `tableRendererMixin`
-})