table-primarykey.spec.js
2.46 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
import { mount } from '@vue/test-utils'
import { BTable } from './table'
const testItems = [{ a: 1, b: 2, c: 3 }, { a: 5, b: 5, c: 6 }, { a: 7, b: 8, c: 9 }]
describe('table > primary key', () => {
it('default should not have ids on table rows', async () => {
const wrapper = mount(BTable, {
propsData: {
items: testItems,
id: 'test'
}
})
expect(wrapper).toBeDefined()
expect(wrapper.find('tbody').exists()).toBe(true)
expect(
wrapper
.find('tbody')
.findAll('tr')
.exists()
).toBe(true)
const trs = wrapper.find('tbody').findAll('tr')
expect(trs.length).toBe(testItems.length)
expect(trs.at(0).attributes('id')).toBeUndefined()
expect(trs.at(1).attributes('id')).toBeUndefined()
expect(trs.at(2).attributes('id')).toBeUndefined()
wrapper.destroy()
})
it('should have ids on table rows when primary key set to field', async () => {
const wrapper = mount(BTable, {
propsData: {
items: testItems,
id: 'foo',
primaryKey: 'a'
}
})
expect(wrapper).toBeDefined()
expect(wrapper.find('tbody').exists()).toBe(true)
expect(
wrapper
.find('tbody')
.findAll('tr')
.exists()
).toBe(true)
const trs = wrapper.find('tbody').findAll('tr')
expect(trs.length).toBe(testItems.length)
expect(trs.at(0).attributes('id')).toBeDefined()
expect(trs.at(0).attributes('id')).toBe(`foo__row_${testItems[0].a}`)
expect(trs.at(1).attributes('id')).toBeDefined()
expect(trs.at(1).attributes('id')).toBe(`foo__row_${testItems[1].a}`)
expect(trs.at(2).attributes('id')).toBeDefined()
expect(trs.at(2).attributes('id')).toBe(`foo__row_${testItems[2].a}`)
wrapper.destroy()
})
it('should not have ids on table rows when primary key set to nonexistent field', async () => {
const wrapper = mount(BTable, {
propsData: {
items: testItems,
id: 'foo',
primaryKey: 'ZZZ'
}
})
expect(wrapper).toBeDefined()
expect(wrapper.find('tbody').exists()).toBe(true)
expect(
wrapper
.find('tbody')
.findAll('tr')
.exists()
).toBe(true)
const trs = wrapper.find('tbody').findAll('tr')
expect(trs.length).toBe(testItems.length)
expect(trs.at(0).attributes('id')).toBeUndefined()
expect(trs.at(1).attributes('id')).toBeUndefined()
expect(trs.at(2).attributes('id')).toBeUndefined()
wrapper.destroy()
})
})