@gitlab/ui 114.1.0 → 114.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/components/base/breadcrumb/breadcrumb.js +4 -16
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/package.json +7 -26
  5. package/src/components/base/breadcrumb/breadcrumb.scss +18 -2
  6. package/src/components/base/breadcrumb/breadcrumb.vue +4 -17
  7. package/CHANGELOG.md +0 -13139
  8. package/src/vendor/bootstrap/LICENSE +0 -11
  9. package/src/vendor/bootstrap-vue/LICENSE +0 -11
  10. package/src/vendor/bootstrap-vue/package.json +0 -144
  11. package/src/vendor/bootstrap-vue/src/components/button/MODIFICATIONS.md +0 -16
  12. package/src/vendor/bootstrap-vue/src/components/button/README.md +0 -240
  13. package/src/vendor/bootstrap-vue/src/components/button/button-close.spec.js +0 -210
  14. package/src/vendor/bootstrap-vue/src/components/button/button.spec.js +0 -349
  15. package/src/vendor/bootstrap-vue/src/components/button/package.json +0 -105
  16. package/src/vendor/bootstrap-vue/src/components/dropdown/README.md +0 -730
  17. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.spec.js +0 -58
  18. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.spec.js +0 -110
  19. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.spec.js +0 -94
  20. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.spec.js +0 -73
  21. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.spec.js +0 -117
  22. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.spec.js +0 -147
  23. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.spec.js +0 -59
  24. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown.spec.js +0 -1121
  25. package/src/vendor/bootstrap-vue/src/components/dropdown/package.json +0 -368
  26. package/src/vendor/bootstrap-vue/src/components/form/README.md +0 -365
  27. package/src/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.spec.js +0 -170
  28. package/src/vendor/bootstrap-vue/src/components/form/form-text.spec.js +0 -93
  29. package/src/vendor/bootstrap-vue/src/components/form/form-valid-feedback.spec.js +0 -157
  30. package/src/vendor/bootstrap-vue/src/components/form/form.spec.js +0 -97
  31. package/src/vendor/bootstrap-vue/src/components/form/package.json +0 -112
  32. package/src/vendor/bootstrap-vue/src/components/form-checkbox/README.md +0 -691
  33. package/src/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.spec.js +0 -525
  34. package/src/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox.spec.js +0 -922
  35. package/src/vendor/bootstrap-vue/src/components/form-checkbox/package.json +0 -172
  36. package/src/vendor/bootstrap-vue/src/components/form-group/README.md +0 -339
  37. package/src/vendor/bootstrap-vue/src/components/form-group/form-group.spec.js +0 -477
  38. package/src/vendor/bootstrap-vue/src/components/form-group/package.json +0 -183
  39. package/src/vendor/bootstrap-vue/src/components/form-radio/README.md +0 -437
  40. package/src/vendor/bootstrap-vue/src/components/form-radio/form-radio-group.spec.js +0 -357
  41. package/src/vendor/bootstrap-vue/src/components/form-radio/form-radio.spec.js +0 -587
  42. package/src/vendor/bootstrap-vue/src/components/form-radio/package.json +0 -162
  43. package/src/vendor/bootstrap-vue/src/components/form-select/README.md +0 -504
  44. package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.spec.js +0 -138
  45. package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option.spec.js +0 -75
  46. package/src/vendor/bootstrap-vue/src/components/form-select/form-select.spec.js +0 -723
  47. package/src/vendor/bootstrap-vue/src/components/form-select/package.json +0 -132
  48. package/src/vendor/bootstrap-vue/src/components/form-textarea/README.md +0 -453
  49. package/src/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.spec.js +0 -1000
  50. package/src/vendor/bootstrap-vue/src/components/form-textarea/package.json +0 -122
  51. package/src/vendor/bootstrap-vue/src/components/layout/README.md +0 -791
  52. package/src/vendor/bootstrap-vue/src/components/layout/col.spec.js +0 -192
  53. package/src/vendor/bootstrap-vue/src/components/layout/form-row.spec.js +0 -45
  54. package/src/vendor/bootstrap-vue/src/components/layout/package.json +0 -99
  55. package/src/vendor/bootstrap-vue/src/components/link/README.md +0 -76
  56. package/src/vendor/bootstrap-vue/src/components/link/link.spec.js +0 -434
  57. package/src/vendor/bootstrap-vue/src/components/link/package.json +0 -57
  58. package/src/vendor/bootstrap-vue/src/components/modal/MODIFICATIONS.md +0 -30
  59. package/src/vendor/bootstrap-vue/src/components/modal/README.md +0 -1067
  60. package/src/vendor/bootstrap-vue/src/components/modal/helpers/bv-modal-event.class.spec.js +0 -82
  61. package/src/vendor/bootstrap-vue/src/components/modal/modal.spec.js +0 -1418
  62. package/src/vendor/bootstrap-vue/src/components/modal/package.json +0 -544
  63. package/src/vendor/bootstrap-vue/src/components/nav/README.md +0 -362
  64. package/src/vendor/bootstrap-vue/src/components/nav/nav-item.spec.js +0 -127
  65. package/src/vendor/bootstrap-vue/src/components/nav/nav.spec.js +0 -177
  66. package/src/vendor/bootstrap-vue/src/components/nav/package.json +0 -73
  67. package/src/vendor/bootstrap-vue/src/components/popover/README.md +0 -919
  68. package/src/vendor/bootstrap-vue/src/components/popover/package.json +0 -261
  69. package/src/vendor/bootstrap-vue/src/components/popover/popover.spec.js +0 -198
  70. package/src/vendor/bootstrap-vue/src/components/table/README.md +0 -3157
  71. package/src/vendor/bootstrap-vue/src/components/table/helpers/default-sort-compare.spec.js +0 -112
  72. package/src/vendor/bootstrap-vue/src/components/table/helpers/normalize-fields.spec.js +0 -93
  73. package/src/vendor/bootstrap-vue/src/components/table/package.json +0 -1763
  74. package/src/vendor/bootstrap-vue/src/components/table/table-busy.spec.js +0 -150
  75. package/src/vendor/bootstrap-vue/src/components/table/table-caption.spec.js +0 -176
  76. package/src/vendor/bootstrap-vue/src/components/table/table-colgroup.spec.js +0 -81
  77. package/src/vendor/bootstrap-vue/src/components/table/table-filtering.spec.js +0 -409
  78. package/src/vendor/bootstrap-vue/src/components/table/table-item-formatter.spec.js +0 -56
  79. package/src/vendor/bootstrap-vue/src/components/table/table-lite.spec.js +0 -682
  80. package/src/vendor/bootstrap-vue/src/components/table/table-pagination.spec.js +0 -133
  81. package/src/vendor/bootstrap-vue/src/components/table/table-primarykey.spec.js +0 -83
  82. package/src/vendor/bootstrap-vue/src/components/table/table-provider.spec.js +0 -411
  83. package/src/vendor/bootstrap-vue/src/components/table/table-row-details.spec.js +0 -459
  84. package/src/vendor/bootstrap-vue/src/components/table/table-selectable.spec.js +0 -1182
  85. package/src/vendor/bootstrap-vue/src/components/table/table-simple.spec.js +0 -206
  86. package/src/vendor/bootstrap-vue/src/components/table/table-sorting.spec.js +0 -858
  87. package/src/vendor/bootstrap-vue/src/components/table/table-sticky-column.spec.js +0 -377
  88. package/src/vendor/bootstrap-vue/src/components/table/table-tbody-bottom-row.spec.js +0 -94
  89. package/src/vendor/bootstrap-vue/src/components/table/table-tbody-row-events.spec.js +0 -529
  90. package/src/vendor/bootstrap-vue/src/components/table/table-tbody-top-row.spec.js +0 -88
  91. package/src/vendor/bootstrap-vue/src/components/table/table-tbody-transition.spec.js +0 -83
  92. package/src/vendor/bootstrap-vue/src/components/table/table-tfoot-custom.spec.js +0 -91
  93. package/src/vendor/bootstrap-vue/src/components/table/table-tfoot-events.spec.js +0 -137
  94. package/src/vendor/bootstrap-vue/src/components/table/table-thead-events.spec.js +0 -155
  95. package/src/vendor/bootstrap-vue/src/components/table/table-thead-top.spec.js +0 -96
  96. package/src/vendor/bootstrap-vue/src/components/table/table.spec.js +0 -692
  97. package/src/vendor/bootstrap-vue/src/components/tabs/README.md +0 -433
  98. package/src/vendor/bootstrap-vue/src/components/tabs/package.json +0 -205
  99. package/src/vendor/bootstrap-vue/src/components/tabs/tab.spec.js +0 -330
  100. package/src/vendor/bootstrap-vue/src/components/tabs/tabs.spec.js +0 -778
  101. package/src/vendor/bootstrap-vue/src/components/toast/README.md +0 -655
  102. package/src/vendor/bootstrap-vue/src/components/toast/helpers/bv-toast.spec.js +0 -117
  103. package/src/vendor/bootstrap-vue/src/components/toast/package.json +0 -184
  104. package/src/vendor/bootstrap-vue/src/components/toast/toast.spec.js +0 -294
  105. package/src/vendor/bootstrap-vue/src/components/toast/toaster.spec.js +0 -77
  106. package/src/vendor/bootstrap-vue/src/components/tooltip/README.md +0 -559
  107. package/src/vendor/bootstrap-vue/src/components/tooltip/package.json +0 -258
  108. package/src/vendor/bootstrap-vue/src/components/tooltip/tooltip.spec.js +0 -1240
  109. package/src/vendor/bootstrap-vue/src/components/transition/package.json +0 -5
  110. package/src/vendor/bootstrap-vue/src/components/transporter/package.json +0 -5
  111. package/src/vendor/bootstrap-vue/src/components/transporter/transporter.spec.js +0 -85
  112. package/src/vendor/bootstrap-vue/src/directives/modal/modal.spec.js +0 -191
  113. package/src/vendor/bootstrap-vue/src/directives/tooltip/README.md +0 -521
  114. package/src/vendor/bootstrap-vue/src/directives/tooltip/package.json +0 -131
  115. package/src/vendor/bootstrap-vue/src/directives/tooltip/tooltip.spec.js +0 -190
  116. package/src/vendor/bootstrap-vue/src/directives/visible/README.md +0 -244
  117. package/src/vendor/bootstrap-vue/src/directives/visible/package.json +0 -24
  118. package/src/vendor/bootstrap-vue/src/mixins/attrs.spec.js +0 -194
  119. package/src/vendor/bootstrap-vue/src/mixins/click-out.spec.js +0 -52
  120. package/src/vendor/bootstrap-vue/src/mixins/focus-in.spec.js +0 -53
  121. package/src/vendor/bootstrap-vue/src/mixins/listen-on-document.spec.js +0 -117
  122. package/src/vendor/bootstrap-vue/src/mixins/listen-on-root.spec.js +0 -77
  123. package/src/vendor/bootstrap-vue/src/mixins/listen-on-window.spec.js +0 -115
  124. package/src/vendor/bootstrap-vue/src/mixins/listeners.spec.js +0 -245
  125. package/src/vendor/bootstrap-vue/src/utils/bv-event.class.spec.js +0 -66
  126. package/src/vendor/bootstrap-vue/src/utils/clone-deep.spec.js +0 -70
  127. package/src/vendor/bootstrap-vue/src/utils/config.spec.js +0 -169
  128. package/src/vendor/bootstrap-vue/src/utils/css-escape.spec.js +0 -82
  129. package/src/vendor/bootstrap-vue/src/utils/dom.spec.js +0 -291
  130. package/src/vendor/bootstrap-vue/src/utils/events.spec.js +0 -41
  131. package/src/vendor/bootstrap-vue/src/utils/get.spec.js +0 -109
  132. package/src/vendor/bootstrap-vue/src/utils/inspect.spec.js +0 -251
  133. package/src/vendor/bootstrap-vue/src/utils/loose-equal.spec.js +0 -203
  134. package/src/vendor/bootstrap-vue/src/utils/normalize-slot.spec.js +0 -63
  135. package/src/vendor/bootstrap-vue/src/utils/number.spec.js +0 -72
  136. package/src/vendor/bootstrap-vue/src/utils/object.spec.js +0 -61
  137. package/src/vendor/bootstrap-vue/src/utils/props.spec.js +0 -112
  138. package/src/vendor/bootstrap-vue/src/utils/router.spec.js +0 -248
  139. package/src/vendor/bootstrap-vue/src/utils/string.spec.js +0 -65
  140. package/src/vendor/bootstrap-vue/src/utils/stringify-object-values.spec.js +0 -47
  141. package/src/vendor/bootstrap-vue/src/utils/warn.spec.js +0 -54
