Claude
d3646fbdf3
Firefox extension CSP blocks inline <script> tags. Moved all test code to test-suite.js (loaded via src attribute). Build script updated to copy both files. https://claude.ai/code/session_01KF4i7Ra7zCEDskxDBaNtcT
38 lines
1.8 KiB
HTML
38 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Silent Send - Feature Test Suite</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', monospace; font-size: 13px; padding: 20px; background: #f9fafb; }
|
|
h1 { font-size: 18px; margin-bottom: 16px; }
|
|
h2 { font-size: 14px; margin: 16px 0 8px; color: #374151; border-bottom: 1px solid #e5e7eb; padding-bottom: 4px; }
|
|
.test-group { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; margin-bottom: 12px; }
|
|
.test { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 12px; }
|
|
.test .status { width: 18px; text-align: center; font-weight: bold; }
|
|
.pass { color: #10b981; }
|
|
.fail { color: #dc2626; }
|
|
.skip { color: #f59e0b; }
|
|
.detail { color: #6b7280; font-size: 11px; margin-left: 26px; }
|
|
#summary { font-size: 14px; font-weight: 600; margin-top: 16px; padding: 12px; border-radius: 8px; }
|
|
#summary.all-pass { background: #d1fae5; color: #065f46; }
|
|
#summary.has-fail { background: #fee2e2; color: #991b1b; }
|
|
button { padding: 8px 16px; border: 1px solid #d1d5db; border-radius: 6px; background: #fff; cursor: pointer; font-size: 13px; }
|
|
button:hover { background: #f3f4f6; }
|
|
button.primary { background: #3b82f6; color: #fff; border-color: #3b82f6; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Silent Send - Feature Test Suite</h1>
|
|
<p style="margin-bottom:12px;color:#6b7280">
|
|
Tests exercise sync, encryption, storage, auto-redact, and domain management.
|
|
</p>
|
|
<button class="primary" id="btnRunTests">Run All Tests</button>
|
|
<button id="btnClear">Clear</button>
|
|
<div id="results" style="margin-top:16px"></div>
|
|
<div id="summary"></div>
|
|
<script src="test-suite.js" type="module"></script>
|
|
</body>
|
|
</html>
|