RetailCRM-Mirror/vue-formulario
1
0
Fork 0
mirror of synced 2024-11-22 13:26:06 +03:00
Code Issues Projects Releases Wiki Activity

test: Restored remaining tests for form

Browse Source
This commit is contained in:
Zaytsev Kirill 2020-10-28 21:25:20 +03:00
parent cfee007165
commit 98b5c0935d
1 changed files with 31 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
test/unit/FormularioForm.test.js
View File

@ -48,7 +48,7 @@ describe('FormularioForm', () => {
` `
} }
}) })
expect(wrapper.vm.registry.keys()).toEqual(['sub1', 'sub2']) expect(wrapper.vm['registry'].keys()).toEqual(['sub1', 'sub2'])
}) })
it('Removes subcomponents from the registry', async () => { it('Removes subcomponents from the registry', async () => {
@ -62,10 +62,10 @@ describe('FormularioForm', () => {
` `
}) })
await flushPromises() await flushPromises()
expect(wrapper.findComponent(FormularioForm).vm.registry.keys()).toEqual(['sub1', 'sub2']) expect(wrapper.findComponent(FormularioForm).vm['registry'].keys()).toEqual(['sub1', 'sub2'])
wrapper.setData({ active: false }) wrapper.setData({ active: false })
await flushPromises() await flushPromises()
expect(wrapper.findComponent(FormularioForm).vm.registry.keys()).toEqual(['sub2']) expect(wrapper.findComponent(FormularioForm).vm['registry'].keys()).toEqual(['sub2'])
}) })
it('Getting nested fields from registry', async () => { it('Getting nested fields from registry', async () => {
@ -347,10 +347,21 @@ describe('FormularioForm', () => {
it('Emits correct validation event on entry', async () => { it('Emits correct validation event on entry', async () => {
const wrapper = mount(FormularioForm, { const wrapper = mount(FormularioForm, {
slots: { default: ` slots: { default: `
<FormularioInput v-slot="{ context }" name="foo" validation="required|in:foo"> <FormularioInput
<input v-model="context.model" type="text" @blur="context.runValidation()"> v-slot="{ context }"
name="firstField"
validation="required|in:foo"
>
<input
v-model="context.model"
type="text"
@blur="context.runValidation()"
>
</FormularioInput> </FormularioInput>
<FormularioInput name="bar" validation="required" /> <FormularioInput
name="secondField"
validation="required"
/>
` } ` }
}) })
wrapper.find('input[type="text"]').setValue('bar') wrapper.find('input[type="text"]').setValue('bar')
@ -361,37 +372,21 @@ describe('FormularioForm', () => {
expect(wrapper.emitted('validation')).toBeTruthy() expect(wrapper.emitted('validation')).toBeTruthy()
expect(wrapper.emitted('validation').length).toBe(1) expect(wrapper.emitted('validation').length).toBe(1)
expect(wrapper.emitted('validation')[0][0]).toEqual({ expect(wrapper.emitted('validation')[0][0]).toEqual({
name: 'foo', name: 'firstField',
violations: [ expect.any(Object) ], // @TODO: Check object structure violations: [ {
rule: expect.any(String),
args: ['foo'],
context: {
value: 'bar',
formValues: expect.any(Object),
name: 'firstField',
},
message: expect.any(String),
} ],
}) })
}) })
return it('Allows resetting a form, wiping validation.', async () => {
it('Removes field data when that field is de-registered', async () => {
const wrapper = mount({
data: () => ({ values: {} }),
template: `
<FormularioForm v-model="values">
<FormularioInput v-slot="{ context }" name="foo">
<input v-model="context.model" type="text" value="abc123">
</FormularioInput>
<FormularioInput v-if="values.foo !== 'bar'" name="bar" value="1" />
</FormularioForm>
`,
})
await flushPromises()
wrapper.find('input[type="text"]').setValue('bar')
await flushPromises()
expect(wrapper.findComponent(FormularioForm).vm.proxy).toEqual({ foo: 'bar' })
expect(wrapper.vm['values']).toEqual({ foo: 'bar' })
})
it('Allows resetting a form, hiding validation and clearing inputs.', async () => {
const wrapper = mount({ const wrapper = mount({
data: () => ({ values: {} }), data: () => ({ values: {} }),
template: ` template: `
@ -411,6 +406,7 @@ describe('FormularioForm', () => {
}) })
const password = wrapper.find('input[type="password"]') const password = wrapper.find('input[type="password"]')
password.setValue('foo') password.setValue('foo')
password.trigger('blur') password.trigger('blur')
@ -422,10 +418,9 @@ describe('FormularioForm', () => {
// First make sure we caught the errors // First make sure we caught the errors
expect(Object.keys(wrapper.vm.$refs.form.mergedFieldErrors).length).toBe(1) expect(Object.keys(wrapper.vm.$refs.form.mergedFieldErrors).length).toBe(1)
wrapper.vm.$refs.form.resetValidation() wrapper.vm.$refs.form.resetValidation()
wrapper.vm.$refs.form.setValues({ })
await flushPromises() await flushPromises()
expect(Object.keys(wrapper.vm.$refs.form.mergedFieldErrors).length).toBe(0) expect(Object.keys(wrapper.vm.$refs.form.mergedFieldErrors).length).toBe(0)
expect(wrapper.vm['values']).toEqual({})
}) })
}) })