@aladas-org/cryptocalc
Version:
Cryptocurrency wallet generator
753 lines (665 loc) • 24.6 kB
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 · 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>