ba660e7d5a
All checks were successful
CI / secret-scan (push) Successful in 16s
CI / php-lint (push) Successful in 39s
CI / static-tests (push) Successful in 1m11s
CI / js-tests (push) Successful in 37s
CI / secret-scan (pull_request) Successful in 17s
CI / php-lint (pull_request) Successful in 31s
CI / static-tests (pull_request) Successful in 1m7s
CI / js-tests (pull_request) Successful in 41s
Le bouton Abandon effacait toute la commande au moindre tap. Ajout d'une modale de confirmation reutilisable (confirm-modal.js, CSP-safe : role=dialog, aria-modal, focus piege, Echap et clic-fond = annuler, focus rendu au declencheur, focus initial sur Annuler). Abandon passe par cette confirmation avant clearCart + retour accueil. La suppression d'une ligne reste immediate (re-ajoutable, et le stepper offre le decrement doux) ; les cibles tactiles 44px ont ete posees au lot panier-unique. Tests : confirm-modal.test.js (6 cas : affichage, confirmer, annuler, Echap, clic-fond, echappement) + order-panel (Abandon demande confirmation). JS 118 verts.
67 lines
2.8 KiB
JavaScript
67 lines
2.8 KiB
JavaScript
/*
|
|
* Tests de confirm-modal.js (node:test + jsdom). Modale de confirmation d'un geste
|
|
* destructeur : onConfirm n'est appele QUE sur confirmation explicite ; Annuler /
|
|
* Echap / clic-fond ferment sans agir. Import dynamique apres pose des globals jsdom.
|
|
*/
|
|
import { test, before, beforeEach } from 'node:test';
|
|
import assert from 'node:assert/strict';
|
|
import { JSDOM } from 'jsdom';
|
|
|
|
let confirmAction;
|
|
|
|
before(async () => {
|
|
const dom = new JSDOM('<!DOCTYPE html><html><body></body></html>', { url: 'https://kiosk.test/products.html' });
|
|
global.window = dom.window;
|
|
global.document = dom.window.document;
|
|
global.localStorage = dom.window.localStorage;
|
|
global.requestAnimationFrame = (cb) => cb();
|
|
({ confirmAction } = await import('../../src/public/borne/assets/js/confirm-modal.js'));
|
|
});
|
|
|
|
beforeEach(() => { document.body.innerHTML = ''; });
|
|
|
|
test('confirmAction: affiche une modale role=dialog avec le message', () => {
|
|
confirmAction({ message: 'Abandonner ?', onConfirm: () => {} });
|
|
const modal = document.querySelector('.confirm-overlay .confirm-modal[role="dialog"]');
|
|
assert.ok(modal);
|
|
assert.equal(modal.getAttribute('aria-modal'), 'true');
|
|
assert.match(modal.querySelector('.confirm-modal__message').textContent, /Abandonner/);
|
|
});
|
|
|
|
test('confirmAction: Confirmer appelle onConfirm puis ferme', () => {
|
|
let called = 0;
|
|
confirmAction({ message: 'x', onConfirm: () => { called++; } });
|
|
document.querySelector('.confirm-modal__confirm').click();
|
|
assert.equal(called, 1);
|
|
assert.equal(document.querySelector('.confirm-overlay'), null);
|
|
});
|
|
|
|
test('confirmAction: Annuler ferme sans appeler onConfirm', () => {
|
|
let called = 0;
|
|
confirmAction({ message: 'x', onConfirm: () => { called++; } });
|
|
document.querySelector('.confirm-modal__cancel').click();
|
|
assert.equal(called, 0);
|
|
assert.equal(document.querySelector('.confirm-overlay'), null);
|
|
});
|
|
|
|
test('confirmAction: Echap ferme sans appeler onConfirm', () => {
|
|
let called = 0;
|
|
confirmAction({ message: 'x', onConfirm: () => { called++; } });
|
|
document.dispatchEvent(new window.KeyboardEvent('keydown', { key: 'Escape' }));
|
|
assert.equal(called, 0);
|
|
assert.equal(document.querySelector('.confirm-overlay'), null);
|
|
});
|
|
|
|
test('confirmAction: clic sur le fond ferme sans appeler onConfirm', () => {
|
|
let called = 0;
|
|
confirmAction({ message: 'x', onConfirm: () => { called++; } });
|
|
const overlay = document.querySelector('.confirm-overlay');
|
|
overlay.dispatchEvent(new window.MouseEvent('click', { bubbles: true }));
|
|
assert.equal(called, 0);
|
|
assert.equal(document.querySelector('.confirm-overlay'), null);
|
|
});
|
|
|
|
test('confirmAction: le message est echappe (anti-XSS)', () => {
|
|
confirmAction({ message: '<img src=x onerror=alert(1)>', onConfirm: () => {} });
|
|
assert.equal(document.querySelectorAll('img[onerror]').length, 0);
|
|
});
|