templates/test_suite/test_suite.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{{ site_name }}</title>
  6.     <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  7.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
  8.           integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
  9.     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
  10.             integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  11.             crossorigin="anonymous"></script>
  12.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
  13.             integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
  14.             crossorigin="anonymous"></script>
  16.     <script>
  17.         window.axeptioSettings = {
  18.             clientId: "66137db6ae83de5e566cfc53",
  19.             cookiesVersion: "first-id sandbox-fr-EU",
  20.         };
  22.         (function (d, s) {
  23.             var t = d.getElementsByTagName(s)[0],
  24.                 e = d.createElement(s);
  25.             e.async = false;
  26.             e.src = "//static.axept.io/tcf/sdk.js";
  27.             e.type = "module";
  28.             t.parentNode.insertBefore(e, t);
  29.         })(document, "script");
  30.     </script>
  32.     <style>
  33.         .test-card {
  34.             border: 2px solid #dee2e6;
  35.             border-radius: 8px;
  36.             padding: 20px;
  37.             margin-bottom: 20px;
  38.             transition: background-color 0.3s ease;
  39.         }
  40.         .test-card.success {
  41.             background-color: #d4edda;
  42.             border-color: #28a745;
  43.         }
  44.         .test-card.error {
  45.             background-color: #f8d7da;
  46.             border-color: #dc3545;
  47.         }
  48.         .test-card.running {
  49.             background-color: #fff3cd;
  50.             border-color: #ffc107;
  51.         }
  52.         .test-card.disabled {
  53.             opacity: 0.5;
  54.             pointer-events: none;
  55.         }
  56.         .log-output {
  57.             background-color: #f8f9fa;
  58.             border: 1px solid #dee2e6;
  59.             border-radius: 4px;
  60.             padding: 10px;
  61.             max-height: 300px;
  62.             overflow-y: auto;
  63.             font-family: monospace;
  64.             font-size: 12px;
  65.             white-space: pre-wrap;
  66.             word-break: break-all;
  67.         }
  68.         .log-entry {
  69.             margin-bottom: 5px;
  70.         }
  71.         .log-entry.error {
  72.             color: #dc3545;
  73.             font-weight: bold;
  74.         }
  75.         .log-entry.debug {
  76.             color: #007bff;
  77.         }
  78.         .log-entry.info {
  79.             color: #28a745;
  80.         }
  81.         iframe {
  82.             width: 100%;
  83.             height: 400px;
  84.             border: 1px solid #dee2e6;
  85.             border-radius: 4px;
  86.         }
  87.     </style>
  88. </head>
  89. <body>
  90. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  91.     <a class="navbar-brand" href="{{ path('app_index') }}">{{ site_name }}</a>
  92.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
  93.             aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  94.         <span class="navbar-toggler-icon"></span>
  95.     </button>
  96. </nav>
  98. <div class="container mt-4">
  99.     <div class="row">
  100.         <div class="col-md-12">
  101.             <h1>Suite de Tests Complète</h1>
  102.             <p class="lead">Validation automatique de toutes les APIs FirstID</p>
  103.             <button id="startAllTests" class="btn btn-primary btn-lg mb-4">Démarrer tous les tests</button>
  104.         </div>
  105.     </div>
  107.     <div class="row">
  108.         <div class="col-md-12">
  109.             <div id="test1" class="test-card">
  110.                 <h3>Test 1: Premier chargement du SDK</h3>
  111.                 <p>Suppression des cookies et chargement initial du SDK</p>
  112.                 <div class="test-status">
  113.                     <span class="badge badge-secondary" id="test1-status">En attente</span>
  114.                 </div>
  115.                 <div class="mt-3">
  116.                     <button class="btn btn-sm btn-primary" onclick="runTest1()">Exécuter Test 1</button>
  117.                 </div>
  118.                 <div class="log-output mt-3" id="test1-log"></div>
  119.             </div>
  121.             <div id="test2" class="test-card">
  122.                 <h3>Test 2: Rechargement du SDK</h3>
  123.                 <p>Rechargement du SDK sans suppression des cookies</p>
  124.                 <div class="test-status">
  125.                     <span class="badge badge-secondary" id="test2-status">En attente</span>
  126.                 </div>
  127.                 <div class="mt-3">
  128.                     <button class="btn btn-sm btn-primary" onclick="runTest2()">Exécuter Test 2</button>
  129.                     <span class="badge badge-warning ml-2">Nécessite un first id (ou Test 1)</span>
  130.                 </div>
  131.                 <div class="log-output mt-3" id="test2-log"></div>
  132.             </div>
  134.             <div id="test3" class="test-card">
  135.                 <h3>Test 3: Appels APP API</h3>
  136.                 <p>Tests des appels APP API</p>
  137.                 <div class="test-status">
  138.                     <span class="badge badge-secondary" id="test3-status">En attente</span>
  139.                 </div>
  140.                 <div class="mt-3">
  141.                     <button class="btn btn-sm btn-primary" onclick="runTest3()">Exécuter Test 3</button>
  142.                 </div>
  143.                 <div class="log-output mt-3" id="test3-log"></div>
  144.             </div>
  146.             <div id="test4" class="test-card">
  147.                 <h3>Test 4: Redirection Gate</h3>
  148.                 <p>Test de la redirection vers la gate dans une iframe</p>
  149.                 <div class="test-status">
  150.                     <span class="badge badge-secondary" id="test4-status">En attente</span>
  151.                 </div>
  152.                 <div class="mt-3">
  153.                     <button class="btn btn-sm btn-primary" onclick="runTest4()">Exécuter Test 4</button>
  154.                 </div>
  155.                 <div class="log-output mt-3" id="test4-log"></div>
  156.                 <div class="mt-3" id="test4-iframe-container"></div>
  157.             </div>
  158.         </div>
  159.     </div>
  160. </div>
  162. <script>
  163.     const COOKIES_TO_DELETE = ['firstid', 'firstid_flex_type', 'fid_email_hashed', 'fid_email_hash', 'fidsdk_consent', 'fid_customdata_hash', 'fidflexlastsync', 'fidflexemaillastsync', 'firstid_refresh', 'fidflexlastcheck'];
  164.     const SDK_LOAD_TIMEOUT_MS = 5000;
  165.     const FIRSTID_VENDOR_ID = 1178;
  166.     const MAID_MATCHING_API_PROXY_URL = '/test-suite/api-proxy';
  168.     let testState = {
  169.         currentTest: 0,
  170.         test1Passed: false,
  171.         test2Passed: false,
  172.         test3Passed: false,
  173.         test4Passed: false,
  174.         hasConsent: false
  175.     };
  177.     let originalConsoleDebug = console.debug;
  178.     let originalConsoleError = console.error;
  179.     let consoleInterceptActive = false;
  180.     let interceptedErrors = [];
  182.     function setupConsoleInterceptor(testNumber) {
  183.         interceptedErrors = [];
  184.         consoleInterceptActive = true;
  186.         console.debug = function(...args) {
  187.             if (consoleInterceptActive) {
  188.                 logToTest(testNumber, 'debug', '[DEBUG] ' + args.join(' '));
  189.             }
  190.             originalConsoleDebug.apply(console, args);
  191.         };
  193.         console.error = function(...args) {
  194.             if (consoleInterceptActive) {
  195.                 interceptedErrors.push(args.join(' '));
  196.                 logToTest(testNumber, 'error', '[ERROR] ' + args.join(' '));
  197.             }
  198.             originalConsoleError.apply(console, args);
  199.         };
  200.     }
  202.     function teardownConsoleInterceptor() {
  203.         consoleInterceptActive = false;
  204.         console.debug = originalConsoleDebug;
  205.         console.error = originalConsoleError;
  206.     }
  208.     function logToTest(testNumber, level, message) {
  209.         const logElement = document.getElementById(`test${testNumber}-log`);
  210.         const entry = document.createElement('div');
  211.         entry.className = `log-entry ${level}`;
  212.         entry.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
  213.         logElement.appendChild(entry);
  214.         logElement.scrollTop = logElement.scrollHeight;
  215.     }
  217.     function setTestStatus(testNumber, status, message) {
  218.         const statusElement = document.getElementById(`test${testNumber}-status`);
  219.         const testCard = document.getElementById(`test${testNumber}`);
  220.         
  221.         testCard.classList.remove('running', 'success', 'error');
  222.         
  223.         switch(status) {
  224.             case 'running':
  225.                 statusElement.className = 'badge badge-warning';
  226.                 statusElement.textContent = 'En cours...';
  227.                 testCard.classList.add('running');
  228.                 break;
  229.             case 'success':
  230.                 statusElement.className = 'badge badge-success';
  231.                 statusElement.textContent = 'Réussi';
  232.                 testCard.classList.add('success');
  233.                 break;
  234.             case 'error':
  235.                 statusElement.className = 'badge badge-danger';
  236.                 statusElement.textContent = 'Échec';
  237.                 testCard.classList.add('error');
  238.                 break;
  239.             case 'waiting':
  240.                 statusElement.className = 'badge badge-secondary';
  241.                 statusElement.textContent = 'En attente';
  242.                 break;
  243.         }
  244.         
  245.         if (message) {
  246.             logToTest(testNumber, status === 'error' ? 'error' : 'info', message);
  247.         }
  248.     }
  250.     function deleteCookies() {
  251.         const domain = window.location.hostname.split('.').slice(-2).join('.');
  252.         
  253.         COOKIES_TO_DELETE.forEach(cookieName => {
  254.             document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=${domain}`;
  255.             document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; domain=.${domain}`;
  256.             document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/`;
  257.         });
  258.         
  259.         return true;
  260.     }
  262.     function getCookieValue(cookieName) {
  263.         let cookieArr = document.cookie.split(";");
  264.         for (let i = 0; i < cookieArr.length; i++) {
  265.             let cookiePair = cookieArr[i].split("=");
  266.             if (cookieName === cookiePair[0].trim()) {
  267.                 return decodeURIComponent(cookiePair[1]);
  268.             }
  269.         }
  270.         return null;
  271.     }
  273.     function loadFirstIdScript(testNumber) {
  274.         return new Promise((resolve, reject) => {
  275.             if (document.querySelector('script[src*="first-id.fr"]')) {
  276.                 logToTest(testNumber, 'info', 'Script FirstID déjà chargé');
  277.                 resolve();
  278.                 return;
  279.             }
  281.             const script = document.createElement('script');
  282.             script.src = 'https://cdn.preprod.first-id.fr/sdk/loader/loader-latest-flex.js?id=1234567890';
  283.             script.defer = true;
  284.             
  285.             script.onload = () => {
  286.                 logToTest(testNumber, 'info', 'Script FirstID chargé avec succès');
  287.                 resolve();
  288.             };
  289.             
  290.             script.onerror = () => {
  291.                 reject(new Error('Échec du chargement du script First-ID'));
  292.             };
  294.             document.head.appendChild(script);
  295.         });
  296.     }
  298.     function initializeFirstId(testNumber) {
  299.         window.firstId = window.firstId || {
  300.             debug: true,
  301.             cookieName: 'firstid',
  302.             firstIdFlexFeature: true,
  303.             callbacks: []
  304.         };
  306.         return new Promise((resolve, reject) => {
  307.             const timeout = setTimeout(() => {
  308.                 reject(new Error(`Timeout FirstID après ${SDK_LOAD_TIMEOUT_MS}ms`));
  309.             }, SDK_LOAD_TIMEOUT_MS);
  311.             document.addEventListener('firstId:initialized', (event) => {
  312.                 clearTimeout(timeout);
  313.                 const firstId = event.detail.firstId;
  314.                 logToTest(testNumber, 'info', `FirstID initialisé: ${firstId}`);
  315.                 resolve(firstId);
  316.             }, {once: true});
  317.         });
  318.     }
  320.     async function runTest1() {
  321.         const testNumber = 1;
  322.         setTestStatus(testNumber, 'running', 'Démarrage du Test 1...');
  323.         setupConsoleInterceptor(testNumber);
  324.         
  325.         try {
  326.             logToTest(testNumber, 'info', 'Suppression des cookies...');
  327.             deleteCookies();
  328.             logToTest(testNumber, 'info', 'Cookies supprimés');
  329.             
  330.             logToTest(testNumber, 'info', 'Chargement du script FirstID...');
  331.             await loadFirstIdScript(testNumber);
  332.             
  333.             logToTest(testNumber, 'info', 'Initialisation du SDK...');
  334.             const firstId = await initializeFirstId(testNumber);
  335.             
  336.             if (!firstId) {
  337.                 throw new Error('FirstID non obtenu après initialisation');
  338.             }
  339.             
  340.             if (interceptedErrors.length > 0) {
  341.                 throw new Error(`${interceptedErrors.length} erreur(s) console détectée(s)`);
  342.             }
  343.             
  344.             logToTest(testNumber, 'info', `✓ FirstID obtenu: ${firstId}`);
  345.             logToTest(testNumber, 'info', '✓ Aucune erreur console détectée');
  346.             
  347.             setTestStatus(testNumber, 'success', 'Test 1 réussi');
  348.             testState.test1Passed = true;
  349.             
  350.         } catch (error) {
  351.             setTestStatus(testNumber, 'error', `Test 1 échoué: ${error.message}`);
  352.             testState.test1Passed = false;
  353.         } finally {
  354.             teardownConsoleInterceptor();
  355.         }
  356.     }
  358.     async function runTest2() {
  359.         if (!testState.test1Passed) {
  360.             logToTest(2, 'error', 'Le Test 1 doit être réussi avant de lancer le Test 2');
  361.             return;
  362.         }
  363.         
  364.         const testNumber = 2;
  365.         setTestStatus(testNumber, 'running', 'Démarrage du Test 2...');
  366.         setupConsoleInterceptor(testNumber);
  367.         
  368.         try {
  369.             logToTest(testNumber, 'info', 'Rechargement du SDK sans suppression des cookies...');
  370.             
  371.             delete window.FIRSTID;
  372.             delete window.FIRSTID_BY_TYPE;
  373.             delete window.FIRSTID_LOADING;
  374.             
  375.             const existingScripts = document.querySelectorAll('script[src*="first-id.fr"]');
  376.             existingScripts.forEach(script => script.remove());
  377.             
  378.             logToTest(testNumber, 'info', 'Variables globales réinitialisées');
  379.             
  380.             await loadFirstIdScript(testNumber);
  381.             
  382.             logToTest(testNumber, 'info', 'Initialisation du SDK...');
  383.             const firstId = await initializeFirstId(testNumber);
  384.             
  385.             if (!firstId) {
  386.                 throw new Error('FirstID non obtenu après réinitialisation');
  387.             }
  388.             
  389.             if (interceptedErrors.length > 0) {
  390.                 throw new Error(`${interceptedErrors.length} erreur(s) console détectée(s)`);
  391.             }
  392.             
  393.             logToTest(testNumber, 'info', `✓ FirstID obtenu: ${firstId}`);
  394.             logToTest(testNumber, 'info', '✓ Aucune erreur console détectée');
  395.             
  396.             setTestStatus(testNumber, 'success', 'Test 2 réussi');
  397.             testState.test2Passed = true;
  398.             
  399.         } catch (error) {
  400.             setTestStatus(testNumber, 'error', `Test 2 échoué: ${error.message}`);
  401.             testState.test2Passed = false;
  402.         } finally {
  403.             teardownConsoleInterceptor();
  404.         }
  405.     }
  407.     async function callMaidMatchingApi(payload) {
  408.         const response = await fetch(MAID_MATCHING_API_PROXY_URL, {
  409.             method: 'POST',
  410.             headers: {
  411.                 'Content-Type': 'application/json',
  412.             },
  413.             body: JSON.stringify(payload)
  414.         });
  415.         
  416.         if (!response.ok) {
  417.             const errorText = await response.text();
  418.             throw new Error(`API call failed: ${response.status} - ${errorText}`);
  419.         }
  420.         
  421.         return await response.json();
  422.     }
  424.     function generateMobileDeviceData(variant = 1) {
  425.         const devices = [
  426.             {
  427.                 deviceType: 'mobile_test_suite',
  428.                 deviceManufacturer: 'Apple',
  429.                 deviceModel: 'iPhone 14 Pro',
  430.                 osVersion: '17.2',
  431.                 buildId: '21C5050',
  432.                 deviceRam: 6000,
  433.                 deviceResolution: '1179x2556',
  434.                 appIdentifier: 'com.firstid.testapp'
  435.             },
  436.             {
  437.                 deviceType: 'mobile_test_suite',
  438.                 deviceManufacturer: 'Samsung',
  439.                 deviceModel: 'Galaxy S23',
  440.                 osVersion: '14',
  441.                 buildId: 'TP1A.220624.014',
  442.                 deviceRam: 8000,
  443.                 deviceResolution: '1080x2340',
  444.                 appIdentifier: 'com.firstid.testapp'
  445.             },
  446.             {
  447.                 deviceType: 'mobile_test_suite',
  448.                 deviceManufacturer: 'Google',
  449.                 deviceModel: 'Pixel 8',
  450.                 osVersion: '14',
  451.                 buildId: 'UP1A.231105.003',
  452.                 deviceRam: 8000,
  453.                 deviceResolution: '1080x2400',
  454.                 appIdentifier: 'com.firstid.testapp'
  455.             }
  456.         ];
  457.         
  458.         const randomDevice = devices[variant - 1] || devices[0];
  459.         return {
  460.             ...randomDevice,
  461.             dfid: "true"
  462.         };
  463.     }
  465.     async function runTest3() {
  466.         const testNumber = 3;
  467.         setTestStatus(testNumber, 'running', 'Démarrage du Test 3...');
  468.         
  469.         try {
  470.             logToTest(testNumber, 'info', '=== Test 3: Appels APP API Mobile ===');
  471.             logToTest(testNumber, 'info', 'Simulation d\'une application mobile avec appels API');
  472.             
  473.             // Test 3.1: Premier appel sans firstId
  474.             logToTest(testNumber, 'info', '');
  475.             logToTest(testNumber, 'info', '--- Appel 1: Création initiale (sans firstId) ---');
  476.             
  477.             const deviceData1 = generateMobileDeviceData(1);
  478.             const payload1 = {
  479.                 ...deviceData1,
  480.                 maid: crypto.randomUUID(),
  481.             };
  482.             
  483.             logToTest(testNumber, 'info', `Device: ${deviceData1.deviceManufacturer} ${deviceData1.deviceModel}`);
  484.             logToTest(testNumber, 'info', `MAID: ${payload1.maid}`);
  485.             logToTest(testNumber, 'info', 'Appel API en cours...');
  486.             
  487.             const response1 = await callMaidMatchingApi(payload1);
  488.             
  489.             if (!response1.firstId) {
  490.                 throw new Error('Premier appel: firstId non reçu');
  491.             }
  492.             
  493.             const obtainedFirstId = response1.firstId;
  494.             logToTest(testNumber, 'info', `✓ FirstID obtenu: ${obtainedFirstId}`);
  495.             if (response1.matchingStatus) {
  496.                 logToTest(testNumber, 'info', `  Status: ${response1.matchingStatus}`);
  497.             }
  498.             
  499.             // Pause entre les appels
  500.             await new Promise(resolve => setTimeout(resolve, 500));
  501.             
  502.             // Test 3.2: Deuxième appel avec le firstId + données différentes
  503.             logToTest(testNumber, 'info', '');
  504.             logToTest(testNumber, 'info', '--- Appel 2: Avec firstId + données device différentes ---');
  505.             
  506.             const deviceData2 = generateMobileDeviceData(2);
  507.             const payload2 = {
  508.                 ...deviceData2,
  509.                 firstId: obtainedFirstId,
  510.                 maid: crypto.randomUUID(),
  511.             };
  512.             
  513.             logToTest(testNumber, 'info', `Device: ${deviceData2.deviceManufacturer} ${deviceData2.deviceModel}`);
  514.             logToTest(testNumber, 'info', `FirstID envoyé: ${obtainedFirstId}`);
  515.             logToTest(testNumber, 'info', `Nouveau MAID: ${payload2.maid}`);
  516.             logToTest(testNumber, 'info', 'Appel API en cours...');
  517.             
  518.             const response2 = await callMaidMatchingApi(payload2);
  519.             
  520.             if (!response2.firstId) {
  521.                 throw new Error('Deuxième appel: firstId non reçu');
  522.             }
  523.             
  524.             logToTest(testNumber, 'info', `✓ FirstID reçu: ${response2.firstId}`);
  525.             if (response2.matchingStatus) {
  526.                 logToTest(testNumber, 'info', `  Status: ${response2.matchingStatus}`);
  527.             }
  528.             
  529.             if (response2.firstId !== obtainedFirstId) {
  530.                 logToTest(testNumber, 'error', `✗ ERREUR: FirstID différent! Attendu: ${obtainedFirstId}, Reçu: ${response2.firstId}`);
  531.                 throw new Error('Le firstId retourné est différent de celui envoyé');
  532.             }
  533.             
  534.             logToTest(testNumber, 'info', '✓ FirstID identique confirmé');
  535.             
  536.             // Pause entre les appels
  537.             await new Promise(resolve => setTimeout(resolve, 500));
  538.             
  539.             // Test 3.3: Troisième appel sans firstId mais avec les mêmes données que l'appel 2
  540.             logToTest(testNumber, 'info', '');
  541.             logToTest(testNumber, 'info', '--- Appel 3: Sans firstId avec mêmes données que appel 2 ---');
  542.             
  543.             const payload3 = {
  544.                 ...deviceData2,
  545.                 maid: payload2.maid,
  546.             };
  547.             
  548.             logToTest(testNumber, 'info', `Device: ${deviceData2.deviceManufacturer} ${deviceData2.deviceModel} (identique appel 2)`);
  549.             logToTest(testNumber, 'info', `MAID: ${payload3.maid} (identique appel 2)`);
  550.             logToTest(testNumber, 'info', 'Appel API en cours...');
  551.             
  552.             const response3 = await callMaidMatchingApi(payload3);
  553.             
  554.             if (!response3.firstId) {
  555.                 throw new Error('Troisième appel: firstId non reçu');
  556.             }
  557.             
  558.             logToTest(testNumber, 'info', `✓ FirstID reçu: ${response3.firstId}`);
  559.             if (response3.matchingStatus) {
  560.                 logToTest(testNumber, 'info', `  Status: ${response3.matchingStatus}`);
  561.             }
  562.             
  563.             if (response3.firstId !== obtainedFirstId) {
  564.                 logToTest(testNumber, 'error', `✗ ERREUR: FirstID différent! Attendu: ${obtainedFirstId}, Reçu: ${response3.firstId}`);
  565.                 throw new Error('Le firstId retrouvé ne correspond pas au firstId initial');
  566.             }
  567.             
  568.             logToTest(testNumber, 'info', '✓ FirstID retrouvé avec succès via MAID');
  569.             
  570.             // Résumé
  571.             logToTest(testNumber, 'info', '');
  572.             logToTest(testNumber, 'info', '=== Résumé du Test 3 ===');
  573.             logToTest(testNumber, 'info', `✓ Appel 1: FirstID créé (${obtainedFirstId})`);
  574.             logToTest(testNumber, 'info', `✓ Appel 2: FirstID maintenu avec device différent`);
  575.             logToTest(testNumber, 'info', `✓ Appel 3: FirstID retrouvé via MAID matching`);
  576.             logToTest(testNumber, 'info', '✓ Tous les appels ont retourné le même firstId');
  577.             
  578.             setTestStatus(testNumber, 'success', 'Test 3 réussi - API Mobile validée');
  579.             testState.test3Passed = true;
  580.             
  581.         } catch (error) {
  582.             logToTest(testNumber, 'error', `Erreur détaillée: ${error.message}`);
  583.             if (error.stack) {
  584.                 logToTest(testNumber, 'debug', error.stack);
  585.             }
  586.             setTestStatus(testNumber, 'error', `Test 3 échoué: ${error.message}`);
  587.             testState.test3Passed = false;
  588.         }
  589.     }
  591.     async function runTest4() {
  592.         const testNumber = 4;
  593.         setTestStatus(testNumber, 'running', 'Démarrage du Test 4...');
  594.         
  595.         try {
  596.             logToTest(testNumber, 'info', 'Test de la redirection Gate...');
  597.             
  598.             const iframeContainer = document.getElementById('test4-iframe-container');
  599.             iframeContainer.innerHTML = '';
  600.             
  601.             const iframe = document.createElement('iframe');
  602.             const redirectHost = encodeURIComponent(window.location.origin + '/gate/handle-first-id-redirect');
  603.             const redirectUri = encodeURIComponent(window.location.origin + '/gate/handle-first-id-redirect');
  604.             iframe.src = `https://gate.preprod.first-id.fr?redirectHost=${redirectUri}&redirectUri=${redirectUri}`;
  605.             
  606.             logToTest(testNumber, 'info', `URL Gate: ${iframe.src}`);
  607.             
  608.             iframeContainer.appendChild(iframe);
  609.             
  610.             iframe.onload = () => {
  611.                 logToTest(testNumber, 'info', 'Iframe Gate chargée');
  612.                 
  613.                 setTimeout(() => {
  614.                     const firstIdCookie = getCookieValue('firstid');
  615.                     if (firstIdCookie) {
  616.                         logToTest(testNumber, 'info', `✓ Cookie firstid trouvé: ${firstIdCookie}`);
  617.                         setTestStatus(testNumber, 'success', 'Test 4 réussi');
  618.                         testState.test4Passed = true;
  619.                     } else {
  620.                         logToTest(testNumber, 'info', 'Cookie firstid non trouvé (vérification manuelle requise)');
  621.                         setTestStatus(testNumber, 'success', 'Test 4 complété (vérification manuelle)');
  622.                     }
  623.                 }, 2000);
  624.             };
  625.             
  626.             iframe.onerror = (error) => {
  627.                 throw new Error('Erreur de chargement de l\'iframe Gate');
  628.             };
  629.             
  630.         } catch (error) {
  631.             setTestStatus(testNumber, 'error', `Test 4 échoué: ${error.message}`);
  632.             testState.test4Passed = false;
  633.         }
  634.     }
  636.     function waitForConsent() {
  637.         return new Promise((resolve) => {
  638.             if (!window.__tcfapi) {
  639.                 logToTest(0, 'info', 'TCF API non disponible, passage en mode sans consentement');
  640.                 resolve(true);
  641.                 return;
  642.             }
  644.             window.__tcfapi('addEventListener', 2, (tcData, success) => {
  645.                 if (success && tcData.gdprApplies) {
  646.                     if (tcData.vendor.consents[FIRSTID_VENDOR_ID] && 
  647.                         (tcData.eventStatus === 'useractioncomplete' || tcData.eventStatus === 'tcloaded')) {
  648.                         console.log('Consentement TCF obtenu');
  649.                         testState.hasConsent = true;
  650.                         resolve(true);
  651.                     }
  652.                 } else {
  653.                     resolve(true);
  654.                 }
  655.             });
  656.         });
  657.     }
  659.     document.getElementById('startAllTests').addEventListener('click', async function() {
  660.         this.disabled = true;
  661.         
  662.         console.log('Attente du consentement TCF...');
  663.         await waitForConsent();
  664.         
  665.         await runTest1();
  666.         
  667.         if (testState.test1Passed) {
  668.             await new Promise(resolve => setTimeout(resolve, 1000));
  669.             await runTest2();
  670.         }
  671.         
  672.         if (testState.test2Passed) {
  673.             await new Promise(resolve => setTimeout(resolve, 1000));
  674.             await runTest3();
  675.         }
  676.         
  677.         if (testState.test3Passed) {
  678.             await new Promise(resolve => setTimeout(resolve, 1000));
  679.             await runTest4();
  680.         }
  681.         
  682.         this.disabled = false;
  683.     });
  684. </script>
  685. </body>
  686. </html>