34de4ba6dc
* Adds support form FormulateError form errors * Adds support for form-errors prop Also includes tests for both named-form-errors as well, form-errors prop, positioning form errors with the <FormulateErrors /> component, and allowing multiple <FormulateErrors /> * Adds form error support, error handling, and supporting tests * Remove unused util functions * Adds german localization locales/de.js (#14) * Create de.js * Added startsWith and endsWith * adds build process for localization support, removes dist * Adds danish localization * fixes bug that resulted in validation failing if run more than once Credit to @luan-nk-nguyen for discovering the bug * Moves locales to vue-formulate-i18n * Adds dist files for locales * Adds vue-formulate-i18n 1.0.1 * Uses i18n 1.0.3 * Build files * Fixes #19 * Update src/locales/README.md Co-Authored-By: Andrew Boyd <andrew@wearebraid.com> * changes v-html to v-text for error message output credit to @skix123 for the bug report! Co-authored-by: Andrew Boyd <andrew@wearebraid.com>
81 lines
2.4 KiB
JavaScript
81 lines
2.4 KiB
JavaScript
import Vue from 'vue'
|
|
import { mount } from '@vue/test-utils'
|
|
import Formulate from '../../src/Formulate.js'
|
|
import FormulateInput from '@/FormulateInput.vue'
|
|
import FormulateInputButton from '@/inputs/FormulateInputButton.vue'
|
|
|
|
Vue.use(Formulate)
|
|
|
|
test('type "button" renders a button element', () => {
|
|
const wrapper = mount(FormulateInput, { propsData: { type: 'button' } })
|
|
expect(wrapper.contains(FormulateInputButton)).toBe(true)
|
|
})
|
|
|
|
test('type "submit" renders a button element', () => {
|
|
const wrapper = mount(FormulateInput, { propsData: { type: 'submit' } })
|
|
expect(wrapper.contains(FormulateInputButton)).toBe(true)
|
|
})
|
|
|
|
test('type "button" uses value as highest priority content', () => {
|
|
const wrapper = mount(FormulateInput, { propsData: {
|
|
type: 'submit',
|
|
value: 'Value content',
|
|
label: 'Label content',
|
|
name: 'Name content'
|
|
}})
|
|
expect(wrapper.find('button').text()).toBe('Value content')
|
|
})
|
|
|
|
test('type "button" uses label as second highest priority content', () => {
|
|
const wrapper = mount(FormulateInput, { propsData: {
|
|
type: 'submit',
|
|
label: 'Label content',
|
|
name: 'Name content'
|
|
}})
|
|
expect(wrapper.find('button').text()).toBe('Label content')
|
|
})
|
|
|
|
test('type "button" uses name as lowest priority content', () => {
|
|
const wrapper = mount(FormulateInput, { propsData: {
|
|
type: 'submit',
|
|
name: 'Name content'
|
|
}})
|
|
expect(wrapper.find('button').text()).toBe('Name content')
|
|
})
|
|
|
|
test('type "button" uses "Submit" as default content', () => {
|
|
const wrapper = mount(FormulateInput, { propsData: {
|
|
type: 'submit',
|
|
}})
|
|
expect(wrapper.find('button').text()).toBe('Submit')
|
|
})
|
|
|
|
test('type "button" with label does not render label element', () => {
|
|
const wrapper = mount(FormulateInput, { propsData: {
|
|
type: 'button',
|
|
label: 'my label'
|
|
}})
|
|
expect(wrapper.find('label').exists()).toBe(false)
|
|
})
|
|
|
|
test('type "submit" with label does not render label element', () => {
|
|
const wrapper = mount(FormulateInput, { propsData: {
|
|
type: 'button',
|
|
label: 'my label'
|
|
}})
|
|
expect(wrapper.find('label').exists()).toBe(false)
|
|
})
|
|
|
|
test('type "button" renders slot inside button', () => {
|
|
const wrapper = mount(FormulateInput, {
|
|
propsData: {
|
|
type: 'button',
|
|
label: 'my label',
|
|
},
|
|
slots: {
|
|
default: '<span>My custom slot</span>'
|
|
}
|
|
})
|
|
expect(wrapper.find('button > span').html()).toBe('<span>My custom slot</span>')
|
|
})
|