-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
/
dropdown-form.spec.js
87 lines (71 loc) · 2.63 KB
/
dropdown-form.spec.js
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
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.is('li')).toBe(true)
const form = wrapper.find('form')
expect(form.is('form')).toBe(true)
})
it('default has expected classes', async () => {
const wrapper = mount(BDropdownForm)
expect(wrapper.is('li')).toBe(true)
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')
})
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'])
})
it('has tabindex on form', async () => {
const wrapper = mount(BDropdownForm)
expect(wrapper.is('li')).toBe(true)
const form = wrapper.find('form')
expect(form.is('form')).toBe(true)
expect(form.attributes('tabindex')).toBeDefined()
expect(form.attributes('tabindex')).toEqual('-1')
})
it('does not have tabindex on form when disabled', async () => {
const wrapper = mount(BDropdownForm, {
propsData: {
disabled: true
}
})
expect(wrapper.is('li')).toBe(true)
const form = wrapper.find('form')
expect(form.is('form')).toBe(true)
expect(form.attributes('tabindex')).not.toBeDefined()
expect(form.attributes('disabled')).toBeDefined()
expect(form.classes()).toContain('disabled')
})
it('has class "was-validated" when validated=true', async () => {
const wrapper = mount(BDropdownForm, {
propsData: { validated: true }
})
expect(wrapper.is('li')).toBe(true)
const form = wrapper.find('form')
expect(form.classes()).toContain('was-validated')
expect(form.classes()).toContain('b-dropdown-form')
})
it('does not have attribute novalidate by default', async () => {
const wrapper = mount(BDropdownForm)
expect(wrapper.is('li')).toBe(true)
const form = wrapper.find('form')
expect(form.attributes('novalidate')).not.toBeDefined()
})
it('has attribute novalidate when novalidate=true', async () => {
const wrapper = mount(BDropdownForm, {
propsData: { novalidate: true }
})
expect(wrapper.is('li')).toBe(true)
const form = wrapper.find('form')
expect(form.attributes('novalidate')).toBeDefined()
})
})