@gitlab/ui 114.1.0 → 114.1.1

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

@@ -1,377 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BTable } from './table'
-import { BTd } from './td'
-import { BTh } from './th'
-
-const items = [{ a: 1, b: 2, c: 3 }, { a: 4, b: 5, c: 6 }]
-const fields = [
-  { key: 'a', stickyColumn: true, isRowHeader: true },
-  { key: 'b', stickyColumn: true },
-  'c'
-]
-
-describe('table > sticky columns', () => {
-  it('has expected classes when sticky column is enabled and responsive', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        responsive: true,
-        footClone: true,
-        items,
-        fields
-      }
-    })
-
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('table-responsive')
-    expect(wrapper.classes()).not.toContain('b-table-sticky-header')
-    const table = wrapper.find('table')
-    expect(table.classes()).toContain('table')
-    expect(table.classes()).toContain('b-table')
-
-    // Body
-    let trs = wrapper.findAll('tbody > tr')
-    expect(trs.length).toBe(2)
-    let cells = trs.at(0).findAll('th, td')
-    expect(cells.length).toBe(3)
-
-    // First column should be BTh with sticky classes
-    expect(
-      cells
-        .at(0)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(0).element.tagName).toBe('TH')
-    expect(cells.at(0).classes()).toContain('b-table-sticky-column')
-
-    // Second column should be BTd with sticky classes
-    expect(
-      cells
-        .at(1)
-        .findComponent(BTd)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(1).element.tagName).toBe('TD')
-    expect(cells.at(1).classes()).toContain('b-table-sticky-column')
-
-    // Third column should be td
-    expect(cells.at(2).vm).toBeUndefined()
-    expect(cells.at(2).element.tagName).toBe('TD')
-    expect(cells.at(2).classes()).not.toContain('b-table-sticky-column')
-
-    // Header cells
-    trs = wrapper.findAll('thead > tr')
-    expect(trs.length).toBe(1)
-    cells = trs.at(0).findAll('th')
-    expect(cells.length).toBe(3)
-
-    // First column should be BTh with sticky classes
-    expect(
-      cells
-        .at(0)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(0).element.tagName).toBe('TH')
-    expect(cells.at(0).classes()).toContain('b-table-sticky-column')
-
-    // Second column should be BTh with sticky classes
-    expect(
-      cells
-        .at(1)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(1).element.tagName).toBe('TH')
-    expect(cells.at(1).classes()).toContain('b-table-sticky-column')
-
-    // Third column should be BTh
-    expect(
-      cells
-        .at(2)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(2).element.tagName).toBe('TH')
-    expect(cells.at(2).classes()).not.toContain('b-table-sticky-column')
-
-    // Footer cells
-    trs = wrapper.findAll('tfoot > tr')
-    expect(trs.length).toBe(1)
-    cells = trs.at(0).findAll('th')
-    expect(cells.length).toBe(3)
-
-    // First column should be BTh with sticky classes
-    expect(
-      cells
-        .at(0)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(0).element.tagName).toBe('TH')
-    expect(cells.at(0).classes()).toContain('b-table-sticky-column')
-
-    // Second column should be BTh with sticky classes
-    expect(
-      cells
-        .at(1)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(1).element.tagName).toBe('TH')
-    expect(cells.at(1).classes()).toContain('b-table-sticky-column')
-
-    // Third column should be BTh
-    expect(
-      cells
-        .at(2)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(2).element.tagName).toBe('TH')
-    expect(cells.at(2).classes()).not.toContain('b-table-sticky-column')
-
-    wrapper.destroy()
-  })
-
-  it('has expected classes when sticky column is enabled with sticky headers', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        responsive: false,
-        stickyHeader: true,
-        footClone: true,
-        items,
-        fields
-      }
-    })
-
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).not.toContain('table-responsive')
-    expect(wrapper.classes()).toContain('b-table-sticky-header')
-    const table = wrapper.find('table')
-    expect(table.classes()).toContain('table')
-    expect(table.classes()).toContain('b-table')
-
-    // Tbody cells
-    let trs = wrapper.findAll('tbody > tr')
-    expect(trs.length).toBe(2)
-    let cells = trs.at(0).findAll('th, td')
-    expect(cells.length).toBe(3)
-
-    // First column should be BTh with sticky classes
-    expect(
-      cells
-        .at(0)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(0).element.tagName).toBe('TH')
-    expect(cells.at(0).classes()).toContain('b-table-sticky-column')
-
-    // Second column should be BTd with sticky classes
-    expect(
-      cells
-        .at(1)
-        .findComponent(BTd)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(1).element.tagName).toBe('TD')
-    expect(cells.at(1).classes()).toContain('b-table-sticky-column')
-
-    // Third column should be td
-    expect(cells.at(2).vm).toBeUndefined()
-    expect(cells.at(2).element.tagName).toBe('TD')
-    expect(cells.at(2).classes()).not.toContain('b-table-sticky-column')
-
-    // Header cells
-    trs = wrapper.findAll('thead > tr')
-    expect(trs.length).toBe(1)
-    cells = trs.at(0).findAll('th')
-    expect(cells.length).toBe(3)
-
-    // First column should be BTh with sticky classes
-    expect(
-      cells
-        .at(0)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(0).element.tagName).toBe('TH')
-    expect(cells.at(0).classes()).toContain('b-table-sticky-column')
-
-    // Second column should be BTh with sticky classes
-    expect(
-      cells
-        .at(1)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(1).element.tagName).toBe('TH')
-    expect(cells.at(1).classes()).toContain('b-table-sticky-column')
-
-    // Third column should be BTh
-    expect(
-      cells
-        .at(2)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(2).element.tagName).toBe('TH')
-    expect(cells.at(2).classes()).not.toContain('b-table-sticky-column')
-
-    // Footer cells
-    trs = wrapper.findAll('tfoot > tr')
-    expect(trs.length).toBe(1)
-
-    cells = trs.at(0).findAll('th')
-    expect(cells.length).toBe(3)
-
-    // First column should be BTh with sticky classes
-    expect(
-      cells
-        .at(0)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(0).element.tagName).toBe('TH')
-    expect(cells.at(0).classes()).toContain('b-table-sticky-column')
-
-    // Second column should be BTh with sticky classes
-    expect(
-      cells
-        .at(1)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(1).element.tagName).toBe('TH')
-    expect(cells.at(1).classes()).toContain('b-table-sticky-column')
-
-    // Third column should be BTh
-    expect(
-      cells
-        .at(2)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(2).element.tagName).toBe('TH')
-    expect(cells.at(2).classes()).not.toContain('b-table-sticky-column')
-
-    wrapper.destroy()
-  })
-
-  it('does not have sticky classes when sticky column is enabled and not responsive and no sticky header', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        responsive: false,
-        stickyHeader: false,
-        footClone: true,
-        items,
-        fields
-      }
-    })
-
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.classes()).not.toContain('table-responsive')
-    expect(wrapper.classes()).not.toContain('b-table-sticky-header')
-    expect(wrapper.classes()).toContain('table')
-    expect(wrapper.classes()).toContain('b-table')
-
-    // Body
-    let trs = wrapper.findAll('tbody > tr')
-    expect(trs.length).toBe(2)
-    let cells = trs.at(0).findAll('th, td')
-    expect(cells.length).toBe(3)
-
-    // First column should be th
-    expect(cells.at(0).vm).toBeUndefined()
-    expect(cells.at(0).element.tagName).toBe('TH')
-    expect(cells.at(0).classes()).not.toContain('b-table-sticky-column')
-
-    // Second column should be td
-    expect(cells.at(1).vm).toBeUndefined()
-    expect(cells.at(1).element.tagName).toBe('TD')
-    expect(cells.at(1).classes()).not.toContain('b-table-sticky-column')
-
-    // Third column should be td
-    expect(cells.at(2).vm).toBeUndefined()
-    expect(cells.at(2).element.tagName).toBe('TD')
-    expect(cells.at(2).classes()).not.toContain('b-table-sticky-column')
-
-    // Header cells
-    trs = wrapper.findAll('thead > tr')
-    expect(trs.length).toBe(1)
-    cells = trs.at(0).findAll('th')
-    expect(cells.length).toBe(3)
-
-    // First column should be BTh with sticky classes
-    expect(
-      cells
-        .at(0)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(0).element.tagName).toBe('TH')
-    expect(cells.at(0).classes()).not.toContain('b-table-sticky-column')
-
-    // Second column should be BTh with sticky classes
-    expect(
-      cells
-        .at(1)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(1).element.tagName).toBe('TH')
-    expect(cells.at(1).classes()).not.toContain('b-table-sticky-column')
-
-    // Third column should be BTh
-    expect(
-      cells
-        .at(2)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(2).element.tagName).toBe('TH')
-    expect(cells.at(2).classes()).not.toContain('b-table-sticky-column')
-
-    // Footer cells
-    trs = wrapper.findAll('tfoot > tr')
-    expect(trs.length).toBe(1)
-    cells = trs.at(0).findAll('th')
-    expect(cells.length).toBe(3)
-
-    // First column should be BTh with sticky classes
-    expect(
-      cells
-        .at(0)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(0).element.tagName).toBe('TH')
-    expect(cells.at(0).classes()).not.toContain('b-table-sticky-column')
-
-    // Second column should be BTh with sticky classes
-    expect(
-      cells
-        .at(1)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(1).element.tagName).toBe('TH')
-    expect(cells.at(1).classes()).not.toContain('b-table-sticky-column')
-
-    // Third column should be BTh
-    expect(
-      cells
-        .at(2)
-        .findComponent(BTh)
-        .exists()
-    ).toBe(true)
-    expect(cells.at(2).element.tagName).toBe('TH')
-    expect(cells.at(2).classes()).not.toContain('b-table-sticky-column')
-
-    wrapper.destroy()
-  })
-})

