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

test: Removed checks for allErrors prop, replaced with checks for particular errors & violations

Browse Source
This commit is contained in:
Zaytsev Kirill 2020-10-26 00:51:19 +03:00
parent 91a97e4365
commit 3cc80f20da
3 changed files with 7 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -251,7 +251,7 @@ describe('FormularioForm', () => {
slots: {
default: `
<FormularioInput v-slot="{ context }" name="fieldWithErrors">
<span v-for="error in context.allErrors">{{ error.message }}</span>
<span v-for="error in context.errors">{{ error }}</span>
</FormularioInput>
`
}

2
test/unit/FormularioGrouping.test.js
View File

@ -86,7 +86,7 @@ describe('FormularioGrouping', () => {
default: `
<FormularioGrouping name="group">
<FormularioInput ref="input" name="text" v-slot="{ context }">
<span v-for="error in context.allErrors">{{ error }}</span>
<span v-for="error in context.errors">{{ error }}</span>
</FormularioInput>
</FormularioGrouping>
`,

37
test/unit/FormularioInput.test.js
View File

@ -108,7 +108,7 @@ describe('FormularioInput', () => {
value: 'other value'
},
scopedSlots: {
default: `<div><span v-for="error in props.context.allErrors">{{ error.message }}</span></div>`
default: `<div><span v-for="error in props.context.violations">{{ error.message }}</span></div>`
}
})
await flushPromises()
@ -126,7 +126,7 @@ describe('FormularioInput', () => {
value: 'bar'
},
scopedSlots: {
default: `<div><span v-for="error in props.context.allErrors">{{ error.message }}</span></div>`
default: `<div><span v-for="error in props.context.violations">{{ error.message }}</span></div>`
}
})
await flushPromises()
@ -205,7 +205,7 @@ describe('FormularioInput', () => {
name: 'test',
validation: 'required|in:xyz|bail',
validationBehavior: 'live',
}
},
})
await flushPromises();
expect(wrapper.vm.context.violations.length).toBe(2);
@ -248,45 +248,18 @@ describe('FormularioInput', () => {
expect(wrapper.vm.context.violations.length).toBe(2);
})
it('Does not show errors on blur when set validation-behavior is submit', async () => {
const wrapper = mount(FormularioInput, {
propsData: {
name: 'test',
validation: 'required',
validationBehavior: 'submit',
},
scopedSlots: {
default: `
<div>
<input v-model="props.context.model" @blur="props.context.runValidation()">
<span v-if="props.context.formShouldShowErrors" v-for="error in props.context.allErrors">{{ error.message }}</span>
</div>
`
}
})
expect(wrapper.find('span').exists()).toBe(false)
wrapper.find('input').trigger('input')
wrapper.find('input').trigger('blur')
await flushPromises()
expect(wrapper.find('span').exists()).toBe(false)
})
it('Displays errors when validation-behavior is submit and form is submitted', async () => {
const wrapper = mount(FormularioForm, {
propsData: { name: 'test' },
slots: {
default: `
<FormularioInput
v-slot="inputProps"
v-slot="{ context }"
name="testinput"
validation="required"
validation-behavior="submit"
>
<span v-for="error in inputProps.context.allErrors">{{ error.message }}</span>
<span v-for="error in context.violations">{{ error.message }}</span>
</FormularioInput>
`
}