69 lines
2.5 KiB
JavaScript
69 lines
2.5 KiB
JavaScript
import { describe, expect, it, vi } from 'vitest'
|
|
import { mount } from '@vue/test-utils'
|
|
import ProductSupplierOrganizationChart from '@/components/provenance/ProductSupplierOrganizationChart.vue'
|
|
import ProductTerritoryChart from '@/components/provenance/ProductTerritoryChart.vue'
|
|
import ProvenanceSection from '@/components/provenance/ProvenanceSection.vue'
|
|
import vuetify from '@/plugins/vuetify'
|
|
|
|
vi.mock('@/components/graph/VisChart.vue', () => ({
|
|
default: {
|
|
name: 'VisChart',
|
|
template: '<div class="vis-chart-stub" />',
|
|
props: ['nodes', 'edges', 'height', 'options'],
|
|
},
|
|
}))
|
|
|
|
const provenance = [
|
|
{
|
|
product: { id: 1, name: 'Panela regional por Kg' },
|
|
suppliers: [
|
|
{
|
|
supplier: { id: 5, name: 'Asociación La Mesa' },
|
|
organization: { id: 3, name: 'Red de Economía Solidaria' },
|
|
municipality: { id: 7, name: 'La Mesa' },
|
|
department: { id: 2, name: 'Cundinamarca' },
|
|
country: { id: 1, name: 'Colombia', code: 'CO' },
|
|
},
|
|
],
|
|
},
|
|
]
|
|
|
|
function mountSection (props = {}) {
|
|
return mount(ProvenanceSection, {
|
|
props: { provenance, ...props },
|
|
global: { plugins: [vuetify] },
|
|
})
|
|
}
|
|
|
|
describe('ProvenanceSection', () => {
|
|
it('no renderiza nada cuando no hay provenance', () => {
|
|
const wrapper = mountSection({ provenance: null })
|
|
|
|
expect(wrapper.findComponent(ProductSupplierOrganizationChart).exists()).toBe(false)
|
|
expect(wrapper.findComponent(ProductTerritoryChart).exists()).toBe(false)
|
|
})
|
|
|
|
it('no renderiza nada cuando provenance es una lista vacía', () => {
|
|
const wrapper = mountSection({ provenance: [] })
|
|
|
|
expect(wrapper.findComponent(ProductSupplierOrganizationChart).exists()).toBe(false)
|
|
expect(wrapper.findComponent(ProductTerritoryChart).exists()).toBe(false)
|
|
})
|
|
|
|
it('muestra los dos gráficos con sus títulos cuando hay provenance', () => {
|
|
const wrapper = mountSection()
|
|
|
|
expect(wrapper.findComponent(ProductSupplierOrganizationChart).exists()).toBe(true)
|
|
expect(wrapper.findComponent(ProductTerritoryChart).exists()).toBe(true)
|
|
expect(wrapper.text()).toContain('Proveedores y organizaciones')
|
|
expect(wrapper.text()).toContain('Departamento y municipio')
|
|
})
|
|
|
|
it('pasa el provenance a ambos gráficos', () => {
|
|
const wrapper = mountSection()
|
|
|
|
expect(wrapper.findComponent(ProductSupplierOrganizationChart).props('provenance')).toStrictEqual(provenance)
|
|
expect(wrapper.findComponent(ProductTerritoryChart).props('provenance')).toStrictEqual(provenance)
|
|
})
|
|
})
|