package/src/vendor/bootstrap-vue/src/components/table/table-tbody-bottom-row.spec.js

@@ -1,94 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { BTable } from './table'
-import { normalizeFields } from './helpers/normalize-fields'
-
-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 > tbody bottom-row slot', () => {
-  it('should not have bottom 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('tbody').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(testItems.length)
-
-    wrapper.destroy()
-  })
-
-  it('should render named slot `bottom-row`', async () => {
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      },
-      slots: {
-        'bottom-row': `<td span="${testFields.length}">foobar</td>`
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.find('tbody').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(testItems.length + 1)
-    expect(
-      wrapper
-        .findAll('tbody > tr')
-        .at(testItems.length)
-        .text()
-    ).toBe('foobar')
-    expect(
-      wrapper
-        .findAll('tbody > tr')
-        .at(testItems.length)
-        .classes()
-    ).toContain('b-table-bottom-row')
-
-    wrapper.destroy()
-  })
-
-  it('should render scoped slot `bottom-row`', async () => {
-    let fields = []
-    let columns
-    const wrapper = mount(BTable, {
-      propsData: {
-        fields: testFields,
-        items: testItems
-      },
-      scopedSlots: {
-        'bottom-row': function(scope) {
-          fields = scope.fields
-          columns = scope.columns
-          return this.$createElement('td', { attrs: { span: columns } }, 'foobar')
-        }
-      }
-    })
-    expect(wrapper).toBeDefined()
-    expect(wrapper.element.tagName).toBe('TABLE')
-    expect(wrapper.find('tbody').exists()).toBe(true)
-    expect(columns).toBe(3)
-    expect(fields).toEqual(normalizeFields(testFields))
-    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
-    expect(wrapper.findAll('tbody > tr').length).toBe(testItems.length + 1)
-    expect(
-      wrapper
-        .findAll('tbody > tr')
-        .at(testItems.length)
-        .text()
-    ).toBe('foobar')
-    expect(
-      wrapper
-        .findAll('tbody > tr')
-        .at(testItems.length)
-        .classes()
-    ).toContain('b-table-bottom-row')
-
-    wrapper.destroy()
-  })
-})