#49 feat: CRUD admin de organizaciones, proveedores y geografía

tests/unit/components/provenance/admin/GeographyManagement.spec.js

@@ -0,0 +1,114 @@
+import { describe, expect, it, vi } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+import GeographyManagement from '@/components/provenance/admin/GeographyManagement.vue'
+import vuetify from '@/plugins/vuetify'
+import { clickBody, setBodyInput } from './helpers'
+
+const countries = [
+  { id: 1, name: 'Colombia', code: 'CO' },
+  { id: 2, name: 'Venezuela', code: 'VE' },
+]
+
+const departments = [
+  { id: 2, name: 'Cundinamarca', country: 1, country_detail: { id: 1, name: 'Colombia', code: 'CO' } },
+  { id: 3, name: 'Antioquia', country: 1, country_detail: { id: 1, name: 'Colombia', code: 'CO' } },
+]
+
+const municipalities = [
+  { id: 7, name: 'La Mesa', department: 2, country: 1, department_detail: { id: 2, name: 'Cundinamarca' } },
+  { id: 8, name: 'San Antonio', department: 3, country: 1, department_detail: { id: 3, name: 'Antioquia' } },
+]
+
+function mockApi () {
+  return {
+    getCountries: vi.fn().mockResolvedValue(countries),
+    createCountry: vi.fn().mockResolvedValue({}),
+    updateCountry: vi.fn().mockResolvedValue({}),
+    deleteCountry: vi.fn().mockResolvedValue({}),
+    getDepartments: vi.fn().mockResolvedValue(departments),
+    createDepartment: vi.fn().mockResolvedValue({}),
+    updateDepartment: vi.fn().mockResolvedValue({}),
+    deleteDepartment: vi.fn().mockResolvedValue({}),
+    getMunicipalities: vi.fn().mockResolvedValue(municipalities),
+    createMunicipality: vi.fn().mockResolvedValue({}),
+    updateMunicipality: vi.fn().mockResolvedValue({}),
+    deleteMunicipality: vi.fn().mockResolvedValue({}),
+  }
+}
+
+function mountComponent (api) {
+  return mount(GeographyManagement, {
+    global: { plugins: [vuetify], provide: { api } },
+  })
+}
+
+describe('GeographyManagement', () => {
+  it('muestra los países por defecto y permite crear uno', async () => {
+    const api = mockApi()
+    const wrapper = mountComponent(api)
+    await flushPromises()
+
+    expect(api.getCountries).toHaveBeenCalled()
+    expect(wrapper.text()).toContain('Colombia')
+
+    await wrapper.find('[data-testid="geo-country-create"]').trigger('click')
+    setBodyInput('[data-testid="geo-country-form-name"] input', 'Ecuador')
+    setBodyInput('[data-testid="geo-country-form-code"] input', 'EC')
+    clickBody('[data-testid="geo-country-save"]')
+    await flushPromises()
+
+    expect(api.createCountry).toHaveBeenCalledWith({ name: 'Ecuador', code: 'EC' })
+    expect(api.getCountries).toHaveBeenCalledTimes(2)
+  })
+
+  it('cambia a la pestaña de departamentos y crea uno', async () => {
+    const api = mockApi()
+    const wrapper = mountComponent(api)
+    await flushPromises()
+
+    await wrapper.find('[data-testid="geo-tab-departments"]').trigger('click')
+    await flushPromises()
+
+    expect(api.getDepartments).toHaveBeenCalled()
+    expect(wrapper.text()).toContain('Cundinamarca')
+
+    await wrapper.find('[data-testid="geo-department-create"]').trigger('click')
+    setBodyInput('[data-testid="geo-department-form-name"] input', 'Risaralda')
+    const countrySelect = wrapper.findAllComponents({ name: 'VSelect' })
+      .find(select => select.props('items').some(item => item.id === 2))
+    await countrySelect.vm.$emit('update:modelValue', 2)
+    clickBody('[data-testid="geo-department-save"]')
+    await flushPromises()
+
+    expect(api.createDepartment).toHaveBeenCalledWith(expect.objectContaining({
+      name: 'Risaralda',
+      country: 2,
+    }))
+    expect(api.getDepartments).toHaveBeenCalledTimes(2)
+  })
+
+  it('cambia a la pestaña de municipios y crea uno con departamento y país', async () => {
+    const api = mockApi()
+    const wrapper = mountComponent(api)
+    await flushPromises()
+
+    await wrapper.find('[data-testid="geo-tab-municipalities"]').trigger('click')
+    await flushPromises()
+
+    expect(api.getMunicipalities).toHaveBeenCalled()
+    expect(wrapper.text()).toContain('San Antonio')
+
+    await wrapper.find('[data-testid="geo-municipality-create"]').trigger('click')
+    setBodyInput('[data-testid="geo-municipality-form-name"] input', 'Pereira')
+    await wrapper.findAllComponents({ name: 'VAutocomplete' })[0].vm.$emit('update:modelValue', 3)
+    clickBody('[data-testid="geo-municipality-save"]')
+    await flushPromises()
+
+    expect(api.createMunicipality).toHaveBeenCalledWith(expect.objectContaining({
+      name: 'Pereira',
+      department: 3,
+      country: 1,
+    }))
+    expect(api.getMunicipalities).toHaveBeenCalledTimes(2)
+  })
+})