dropdown-form.spec.js
2.88 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
import { mount } from '@vue/test-utils'
import { BDropdownForm } from './dropdown-form'
describe('dropdown-form', () => {
it('renders with tag "form"', async () => {
const wrapper = mount(BDropdownForm)
expect(wrapper.element.tagName).toBe('LI')
const form = wrapper.find('form')
expect(form.element.tagName).toBe('FORM')
wrapper.destroy()
})
it('default has expected classes', async () => {
const wrapper = mount(BDropdownForm)
expect(wrapper.element.tagName).toBe('LI')
const form = wrapper.find('form')
expect(form.classes()).toContain('b-dropdown-form')
expect(form.classes()).not.toContain('was-validated')
expect(form.classes()).not.toContain('disabled')
wrapper.destroy()
})
it('should have custom form classes on form', async () => {
const wrapper = mount(BDropdownForm, {
propsData: {
formClass: ['form-class-custom', 'form-class-custom-2']
}
})
const form = wrapper.find('form')
expect(form.classes()).toEqual(['b-dropdown-form', 'form-class-custom', 'form-class-custom-2'])
wrapper.destroy()
})
it('has tabindex on form', async () => {
const wrapper = mount(BDropdownForm)
expect(wrapper.element.tagName).toBe('LI')
const form = wrapper.find('form')
expect(form.element.tagName).toBe('FORM')
expect(form.attributes('tabindex')).toBeDefined()
expect(form.attributes('tabindex')).toEqual('-1')
wrapper.destroy()
})
it('does not have tabindex on form when disabled', async () => {
const wrapper = mount(BDropdownForm, {
propsData: {
disabled: true
}
})
expect(wrapper.element.tagName).toBe('LI')
const form = wrapper.find('form')
expect(form.element.tagName).toBe('FORM')
expect(form.attributes('tabindex')).toBeUndefined()
expect(form.attributes('disabled')).toBeDefined()
expect(form.classes()).toContain('disabled')
wrapper.destroy()
})
it('has class "was-validated" when validated=true', async () => {
const wrapper = mount(BDropdownForm, {
propsData: { validated: true }
})
expect(wrapper.element.tagName).toBe('LI')
const form = wrapper.find('form')
expect(form.classes()).toContain('was-validated')
expect(form.classes()).toContain('b-dropdown-form')
wrapper.destroy()
})
it('does not have attribute novalidate by default', async () => {
const wrapper = mount(BDropdownForm)
expect(wrapper.element.tagName).toBe('LI')
const form = wrapper.find('form')
expect(form.attributes('novalidate')).toBeUndefined()
wrapper.destroy()
})
it('has attribute novalidate when novalidate=true', async () => {
const wrapper = mount(BDropdownForm, {
propsData: { novalidate: true }
})
expect(wrapper.element.tagName).toBe('LI')
const form = wrapper.find('form')
expect(form.attributes('novalidate')).toBeDefined()
wrapper.destroy()
})
})