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)
  })
})