125 lines
4.5 KiB
JavaScript
125 lines
4.5 KiB
JavaScript
import { describe, expect, it } from 'vitest'
|
|
import { mount } from '@vue/test-utils'
|
|
import PublicOrderSummary from '@/components/PublicOrderSummary.vue'
|
|
import OrderAccessInfo from '@/components/order/OrderAccessInfo.vue'
|
|
import OrderCustomer from '@/components/order/OrderCustomer.vue'
|
|
import OrderLines from '@/components/order/OrderLines.vue'
|
|
import OrderTotal from '@/components/order/OrderTotal.vue'
|
|
import OrderPayment from '@/components/order/OrderPayment.vue'
|
|
import ProvenanceSection from '@/components/provenance/ProvenanceSection.vue'
|
|
import vuetify from '@/plugins/vuetify'
|
|
|
|
const ProvenanceSectionStub = {
|
|
name: 'ProvenanceSection',
|
|
props: ['provenance'],
|
|
template: '<div data-test="provenance-section" />',
|
|
}
|
|
|
|
const saleData = {
|
|
id: 5,
|
|
code: 'abc123',
|
|
date: '2024-09-02T00:00:00Z',
|
|
customer: { id: 1, name: 'Camilo' },
|
|
payment_method: 'CASH',
|
|
lines: [
|
|
{ product: { id: 10, name: 'Panela' }, quantity: 2, unit_price: 3000 },
|
|
{ product: { id: 11, name: 'Arroz' }, quantity: 1, unit_price: 5000 },
|
|
],
|
|
type: 'sale',
|
|
}
|
|
|
|
const catalogData = {
|
|
id: 7,
|
|
code: 'def456',
|
|
date: '2024-09-02T00:00:00Z',
|
|
customer: { id: 1, name: 'Camilo' },
|
|
lines: [{ product: { id: 10, name: 'Panela' }, quantity: 2, unit_price: 3000 }],
|
|
type: 'catalog',
|
|
}
|
|
|
|
function mountSummary (props) {
|
|
return mount(PublicOrderSummary, {
|
|
props,
|
|
global: {
|
|
plugins: [vuetify],
|
|
stubs: { ProvenanceSection: ProvenanceSectionStub },
|
|
},
|
|
})
|
|
}
|
|
|
|
describe('PublicOrderSummary', () => {
|
|
it('renderiza el resumen de una venta con sus partes', () => {
|
|
const wrapper = mountSummary({ purchase: saleData })
|
|
|
|
expect(wrapper.findComponent(OrderAccessInfo).exists()).toBe(true)
|
|
expect(wrapper.findComponent(OrderCustomer).exists()).toBe(true)
|
|
expect(wrapper.findComponent(OrderLines).exists()).toBe(true)
|
|
expect(wrapper.findComponent(OrderTotal).exists()).toBe(true)
|
|
expect(wrapper.findComponent(OrderPayment).exists()).toBe(true)
|
|
expect(wrapper.text()).toContain('Resumen de la compra')
|
|
expect(wrapper.text()).toContain('Camilo')
|
|
expect(wrapper.text()).toContain('Panela')
|
|
expect(wrapper.text()).toContain('Arroz')
|
|
expect(wrapper.text().replace(/\u00A0/g, ' ')).toContain('11.000')
|
|
})
|
|
|
|
it('renderiza un pedido de catálogo sin bloque de pago', () => {
|
|
const wrapper = mountSummary({ purchase: catalogData })
|
|
|
|
expect(wrapper.findComponent(OrderAccessInfo).exists()).toBe(true)
|
|
expect(wrapper.findComponent(OrderCustomer).exists()).toBe(true)
|
|
expect(wrapper.findComponent(OrderLines).exists()).toBe(true)
|
|
expect(wrapper.findComponent(OrderTotal).exists()).toBe(true)
|
|
expect(wrapper.findComponent(OrderPayment).exists()).toBe(false)
|
|
expect(wrapper.text()).toContain('Resumen del pedido')
|
|
expect(wrapper.text()).toContain('Camilo')
|
|
expect(wrapper.text()).toContain('Panela')
|
|
})
|
|
|
|
it('muestra el estado de carga', () => {
|
|
const wrapper = mountSummary({ purchase: null, loading: true })
|
|
|
|
expect(wrapper.text()).toContain('Cargando')
|
|
})
|
|
|
|
it('muestra el mensaje de error cuando lo recibe', () => {
|
|
const wrapper = mountSummary({
|
|
purchase: null,
|
|
error: 'No se encontró un pedido con ese código.',
|
|
})
|
|
|
|
expect(wrapper.text()).toContain('No se encontró un pedido con ese código.')
|
|
})
|
|
|
|
it('no renderiza datos cuando no hay pedido, carga ni error', () => {
|
|
const wrapper = mountSummary({ purchase: null })
|
|
|
|
expect(wrapper.text()).not.toContain('Camilo')
|
|
expect(wrapper.findComponent(OrderLines).exists()).toBe(false)
|
|
})
|
|
|
|
it('no renderiza la sección de provenance cuando la respuesta no la incluye', () => {
|
|
const wrapper = mountSummary({ purchase: saleData })
|
|
|
|
expect(wrapper.findComponent(ProvenanceSection).exists()).toBe(false)
|
|
})
|
|
|
|
it('renderiza la sección de provenance cuando el resumen la incluye', () => {
|
|
const withProvenance = {
|
|
...saleData,
|
|
product_provenance: [
|
|
{
|
|
product: { id: 10, name: 'Panela' },
|
|
suppliers: [{ supplier: { id: 5, name: 'La Mesa' }, organization: { id: 3, name: 'Red' }, municipality: { id: 7, name: 'La Mesa' }, department: { id: 2, name: 'Cundinamarca' }, country: { id: 1, name: 'Colombia', code: 'CO' } }],
|
|
},
|
|
],
|
|
}
|
|
const wrapper = mountSummary({ purchase: withProvenance })
|
|
|
|
expect(wrapper.findComponent(ProvenanceSection).exists()).toBe(true)
|
|
expect(wrapper.findComponent(ProvenanceSection).props('provenance')).toEqual(
|
|
withProvenance.product_provenance
|
|
)
|
|
})
|
|
})
|