mirror of
https://github.com/IT4Change/gradido.git
synced 2026-02-06 09:56:05 +00:00
a58ba48604
* feat(frontend): migration fixes * feat(admin): post migration fixes * feat(admin): revert docker change * feat(admin): update tests
114 lines
3.1 KiB
JavaScript
114 lines
3.1 KiB
JavaScript
import { mount } from '@vue/test-utils'
|
|
import { describe, it, expect, beforeEach, vi } from 'vitest'
|
|
import Coordinates from './Coordinates.vue'
|
|
import { BFormGroup, BFormInput } from 'bootstrap-vue-next'
|
|
|
|
const modelValue = {
|
|
latitude: 56.78,
|
|
longitude: 12.34,
|
|
}
|
|
|
|
vi.mock('vue-i18n', () => ({
|
|
useI18n: () => ({
|
|
t: (key, v) => (key === 'geo-coordinates.format' ? `${v.latitude}, ${v.longitude}` : key),
|
|
}),
|
|
}))
|
|
|
|
const mockEditableGroup = {
|
|
valueChanged: vi.fn(function () {
|
|
this.isValueChanged = true
|
|
}),
|
|
invalidValues: vi.fn(function () {
|
|
this.isValueChanged = false
|
|
}),
|
|
}
|
|
|
|
describe('Coordinates', () => {
|
|
let wrapper
|
|
|
|
const createWrapper = (props = {}) => {
|
|
return mount(Coordinates, {
|
|
props: {
|
|
modelValue,
|
|
...props,
|
|
},
|
|
global: {
|
|
stubs: {
|
|
BFormGroup,
|
|
BFormInput,
|
|
},
|
|
provide: {
|
|
editableGroup: mockEditableGroup,
|
|
},
|
|
},
|
|
})
|
|
}
|
|
|
|
beforeEach(() => {
|
|
wrapper = createWrapper()
|
|
})
|
|
|
|
it('renders the component with initial values', () => {
|
|
expect(wrapper.find('#home-community-latitude').element.value).toBe('56.78')
|
|
expect(wrapper.find('#home-community-longitude').element.value).toBe('12.34')
|
|
expect(wrapper.find('#home-community-latitude-longitude-smart').element.value).toBe(
|
|
'56.78, 12.34',
|
|
)
|
|
})
|
|
|
|
it('updates latitude and longitude when input changes', async () => {
|
|
const latitudeInput = wrapper.find('#home-community-latitude')
|
|
const longitudeInput = wrapper.find('#home-community-longitude')
|
|
|
|
await latitudeInput.setValue('34.56')
|
|
await longitudeInput.setValue('78.90')
|
|
|
|
expect(wrapper.vm.inputValue).toStrictEqual({
|
|
latitude: 34.56,
|
|
longitude: '78.90',
|
|
})
|
|
})
|
|
|
|
it('emits input event with updated values', async () => {
|
|
const latitudeInput = wrapper.find('#home-community-latitude')
|
|
const longitudeInput = wrapper.find('#home-community-longitude')
|
|
|
|
await latitudeInput.setValue('34.56')
|
|
expect(wrapper.emitted('input')).toBeTruthy()
|
|
expect(wrapper.vm.inputValue.latitude).toBe('34.56')
|
|
|
|
await longitudeInput.setValue('78.9')
|
|
expect(wrapper.emitted('input')).toBeTruthy()
|
|
expect(wrapper.vm.inputValue.longitude).toBe('78.9')
|
|
})
|
|
|
|
it('splits coordinates correctly when entering in latitudeLongitude input', async () => {
|
|
const latitudeLongitudeInput = wrapper.find('#home-community-latitude-longitude-smart')
|
|
|
|
await latitudeLongitudeInput.setValue('34.56, 78.90')
|
|
await latitudeLongitudeInput.trigger('input')
|
|
|
|
await wrapper.vm.$nextTick()
|
|
|
|
expect(wrapper.vm.inputValue).toStrictEqual({
|
|
latitude: 34.56,
|
|
longitude: 78.9,
|
|
})
|
|
})
|
|
|
|
it('validates coordinates correctly', async () => {
|
|
const latitudeInput = wrapper.find('#home-community-latitude')
|
|
const longitudeInput = wrapper.find('#home-community-longitude')
|
|
|
|
await latitudeInput.setValue('invalid')
|
|
await longitudeInput.setValue('78.90')
|
|
|
|
expect(wrapper.vm.isValid).toBe(false)
|
|
|
|
await latitudeInput.setValue('34.56')
|
|
await longitudeInput.setValue('78.90')
|
|
|
|
expect(wrapper.vm.isValid).toBe(true)
|
|
})
|
|
})
|