Skip to content

Commit 4b2514e

Browse files
kevinkosterrkevinkosterr
committed
test: rewrite global config to beforeAll hook
1 parent 4a28f9c commit 4b2514e

File tree

9 files changed

+48
-48
lines changed

9 files changed

+48
-48
lines changed

‎__tests__/components/fields/FieldButton.spec.js‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,15 @@
11
import { mountFormGenerator, generatePropsSingleField } from '@test/_resources/utils.js'
2-
import { describe, it, expect } from 'vitest'
2+
import { describe, it, expect, beforeAll } from 'vitest'
33
import { mount, config } from '@vue/test-utils'
44

55
import FieldButton from '@/fields/core/FieldButton.vue'
66
import FieldPassword from '@/fields/core/FieldPassword.vue'
77
import FieldCheckbox from '@/fields/core/FieldCheckbox.vue'
88

9+
beforeAll(() => {
10+
config.global.components = { FieldButton }
11+
})
12+
913
const form = {
1014
model: {
1115
password: '',
@@ -49,16 +53,14 @@ describe('FieldButton', () => {
4953
})
5054

5155
it('Should render correctly inside form generator', async () => {
52-
config.global.components = { FieldButton }
53-
5456
const formWrapper = mountFormGenerator(form.schema, form.model)
5557
const buttonField = formWrapper.findComponent(FieldButton)
5658
expect(buttonField.exists()).toBeTruthy()
5759
expect(buttonField.find('button').element.innerHTML).toContain(props.field.buttonText)
5860
})
5961

6062
it('Should update model values', async () => {
61-
config.global.components = { FieldPassword, FieldButton, FieldCheckbox }
63+
config.global.components = { ...config.global.components, FieldPassword, FieldCheckbox }
6264

6365
const formWrapper = mountFormGenerator(form.schema, form.model)
6466
expect(formWrapper.find('input[type=password]').exists()).toBe(true)

‎__tests__/components/fields/FieldCheckbox.spec.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { generatePropsSingleField, generateSchemaSingleField, mountFormGenerator } from '@test/_resources/utils.js'
2-
import { describe, it, expect } from 'vitest'
2+
import { describe, it, expect, beforeAll } from 'vitest'
33
import { mount, config } from '@vue/test-utils'
44

55
import FieldCheckbox from '@/fields/core/FieldCheckbox.vue'
@@ -15,6 +15,10 @@ const form = generateSchemaSingleField(
1515

1616
const props = generatePropsSingleField(form)
1717

18+
beforeAll(() => {
19+
config.global.components = { FieldCheckbox }
20+
})
21+
1822
describe('FieldCheckbox', () => {
1923

2024
it('Should render correctly', async () => {
@@ -29,7 +33,6 @@ describe('FieldCheckbox', () => {
2933
})
3034

3135
it('Should render correctly inside form generator', async() => {
32-
config.global.components = { FieldCheckbox }
3336
const formWrapper = mountFormGenerator(form.schema, form.model)
3437

3538
expect(formWrapper.findComponent(FieldCheckbox).exists()).toBe(true)
@@ -81,11 +84,8 @@ describe('FieldCheckbox', () => {
8184
})
8285

8386
it('Should update model value', async () => {
84-
config.global.components = { FieldCheckbox }
85-
8687
const formWrapper = mountFormGenerator(form.schema, form.model)
8788

88-
8989
const wrapper = formWrapper.findComponent(FieldCheckbox)
9090
expect(wrapper.exists()).toBe(true)
9191

‎__tests__/components/fields/FieldColor.spec.js‎

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { mountFormGenerator, generatePropsSingleField, generateSchemaSingleField } from '@test/_resources/utils.js'
22
import { mount, config } from '@vue/test-utils'
3-
import { describe, it, expect } from 'vitest'
3+
import { describe, it, expect, beforeAll } from 'vitest'
44

55
import FieldColor from '@/fields/core/FieldColor.vue'
66

@@ -16,6 +16,10 @@ const form = generateSchemaSingleField(
1616

1717
const props = generatePropsSingleField(form)
1818

19+
beforeAll(() => {
20+
config.global.components = { FieldColor }
21+
})
22+
1923
describe('FieldColor', () => {
2024

2125
it('Should render correctly', async () => {
@@ -24,16 +28,12 @@ describe('FieldColor', () => {
2428
})
2529

2630
it('Should render correctly inside form generator', async () => {
27-
config.global.components = { FieldColor }
28-
2931
const formWrapper = mountFormGenerator(form.schema, form.model)
3032
expect(formWrapper.findComponent(FieldColor).exists()).toBe(true)
3133
expect(formWrapper.find('input[type=color]').exists()).toBe(true)
3234
})
3335

3436
it('Should render correctly, with input', async () => {
35-
config.global.components = { FieldColor }
36-
3737
const schema = { ...form.schema }
3838
schema.fields[0].withInput = true
3939
const formWrapper = mountFormGenerator(schema, form.model)
@@ -50,8 +50,6 @@ describe('FieldColor', () => {
5050
})
5151

5252
it('Should update model value', async () => {
53-
config.global.components = { FieldColor }
54-
5553
const formWrapper = mountFormGenerator(form.schema, form.model)
5654

5755
const wrapper = formWrapper.findComponent(FieldColor)
@@ -61,8 +59,6 @@ describe('FieldColor', () => {
6159
})
6260

6361
it ('Should update model value and sync values', async () => {
64-
config.global.components = { FieldColor }
65-
6662
const schema = { ...form.schema }
6763
schema.fields[0].withInput = true
6864
const formWrapper = mountFormGenerator(schema, form.model)

‎__tests__/components/fields/FieldMask.spec.js‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { mountFormGenerator, generatePropsSingleField, generateSchemaSingleField } from '@test/_resources/utils'
22
import { mount, config } from '@vue/test-utils'
3-
import { describe, it, expect } from 'vitest'
3+
import { describe, it, expect, beforeAll } from 'vitest'
44

55
import FieldMask from '@/fields/core/FieldMask.vue'
66

@@ -22,6 +22,9 @@ const form = generateSchemaSingleField(
2222

2323
const props = generatePropsSingleField(form)
2424

25+
beforeAll(() => {
26+
config.global.components = { FieldMask }
27+
})
2528

2629
describe('FieldMask', () => {
2730

@@ -35,7 +38,6 @@ describe('FieldMask', () => {
3538
})
3639

3740
it('Should render correctly inside form generator', async () => {
38-
config.global.components = { FieldMask }
3941
const formWrapper = mountFormGenerator(form.schema, form.model)
4042

4143
expect(formWrapper.findComponent(FieldMask).exists()).toBe(true)
@@ -48,8 +50,6 @@ describe('FieldMask', () => {
4850
})
4951

5052
it('Should update model value, masked', async () => {
51-
config.global.components = { FieldMask }
52-
5353
const formWrapper = mountFormGenerator(form.schema, form.model)
5454

5555
const textField = formWrapper.findComponent(FieldMask)
@@ -59,8 +59,6 @@ describe('FieldMask', () => {
5959
})
6060

6161
it('Should update model value, unmasked', async () => {
62-
config.global.components = { FieldMask }
63-
6462
form.schema.fields[0].maskOptions.unmasked = true
6563
const formWrapper = mountFormGenerator(form.schema, form.model)
6664

‎__tests__/components/fields/FieldNumber.spec.js‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { describe, it, expect } from 'vitest'
1+
import { describe, it, expect, beforeAll } from 'vitest'
22
import { mountFormGenerator, generatePropsSingleField, generateSchemaSingleField } from '@test/_resources/utils.js'
33
import { mount, config } from '@vue/test-utils'
44

@@ -19,6 +19,10 @@ const form = generateSchemaSingleField(
1919

2020
const props = generatePropsSingleField(form)
2121

22+
beforeAll(() => {
23+
config.global.components = { FieldNumber }
24+
})
25+
2226
describe('FieldNumber', () => {
2327

2428
it('Should render correctly', async () => {
@@ -27,7 +31,6 @@ describe('FieldNumber', () => {
2731
})
2832

2933
it('Should render correctly inside form generator', async () => {
30-
config.global.components = { FieldNumber }
3134
const formWrapper = mountFormGenerator(form.schema, form.model)
3235
expect(formWrapper.find('input[type=number]').exists()).toBeTruthy()
3336

@@ -44,8 +47,6 @@ describe('FieldNumber', () => {
4447
})
4548

4649
it('Should update model value', async () => {
47-
config.global.components = { FieldNumber }
48-
4950
const formWrapper = mountFormGenerator(form.schema, form.model)
5051
const numberField = formWrapper.findComponent(FieldNumber)
5152
expect(numberField.exists()).toBeTruthy()

‎__tests__/components/fields/FieldPassword.spec.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { mountFormGenerator, generateSchemaSingleField, generatePropsSingleField } from '@test/_resources/utils.js'
2-
import { describe, it, expect } from 'vitest'
2+
import { describe, it, expect, beforeAll } from 'vitest'
33
import { mount, config } from '@vue/test-utils'
44
import validators from '@/validators'
55

@@ -21,6 +21,10 @@ const propsWithIndicator = {
2121
field: { ...props.field, indicator: true }
2222
}
2323

24+
beforeAll(() => {
25+
config.global.components = { FieldPassword }
26+
})
27+
2428
describe('FieldPassword', () => {
2529

2630
it('Should render correctly', async () => {
@@ -29,8 +33,6 @@ describe('FieldPassword', () => {
2933
})
3034

3135
it('Should render correctly inside form generator', async () => {
32-
config.global.components = { FieldPassword }
33-
3436
const formWrapper = mountFormGenerator(form.schema, form.model)
3537

3638

@@ -85,8 +87,6 @@ describe('FieldPassword', () => {
8587
})
8688

8789
it('Should update model value', async () => {
88-
config.global.components = { FieldPassword }
89-
9090
const formWrapper = mountFormGenerator(form.schema, form.model)
9191

9292

‎__tests__/components/fields/FieldRadio.spec.js‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { mountFormGenerator, generatePropsSingleField, generateSchemaSingleField } from '@test/_resources/utils.js'
2-
import { describe, it, expect } from 'vitest'
2+
import { describe, it, expect, beforeAll } from 'vitest'
33
import { mount, config } from '@vue/test-utils'
44

55
import FieldRadio from '@/fields/core/FieldRadio.vue'
@@ -36,6 +36,10 @@ const checkRadioInputs = (radioInputs, wrapper) => {
3636
}
3737
}
3838

39+
beforeAll(() => {
40+
config.global.components = { FieldRadio }
41+
})
42+
3943
describe('FieldRadio', () => {
4044

4145
it('Should render correctly', async () => {
@@ -50,8 +54,6 @@ describe('FieldRadio', () => {
5054
})
5155

5256
it('Should render correctly inside form generator', async () => {
53-
config.global.components = { FieldRadio }
54-
5557
const formWrapper = mountFormGenerator(form.schema, form.model)
5658

5759
expect(formWrapper.findComponent(FieldRadio).exists()).toBeTruthy()
@@ -69,8 +71,6 @@ describe('FieldRadio', () => {
6971
})
7072

7173
it('Should update model value', async () => {
72-
config.global.components = { FieldRadio }
73-
7474
const formWrapper = mountFormGenerator(form.schema, form.model)
7575
expect(formWrapper.findComponent(FieldRadio)).toBeTruthy()
7676
expect(formWrapper.vm.model.radioModel).toBe('')
@@ -83,4 +83,4 @@ describe('FieldRadio', () => {
8383
expect(formWrapper.vm.model.radioModel).toBe('value_2')
8484
})
8585

86-
})
86+
})

‎__tests__/components/fields/FieldReset.spec.js‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { mountFormGenerator } from '@test/_resources/utils.js'
2-
import { describe, it, expect } from 'vitest'
2+
import { describe, it, expect, beforeAll } from 'vitest'
33
import { mount, config } from '@vue/test-utils'
44

55
import FieldReset from '@/fields/core/FieldReset.vue'
@@ -41,6 +41,10 @@ const props = {
4141
model: { ...form.model }
4242
}
4343

44+
beforeAll(() => {
45+
config.global.components = { FieldPassword, FieldCheckbox, FieldReset }
46+
})
47+
4448
describe('FieldReset', () => {
4549

4650
it('Should render correctly', async () => {
@@ -51,8 +55,6 @@ describe('FieldReset', () => {
5155
})
5256

5357
it('Should render correctly inside form generator', async () => {
54-
config.global.components = { FieldPassword, FieldCheckbox, FieldReset }
55-
5658
const formWrapper = mountFormGenerator(form.schema, form.model)
5759

5860

@@ -61,8 +63,6 @@ describe('FieldReset', () => {
6163
})
6264

6365
it('Should reset all values in a form\'s model', async () => {
64-
config.global.components = { FieldPassword, FieldCheckbox, FieldReset }
65-
6666
const formWrapper = mountFormGenerator(form.schema, form.model)
6767

6868
// Check that the initial values have been passed down correctly
@@ -89,4 +89,4 @@ describe('FieldReset', () => {
8989
expect(formWrapper.vm.model.password).toBe('')
9090
})
9191

92-
})
92+
})

‎__tests__/components/fields/FieldSelect.spec.js‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { generateSchemaSingleField, generatePropsSingleField, mountFormGenerator } from '@test/_resources/utils.js'
22
import { mount, config } from '@vue/test-utils'
3-
import { describe, it, expect } from 'vitest'
3+
import { describe, it, expect, beforeAll } from 'vitest'
44

55
import FieldSelect from '@/fields/core/FieldSelect.vue'
66

@@ -23,6 +23,10 @@ const form = generateSchemaSingleField(
2323

2424
const props = generatePropsSingleField(form)
2525

26+
beforeAll(() => {
27+
config.global.components = { FieldSelect }
28+
})
29+
2630
describe('FieldSelect', () => {
2731

2832
it('Should render correctly', async () => {
@@ -42,7 +46,6 @@ describe('FieldSelect', () => {
4246
})
4347

4448
it('Should render correctly inside form generator', async () => {
45-
config.global.components = { FieldSelect }
4649
const formWrapper = mountFormGenerator(form.schema, props)
4750
const selectComp = formWrapper.findComponent(FieldSelect)
4851
expect(selectComp.exists()).toBeTruthy()
@@ -86,4 +89,4 @@ describe('FieldSelect', () => {
8689
expect(formWrapper.vm.model.selectModel.length).toBe(2)
8790
})
8891

89-
})
92+
})

0 commit comments

Comments
 (0)