@@ -1,150 +0,0 @@
1
- import { mount } from '@vue/test-utils'
2
- import { BTable } from './table'
3
-
4
- const testItems = [{ a: 1, b: 2, c: 3 }, { a: 5, b: 5, c: 6 }, { a: 7, b: 8, c: 9 }]
5
-
6
- describe('table > busy state', () => {
7
- it('default should have attribute aria-busy=false', async () => {
8
- const wrapper = mount(BTable, {
9
- propsData: {
10
- items: testItems
11
- }
12
- })
13
- expect(wrapper.attributes('aria-busy')).toBeDefined()
14
- expect(wrapper.attributes('aria-busy')).toEqual('false')
15
-
16
- wrapper.destroy()
17
- })
18
-
19
- it('default should have item rows rendered', async () => {
20
- const wrapper = mount(BTable, {
21
- propsData: {
22
- items: testItems
23
- }
24
- })
25
- expect(wrapper.find('tbody').exists()).toBe(true)
26
- expect(
27
- wrapper
28
- .find('tbody')
29
- .findAll('tr')
30
- .exists()
31
- ).toBe(true)
32
- expect(wrapper.find('tbody').findAll('tr').length).toBe(testItems.length)
33
-
34
- wrapper.destroy()
35
- })
36
-
37
- it('should have attribute aria-busy=true when prop busy=true', async () => {
38
- const wrapper = mount(BTable, {
39
- propsData: {
40
- busy: true,
41
- items: testItems
42
- }
43
- })
44
- expect(wrapper.attributes('aria-busy')).toBeDefined()
45
- expect(wrapper.attributes('aria-busy')).toEqual('true')
46
-
47
- wrapper.destroy()
48
- })
49
-
50
- it('should have attribute aria-busy=true when data localBusy=true', async () => {
51
- const wrapper = mount(BTable, {
52
- propsData: {
53
- items: testItems
54
- }
55
- })
56
- expect(wrapper.attributes('aria-busy')).toBeDefined()
57
- expect(wrapper.attributes('aria-busy')).toEqual('false')
58
-
59
- await wrapper.setData({
60
- localBusy: true
61
- })
62
-
63
- expect(wrapper.attributes('aria-busy')).toBeDefined()
64
- expect(wrapper.attributes('aria-busy')).toEqual('true')
65
-
66
- wrapper.destroy()
67
- })
68
-
69
- it('should emit update:busy event when data localBusy is toggled', async () => {
70
- const wrapper = mount(BTable, {
71
- propsData: {
72
- items: testItems
73
- }
74
- })
75
- expect(wrapper.emitted('update:busy')).toBeUndefined()
76
-
77
- await wrapper.setData({
78
- localBusy: true
79
- })
80
-
81
- expect(wrapper.emitted('update:busy')).toBeDefined()
82
- expect(wrapper.emitted('update:busy')[0][0]).toEqual(true)
83
-
84
- wrapper.destroy()
85
- })
86
-
87
- it('should render table-busy slot when prop busy=true and slot provided', async () => {
88
- const wrapper = mount(BTable, {
89
- propsData: {
90
- busy: false,
91
- items: testItems
92
- },
93
- slots: {
94
- // Note: Slot data needs to be wrapped in an element
95
- // https://github.com/vue/vue-test-utils/issues:992
96
- // Will be fixed in v1.0.0-beta.26
97
- 'table-busy': '<span>busy slot content</span>'
98
- }
99
- })
100
- expect(wrapper.attributes('aria-busy')).toBeDefined()
101
- expect(wrapper.attributes('aria-busy')).toEqual('false')
102
- expect(wrapper.find('tbody').exists()).toBe(true)
103
- expect(
104
- wrapper
105
- .find('tbody')
106
- .findAll('tr')
107
- .exists()
108
- ).toBe(true)
109
- expect(wrapper.find('tbody').findAll('tr').length).toBe(testItems.length)
110
-
111
- await wrapper.setProps({
112
- busy: true
113
- })
114
-
115
- expect(wrapper.attributes('aria-busy')).toBeDefined()
116
- expect(wrapper.attributes('aria-busy')).toEqual('true')
117
- expect(wrapper.find('tbody').exists()).toBe(true)
118
- expect(
119
- wrapper
120
- .find('tbody')
121
- .findAll('tr')
122
- .exists()
123
- ).toBe(true)
124
- expect(wrapper.find('tbody').findAll('tr').length).toBe(1)
125
- expect(wrapper.find('tbody').text()).toContain('busy slot content')
126
- expect(
127
- wrapper
128
- .find('tbody')
129
- .find('tr')
130
- .classes()
131
- ).toContain('b-table-busy-slot')
132
-
133
- await wrapper.setProps({
134
- busy: false
135
- })
136
-
137
- expect(wrapper.attributes('aria-busy')).toBeDefined()
138
- expect(wrapper.attributes('aria-busy')).toEqual('false')
139
- expect(wrapper.find('tbody').exists()).toBe(true)
140
- expect(
141
- wrapper
142
- .find('tbody')
143
- .findAll('tr')
144
- .exists()
145
- ).toBe(true)
146
- expect(wrapper.find('tbody').findAll('tr').length).toBe(testItems.length)
147
-
148
- wrapper.destroy()
149
- })
150
- })
@@ -1,176 +0,0 @@
1
- import { mount } from '@vue/test-utils'
2
- import { waitNT } from '../../../tests/utils'
3
- import { BTable } from './table'
4
-
5
- const testItems = [{ a: 1, b: 2, c: 3 }, { a: 5, b: 5, c: 6 }, { a: 7, b: 8, c: 9 }]
6
- const testFields = ['a', 'b', 'c']
7
-
8
- describe('table > caption', () => {
9
- it('should not have caption by default', async () => {
10
- const wrapper = mount(BTable, {
11
- propsData: {
12
- fields: testFields,
13
- items: testItems
14
- }
15
- })
16
- expect(wrapper).toBeDefined()
17
- expect(wrapper.element.tagName).toBe('TABLE')
18
- expect(wrapper.find('caption').exists()).toBe(false)
19
-
20
- wrapper.destroy()
21
- })
22
-
23
- it('should render named slot `table-caption`', async () => {
24
- const wrapper = mount(BTable, {
25
- propsData: {
26
- fields: testFields,
27
- items: testItems
28
- },
29
- slots: {
30
- 'table-caption': 'foobar'
31
- }
32
- })
33
- expect(wrapper).toBeDefined()
34
- expect(wrapper.element.tagName).toBe('TABLE')
35
- expect(wrapper.find('table > caption').exists()).toBe(true)
36
- expect(wrapper.find('caption').text()).toBe('foobar')
37
- expect(wrapper.find('caption').attributes('id')).toBeUndefined()
38
- expect(wrapper.find('table').classes()).not.toContain('b-table-caption-top')
39
-
40
- wrapper.destroy()
41
- })
42
-
43
- it('should render scoped slot `table-caption`', async () => {
44
- let scope = null
45
- const wrapper = mount(BTable, {
46
- propsData: {
47
- fields: testFields,
48
- items: testItems
49
- },
50
- scopedSlots: {
51
- 'table-caption': function(props) {
52
- scope = props
53
- return this.$createElement('b', 'foobar')
54
- }
55
- }
56
- })
57
- expect(wrapper).toBeDefined()
58
- expect(wrapper.element.tagName).toBe('TABLE')
59
- expect(wrapper.find('table > caption').exists()).toBe(true)
60
- expect(scope).toEqual({}) /* scoped is an empty object for caption */
61
- expect(
62
- wrapper
63
- .find('caption')
64
- .find('b')
65
- .exists()
66
- ).toBe(true)
67
- expect(wrapper.find('caption').text()).toBe('foobar')
68
-
69
- wrapper.destroy()
70
- })
71
-
72
- it('should render `caption` when prop caption is set', async () => {
73
- const wrapper = mount(BTable, {
74
- propsData: {
75
- fields: testFields,
76
- items: testItems,
77
- caption: 'foobar'
78
- }
79
- })
80
- expect(wrapper).toBeDefined()
81
- expect(wrapper.element.tagName).toBe('TABLE')
82
- expect(wrapper.find('table > caption').exists()).toBe(true)
83
- expect(wrapper.find('caption').text()).toBe('foobar')
84
- expect(wrapper.find('caption').attributes('id')).toBeUndefined()
85
- expect(wrapper.find('caption').classes()).not.toContain('b-table-caption-top')
86
-
87
- wrapper.destroy()
88
- })
89
-
90
- it('should render `caption` when prop caption-html is set', async () => {
91
- const wrapper = mount(BTable, {
92
- propsData: {
93
- fields: testFields,
94
- items: testItems,
95
- captionHtml: '<b>foobar</b>'
96
- }
97
- })
98
- expect(wrapper).toBeDefined()
99
- expect(wrapper.element.tagName).toBe('TABLE')
100
- expect(wrapper.find('table > caption').exists()).toBe(true)
101
- expect(
102
- wrapper
103
- .find('caption')
104
- .find('b')
105
- .exists()
106
- ).toBe(true)
107
- expect(wrapper.find('caption').text()).toBe('foobar')
108
- expect(wrapper.find('caption').attributes('id')).toBeUndefined()
109
- expect(wrapper.find('caption').classes()).not.toContain('b-table-caption-top')
110
-
111
- wrapper.destroy()
112
- })
113
-
114
- it('should render `caption` with table class when prop caption-top is set', async () => {
115
- const wrapper = mount(BTable, {
116
- propsData: {
117
- fields: testFields,
118
- items: testItems,
119
- caption: 'foobar',
120
- captionTop: true
121
- }
122
- })
123
- expect(wrapper).toBeDefined()
124
- expect(wrapper.element.tagName).toBe('TABLE')
125
- expect(wrapper.find('table > caption').exists()).toBe(true)
126
- expect(wrapper.find('caption').text()).toBe('foobar')
127
- expect(wrapper.find('caption').attributes('id')).toBeUndefined()
128
- expect(wrapper.find('table').classes()).toContain('b-table-caption-top')
129
-
130
- wrapper.destroy()
131
- })
132
-
133
- it('should render `caption` with id attribute when prop stacked is true', async () => {
134
- const wrapper = mount(BTable, {
135
- propsData: {
136
- id: 'zzz',
137
- fields: testFields,
138
- items: testItems,
139
- caption: 'foobar',
140
- stacked: true
141
- }
142
- })
143
- expect(wrapper).toBeDefined()
144
- expect(wrapper.element.tagName).toBe('TABLE')
145
- expect(wrapper.attributes('id')).toBe('zzz')
146
- await waitNT(wrapper.vm)
147
- expect(wrapper.find('table > caption').exists()).toBe(true)
148
- expect(wrapper.find('caption').text()).toBe('foobar')
149
- expect(wrapper.find('caption').attributes('id')).toBeDefined()
150
- expect(wrapper.find('caption').attributes('id')).toBe('zzz__caption_')
151
-
152
- wrapper.destroy()
153
- })
154
-
155
- it('should render `caption` with id attribute when prop stacked is sm', async () => {
156
- const wrapper = mount(BTable, {
157
- propsData: {
158
- id: 'zzz',
159
- fields: testFields,
160
- items: testItems,
161
- caption: 'foobar',
162
- stacked: 'sm'
163
- }
164
- })
165
- expect(wrapper).toBeDefined()
166
- expect(wrapper.element.tagName).toBe('TABLE')
167
- expect(wrapper.attributes('id')).toBe('zzz')
168
- await waitNT(wrapper.vm)
169
- expect(wrapper.find('table > caption').exists()).toBe(true)
170
- expect(wrapper.find('caption').text()).toBe('foobar')
171
- expect(wrapper.find('caption').attributes('id')).toBeDefined()
172
- expect(wrapper.find('caption').attributes('id')).toBe('zzz__caption_')
173
-
174
- wrapper.destroy()
175
- })
176
- })
@@ -1,81 +0,0 @@
1
- import { mount } from '@vue/test-utils'
2
- import { waitNT } from '../../../tests/utils'
3
- import { normalizeFields } from './helpers/normalize-fields'
4
- import { BTable } from './table'
5
-
6
- const testItems = [{ a: 1, b: 2, c: 3 }, { a: 5, b: 5, c: 6 }, { a: 7, b: 8, c: 9 }]
7
- const testFields = ['a', 'b', 'c']
8
-
9
- describe('table > colgroup', () => {
10
- it('should not have colgroup by default', async () => {
11
- const wrapper = mount(BTable, {
12
- propsData: {
13
- fields: testFields,
14
- items: testItems
15
- }
16
- })
17
- expect(wrapper).toBeDefined()
18
- expect(wrapper.element.tagName).toBe('TABLE')
19
- expect(wrapper.find('colgroup').exists()).toBe(false)
20
-
21
- wrapper.destroy()
22
- })
23
-
24
- it('should render named slot `table-colgroup`', async () => {
25
- const wrapper = mount(BTable, {
26
- propsData: {
27
- fields: testFields,
28
- items: testItems
29
- },
30
- slots: {
31
- 'table-colgroup': '<col><col><col>'
32
- }
33
- })
34
- expect(wrapper).toBeDefined()
35
- expect(wrapper.element.tagName).toBe('TABLE')
36
- expect(wrapper.find('table > colgroup').exists()).toBe(true)
37
- expect(
38
- wrapper
39
- .find('colgroup')
40
- .findAll('col')
41
- .exists()
42
- ).toBe(true)
43
- expect(wrapper.find('colgroup').findAll('col').length).toBe(3)
44
-
45
- wrapper.destroy()
46
- })
47
-
48
- it('should render scoped slot `table-colgroup`', async () => {
49
- let fields = []
50
- let columns
51
- const wrapper = mount(BTable, {
52
- propsData: {
53
- fields: testFields,
54
- items: testItems
55
- },
56
- scopedSlots: {
57
- 'table-colgroup': function(scope) {
58
- fields = scope.fields
59
- columns = scope.columns
60
- return this.$createElement('col', { attrs: { span: columns } })
61
- }
62
- }
63
- })
64
- expect(wrapper).toBeDefined()
65
- expect(wrapper.element.tagName).toBe('TABLE')
66
- await waitNT(wrapper.vm)
67
- expect(columns).toBe(3)
68
- expect(fields).toEqual(normalizeFields(testFields))
69
- expect(wrapper.find('table > colgroup').exists()).toBe(true)
70
- expect(
71
- wrapper
72
- .find('colgroup')
73
- .findAll('col')
74
- .exists()
75
- ).toBe(true)
76
- expect(wrapper.findAll('col').length).toBe(1)
77
- expect(wrapper.find('col').attributes('span')).toBe('3')
78
-
79
- wrapper.destroy()
80
- })
81
- })