179a0703f8
- Create Billet entity: name, position, priceHT, quantity (nullable=unlimited), isGeneratedBillet, hasDefinedExit, notBuyable, type (billet/reservation_brocante/vote), stripeProductId, description, picture (VichUploader), category (ManyToOne CASCADE) - Create BilletDesign entity (OneToOne Event): accentColor, invitationTitle, invitationColor - Billet CRUD: add/edit/delete with access control, Stripe product sync on connected account - Billet reorder: drag & drop with position field, refactored sortable.js for both categories and billets - Ticket designer tab (custom offer only): accent color, invitation title/color, live iframe preview - A4 ticket preview: 4 zones (HG infos+billet, HD affiche, BG association, BD sortie+invitation), fake QR code SVG - Commission calculator JS: live breakdown of E-Ticket fee, Stripe fee (1.5%+0.25EUR), net amount - Sales recap on categories tab: qty sold, total HT, total commissions, total net - DisableProfilerSubscriber: disable web profiler toolbar on preview iframe - CSP: allow self in frame-src and frame-ancestors for preview iframe - Flysystem: dedicated billets.storage for billet images - Upload accept restricted to png/jpeg/webp/gif (no HEIC) - Makefile: add force_sql_dev command - CLAUDE.md: add rule to never modify existing migrations - Consolidate all migrations into single Version20260321111125 - Tests: BilletTest (20), BilletDesignTest (6), DisableProfilerSubscriberTest (5), billet-designer.test.js (7), commission-calculator.test.js (7), AccountControllerTest billet CRUD tests (11) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
97 lines
3.5 KiB
JavaScript
97 lines
3.5 KiB
JavaScript
import { describe, it, expect, beforeEach } from 'vitest'
|
|
import { initBilletDesigner } from '../../assets/modules/billet-designer.js'
|
|
|
|
describe('initBilletDesigner', () => {
|
|
beforeEach(() => {
|
|
document.body.innerHTML = ''
|
|
})
|
|
|
|
it('does nothing without designer element', () => {
|
|
expect(() => initBilletDesigner()).not.toThrow()
|
|
})
|
|
|
|
it('does nothing without preview url', () => {
|
|
document.body.innerHTML = '<div id="billet-designer"></div>'
|
|
expect(() => initBilletDesigner()).not.toThrow()
|
|
})
|
|
|
|
it('does nothing without iframe', () => {
|
|
document.body.innerHTML = '<div id="billet-designer" data-preview-url="/preview"></div>'
|
|
expect(() => initBilletDesigner()).not.toThrow()
|
|
})
|
|
|
|
it('reloads iframe on color input change', () => {
|
|
document.body.innerHTML = `
|
|
<div id="billet-designer" data-preview-url="/preview">
|
|
<input type="color" name="bg_color" value="#ffffff">
|
|
<iframe id="billet-preview-frame" src="/preview"></iframe>
|
|
</div>
|
|
`
|
|
|
|
initBilletDesigner()
|
|
|
|
const input = document.querySelector('input[name="bg_color"]')
|
|
input.value = '#ff0000'
|
|
input.dispatchEvent(new Event('input', { bubbles: true }))
|
|
|
|
const iframe = document.getElementById('billet-preview-frame')
|
|
expect(iframe.src).toContain('bg_color=%23ff0000')
|
|
})
|
|
|
|
it('reloads iframe on checkbox change', () => {
|
|
document.body.innerHTML = `
|
|
<div id="billet-designer" data-preview-url="/preview">
|
|
<input type="checkbox" name="show_logo" checked>
|
|
<iframe id="billet-preview-frame" src="/preview"></iframe>
|
|
</div>
|
|
`
|
|
|
|
initBilletDesigner()
|
|
|
|
const checkbox = document.querySelector('input[name="show_logo"]')
|
|
checkbox.checked = false
|
|
checkbox.dispatchEvent(new Event('change', { bubbles: true }))
|
|
|
|
const iframe = document.getElementById('billet-preview-frame')
|
|
expect(iframe.src).toContain('show_logo=0')
|
|
})
|
|
|
|
it('includes all inputs in preview url', () => {
|
|
document.body.innerHTML = `
|
|
<div id="billet-designer" data-preview-url="/preview">
|
|
<input type="color" name="bg_color" value="#ffffff">
|
|
<input type="color" name="text_color" value="#111111">
|
|
<input type="checkbox" name="show_logo" checked>
|
|
<iframe id="billet-preview-frame" src="/preview"></iframe>
|
|
</div>
|
|
`
|
|
|
|
initBilletDesigner()
|
|
|
|
const input = document.querySelector('input[name="bg_color"]')
|
|
input.dispatchEvent(new Event('input', { bubbles: true }))
|
|
|
|
const iframe = document.getElementById('billet-preview-frame')
|
|
expect(iframe.src).toContain('bg_color=%23ffffff')
|
|
expect(iframe.src).toContain('text_color=%23111111')
|
|
expect(iframe.src).toContain('show_logo=1')
|
|
})
|
|
|
|
it('reloads on reload button click', () => {
|
|
document.body.innerHTML = `
|
|
<div id="billet-designer" data-preview-url="/preview">
|
|
<input type="color" name="bg_color" value="#aabbcc">
|
|
<iframe id="billet-preview-frame" src="/preview"></iframe>
|
|
<button id="billet-reload-preview"></button>
|
|
</div>
|
|
`
|
|
|
|
initBilletDesigner()
|
|
|
|
document.getElementById('billet-reload-preview').click()
|
|
|
|
const iframe = document.getElementById('billet-preview-frame')
|
|
expect(iframe.src).toContain('bg_color=%23aabbcc')
|
|
})
|
|
})
|