Files
don_confiao_frontend/tests/unit/components/OrderAccessInfo.spec.js

48 lines
1.4 KiB
JavaScript

import { beforeEach, describe, expect, it } from 'vitest'
import { mount } from '@vue/test-utils'
import OrderAccessInfo from '@/components/order/OrderAccessInfo.vue'
import vuetify from '@/plugins/vuetify'
function mountAccessInfo (code) {
return mount(OrderAccessInfo, {
props: { code },
global: { plugins: [vuetify] },
})
}
describe('OrderAccessInfo', () => {
beforeEach(() => {
navigator.clipboard.writeText.mockClear()
})
it('muestra el código del pedido', () => {
const wrapper = mountAccessInfo('abc123')
expect(wrapper.text()).toContain('abc123')
})
it('muestra el link público construido con el código', () => {
const wrapper = mountAccessInfo('abc123')
expect(wrapper.text()).toContain(
`${window.location.origin}/pedido/abc123`
)
})
it('copia el link al presionar el botón de copiar link', async () => {
const wrapper = mountAccessInfo('abc123')
await wrapper.find('[data-test="copy-link"]').trigger('click')
expect(navigator.clipboard.writeText).toHaveBeenCalledWith(
`${window.location.origin}/pedido/abc123`
)
})
it('copia el código al presionar el botón de copiar código', async () => {
const wrapper = mountAccessInfo('abc123')
await wrapper.find('[data-test="copy-code"]').trigger('click')
expect(navigator.clipboard.writeText).toHaveBeenCalledWith('abc123')
})
})