Extract initCopyUrl to module, add tests for copy-url and event-map coverage

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

assets/app.js

@@ -4,20 +4,7 @@ import { initTabs } from "./modules/tabs.js"
 import { registerEditor } from "./modules/editor.js"
 import { initCookieConsent } from "./modules/cookie-consent.js"
 import { initEventMap } from "./modules/event-map.js"
-
+import { initCopyUrl } from "./modules/copy-url.js"
-function initCopyUrl() {
-    const btn = document.getElementById('copy-url-btn')
-    if (!btn) return
-    const url = document.getElementById('event-url')?.textContent?.trim()
-    if (!url) return
-
-    btn.addEventListener('click', () => {
-        globalThis.navigator.clipboard.writeText(url).then(() => {
-            btn.textContent = 'Copie !'
-            setTimeout(() => { btn.textContent = 'Copier le lien' }, 2000)
-        })
-    })
-}
 
 document.addEventListener('DOMContentLoaded', () => {
     initMobileMenu()

assets/modules/copy-url.js

@@ -0,0 +1,13 @@
+export function initCopyUrl() {
+    const btn = document.getElementById('copy-url-btn')
+    if (!btn) return
+    const url = document.getElementById('event-url')?.textContent?.trim()
+    if (!url) return
+
+    btn.addEventListener('click', () => {
+        globalThis.navigator.clipboard.writeText(url).then(() => {
+            btn.textContent = 'Copie !'
+            setTimeout(() => { btn.textContent = 'Copier le lien' }, 2000)
+        })
+    })
+}

tests/js/copy-url.test.js

@@ -0,0 +1,33 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { initCopyUrl } from '../../assets/modules/copy-url.js'
+
+describe('initCopyUrl', () => {
+    beforeEach(() => {
+        document.body.innerHTML = ''
+    })
+
+    it('does nothing without button', () => {
+        expect(() => initCopyUrl()).not.toThrow()
+    })
+
+    it('does nothing without url element', () => {
+        document.body.innerHTML = '<button id="copy-url-btn"></button>'
+        expect(() => initCopyUrl()).not.toThrow()
+    })
+
+    it('copies url on click', async () => {
+        document.body.innerHTML = `
+            <p id="event-url">https://example.com/event/1-test</p>
+            <button id="copy-url-btn">Copier le lien</button>
+        `
+
+        const writeText = vi.fn().mockResolvedValue(undefined)
+        globalThis.navigator = { clipboard: { writeText } }
+
+        initCopyUrl()
+        document.getElementById('copy-url-btn').click()
+
+        await new Promise(r => { setTimeout(r, 10) })
+        expect(writeText).toHaveBeenCalledWith('https://example.com/event/1-test')
+    })
+})

tests/js/event-map.test.js

@@ -0,0 +1,32 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { initEventMap } from '../../assets/modules/event-map.js'
+
+describe('initEventMap', () => {
+    beforeEach(() => {
+        document.body.innerHTML = ''
+        document.head.innerHTML = ''
+    })
+
+    it('does nothing without map element', () => {
+        expect(() => initEventMap()).not.toThrow()
+    })
+
+    it('does nothing without data-address', () => {
+        document.body.innerHTML = '<div id="event-map"></div>'
+        expect(() => initEventMap()).not.toThrow()
+    })
+
+    it('loads leaflet css and js when map element exists', () => {
+        document.body.innerHTML = '<div id="event-map" data-address="12 rue test, 75001 Paris"></div>'
+
+        initEventMap()
+
+        const link = document.querySelector('link[rel="stylesheet"]')
+        expect(link).not.toBeNull()
+        expect(link.href).toContain('leaflet')
+
+        const script = document.querySelector('script')
+        expect(script).not.toBeNull()
+        expect(script.src).toContain('leaflet')
+    })
+})