UNPKG

@aladas-org/cryptocalc

Version:
753 lines (665 loc) 24.6 kB
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>password_strength_evaluator.js — Tests unitaires</title> <style> @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@300;400;600&display=swap'); :root { --bg: #0d1117; --surface: #161b22; --surface2: #1c2330; --border: #30363d; --accent: #58a6ff; --accent2: #3fb950; --accent3: #f78166; --accent4: #d2a8ff; --accent5: #ffa657; --text: #e6edf3; --text-muted: #8b949e; --pass: #238636; --pass-bg: #0d2b10; --skip: #9e6a03; --skip-bg: #2b1e00; --tag-bg: #1f3a5f; } * { box-sizing: border-box; margin: 0; padding: 0; } body { background: var(--bg); color: var(--text); font-family: 'IBM Plex Sans', sans-serif; font-size: 14px; line-height: 1.6; padding: 40px 24px; } .container { max-width: 960px; margin: 0 auto; } header { border-bottom: 1px solid var(--border); padding-bottom: 24px; margin-bottom: 36px; } .badge { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-size: 11px; padding: 2px 8px; border-radius: 20px; margin-bottom: 12px; background: var(--tag-bg); color: var(--accent); border: 1px solid #1f4080; letter-spacing: .04em; } h1 { font-size: 26px; font-weight: 600; color: var(--text); margin-bottom: 6px; } .subtitle { color: var(--text-muted); font-family: 'IBM Plex Mono', monospace; font-size: 13px; } .meta-row { display: flex; gap: 24px; margin-top: 16px; flex-wrap: wrap; } .meta-item { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-muted); } .meta-item strong { color: var(--text); } .stats { display: flex; gap: 12px; margin-bottom: 32px; flex-wrap: wrap; } .stat-card { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 14px 20px; min-width: 120px; text-align: center; } .stat-card .num { font-size: 28px; font-weight: 600; font-family: 'IBM Plex Mono', monospace; } .stat-card .label { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .06em; margin-top: 2px; } .num.green { color: var(--accent2); } .num.blue { color: var(--accent); } .num.orange{ color: var(--accent5); } .suite { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; margin-bottom: 20px; overflow: hidden; } .suite-header { background: var(--surface2); padding: 14px 20px; font-family: 'IBM Plex Mono', monospace; font-size: 13px; font-weight: 600; color: var(--accent4); border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 8px; } .suite-header .icon { font-style: normal; } .test-list { padding: 8px 0; } .test-row { display: flex; align-items: flex-start; gap: 10px; padding: 9px 20px; border-bottom: 1px solid #1a2030; transition: background .1s; } .test-row:last-child { border-bottom: none; } .test-row:hover { background: #1a2233; } .status-dot { width: 7px; height: 7px; border-radius: 50%; margin-top: 6px; flex-shrink: 0; } .dot-pass { background: var(--accent2); } .dot-skip { background: var(--accent5); } .test-name { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: var(--text); flex: 1; } .test-note { font-size: 12px; color: var(--text-muted); margin-top: 3px; line-height: 1.4; } .tag { display: inline-block; font-size: 10px; padding: 1px 6px; border-radius: 4px; background: var(--tag-bg); color: var(--accent); font-family: 'IBM Plex Mono', monospace; flex-shrink: 0; margin-top: 3px; } .tag.skip { background: #2b1e00; color: var(--accent5); } .note-box { background: #1a2233; border-left: 3px solid var(--accent); border-radius: 0 6px 6px 0; padding: 12px 16px; margin: 0 20px 16px; font-size: 13px; color: var(--text-muted); } footer { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--border); font-size: 12px; color: var(--text-muted); font-family: 'IBM Plex Mono', monospace; display: flex; justify-content: space-between; } </style> </head> <body> <div class="container"> <header> <div class="badge">UNIT TEST PROTOCOL</div> <h1>password_strength_evaluator.js</h1> <div class="subtitle">www/js/crypto/password_strength_evaluator.js &nbsp;·&nbsp; tests/jest/unit/crypto/password_strength_evaluator.test.js</div> <div class="meta-row"> <div class="meta-item">📁 <strong>www/js/crypto/</strong></div> <div class="meta-item">📝 Évaluation de la force des mots de passe : entropie par alphabet, adjectifs, scores zxcvbn, entropie ajustée.</div> </div> </header> <div class="stats"> <div class="stat-card"><div class="num blue">55</div><div class="label">Tests</div></div> <div class="stat-card"><div class="num green">55</div><div class="label">Passing</div></div> <div class="stat-card"><div class="num orange">0</div><div class="label">Skipped</div></div> <div class="stat-card"><div class="num">12</div><div class="label">Suites</div></div> </div> <div class="note-box">Ordre des détections d'alphabet : <code>binary → octal → hex → base58 → base64</code> (du plus restrictif au plus large). Guard chaîne vide ajouté dans <code>DS_calculateAdjustedEntropy</code>. Vecteur hex 64 chars : <code>'deadbeef'.repeat(8)</code> (non ambigu avec binary).</div> <div class="suite"> <div class="suite-header"><span class="icon"></span> Singleton Pattern</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">This retourne une instance définie</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">This retourne toujours la même instance</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">appel direct du constructeur lève une TypeError</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">ALPHABET_ENTROPIES est défini comme propriété statique</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> is_binary_string</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne true pour "010101"</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne true pour "0" et "1"</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne true pour une longue chaîne binaire (128 chars)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne false pour "012" (contient 2)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne false pour chaîne vide, undefined, null</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> is_hexa_string</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne true pour "deadbeef"</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne true pour "DEADBEEF" (uppercase converti)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne true pour "0x..." (préfixe accepté)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne false pour "xyz"</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne false pour chaîne vide et undefined</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> is_base58_string / is_base64_string / is_octal_string</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_base58_string — true pour adresse Bitcoin valide</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_base58_string — false pour "0" (absent de l'alphabet)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_base64_string — true pour chaîne base64 avec/sans padding</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_base64_string — false pour caractères invalides</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_octal_string — true pour "01234567"</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_octal_string — false pour "8"</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> is_upper_case / is_lower_case / is_digit / is_special_character</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_upper_case : "A" → true, "a" → false, "1" → false</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_lower_case : "a" → true, "A" → false, "1" → false</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_digit : "5" → true, "0" → true, "a" → false</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">is_special_character : "#", "*", "!" → true ; "a", "5" → false</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> getEntropyForAlphabetAsBits</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">alphabet 2 → 1.00 bit (binary)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">alphabet 16 → 4.00 bits (hex)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">alphabet 58 → ~5.86 bits (base58)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">alphabet 64 → 6.00 bits (base64)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne 0 pour alphabet_size ≤ 1</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">augmente avec la taille de l'alphabet</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> getPasswordStrengthAsBits</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">"010101" (binary) → 6 × 1.00 = 6.00 bits</div> <div class="test-note">Détecté comme binary (alphabet le plus restrictif testé en premier)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">"deadbeef" (hex, 8 chars) → 8 × 4.00 = 32.00 bits</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne un nombre positif pour un mot de passe classique</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne un nombre plus élevé pour un mot de passe plus long</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">"deadbeef".repeat(8) (hex, 64 chars) → 256 bits</div> <div class="test-note">Vecteur non-ambigu : hex mais pas binary/octal</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> getPasswordStrengthBitsAsAdjective</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">"pass" (< 28 bits) → "Very Weak"</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">"deadbeef" (32 bits) → "Very Weak" ou "Weak"</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">"deadbeef".repeat(8) (256 bits) → "Very Secure"</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne une valeur parmi les 6 adjectifs définis</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> getPasswordStrengthScore (zxcvbn)</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne un entier entre 0 et 4</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">"password" → score 0 (très faible)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">"123456" → score 0</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">mot de passe aléatoire long → score ≥ 3</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> DS_calculateAdjustedEntropy</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne un nombre positif pour un mot de passe non vide</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne 0 pour une chaîne vide</div> <div class="test-note">Guard ajouté : charsetSize=0 → log2(0)=-∞ → NaN sans guard</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">augmente avec la longueur (caractères similaires)</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> DS_entropyToScore</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">< 28 → score 0 (Very Weak)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">28–34 → score 1 (Weak)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">35–44 → score 2 (Fair)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">45–54 → score 3 (Strong)</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">≥ 55 → score 4 (Very Strong)</div> </div> <span class="tag">pass</span> </div> </div> </div> <div class="suite"> <div class="suite-header"><span class="icon"></span> DS_comprehensivePasswordStrength</div> <div class="test-list"> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">retourne un objet avec zxcvbnScore, entropy, feedback, finalAssessment</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">zxcvbnScore est entre 0 et 4</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">finalAssessment est entre 0 et 4</div> </div> <span class="tag">pass</span> </div> <div class="test-row"> <div class="status-dot dot-pass"></div> <div style="flex:1"> <div class="test-name">finalAssessment ≥ zxcvbnScore (max des deux métriques)</div> </div> <span class="tag">pass</span> </div> </div> </div> <footer> <span>Cryptocalc — Echopraxium with the collaboration of Claude AI</span> <span>Generated 2026-03-10</span> </footer> </div> </body> </html>