mirror of
https://github.com/samsonjs/vibetunnel.git
synced 2026-04-17 13:15:53 +00:00
c7c8a605c2
- Remove old custom ANSI renderer (src/client/renderer.ts) - Rename XTermRenderer to Renderer and move to renderer.ts - Update renderer-entry.ts to export single Renderer class - Rename and update all test files: - test-xterm-renderer.html → test-renderer.html - simple-xterm-test.html → simple-test.html - debug-xterm.html → debug-renderer.html - Remove obsolete custom renderer tests - Update tests/index.html with new test descriptions - All tests now use single XTerm.js-based Renderer 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
115 lines
No EOL
3.7 KiB
HTML
115 lines
No EOL
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>VibeTunnel Tests</title>
|
|
<link href="../bundle/output.css" rel="stylesheet">
|
|
<style>
|
|
body {
|
|
background: #1e1e1e;
|
|
color: #d4d4d4;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
margin: 0;
|
|
padding: 2rem;
|
|
}
|
|
.container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
}
|
|
h1 {
|
|
color: #569cd6;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.test-grid {
|
|
display: grid;
|
|
gap: 1rem;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
}
|
|
.test-card {
|
|
background: #2d2d30;
|
|
border: 1px solid #3e3e42;
|
|
border-radius: 8px;
|
|
padding: 1.5rem;
|
|
transition: border-color 0.2s;
|
|
}
|
|
.test-card:hover {
|
|
border-color: #569cd6;
|
|
}
|
|
.test-title {
|
|
color: #dcdcaa;
|
|
font-size: 1.1rem;
|
|
font-weight: 600;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.test-description {
|
|
color: #8c8c8c;
|
|
margin-bottom: 1rem;
|
|
line-height: 1.5;
|
|
}
|
|
.test-link {
|
|
display: inline-block;
|
|
background: #6a9955;
|
|
color: #1e1e1e;
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 4px;
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
transition: background-color 0.2s;
|
|
}
|
|
.test-link:hover {
|
|
background: #7db161;
|
|
}
|
|
.back-link {
|
|
color: #569cd6;
|
|
text-decoration: none;
|
|
margin-bottom: 2rem;
|
|
display: inline-block;
|
|
}
|
|
.back-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<a href="../" class="back-link">← Back to VibeTunnel</a>
|
|
|
|
<h1>VibeTunnel Test Suite</h1>
|
|
|
|
<div class="test-grid">
|
|
<div class="test-card">
|
|
<div class="test-title">Terminal Renderer Test</div>
|
|
<div class="test-description">
|
|
Comprehensive test of the XTerm.js-based renderer with cast file playback, streaming, and manual input testing.
|
|
</div>
|
|
<a href="test-renderer.html" class="test-link">Run Test</a>
|
|
</div>
|
|
|
|
<div class="test-card">
|
|
<div class="test-title">Simple Renderer Test</div>
|
|
<div class="test-description">
|
|
Basic dual-terminal test comparing performance and rendering with simple ANSI sequences.
|
|
</div>
|
|
<a href="simple-test.html" class="test-link">Run Test</a>
|
|
</div>
|
|
|
|
<div class="test-card">
|
|
<div class="test-title">Debug Renderer Test</div>
|
|
<div class="test-description">
|
|
Debug version with detailed logging for troubleshooting import issues and basic functionality.
|
|
</div>
|
|
<a href="debug-renderer.html" class="test-link">Run Test</a>
|
|
</div>
|
|
|
|
<div class="test-card">
|
|
<div class="test-title">Minimal Test</div>
|
|
<div class="test-description">
|
|
Minimal test setup for quick debugging and isolated testing of specific features.
|
|
</div>
|
|
<a href="minimal-test.html" class="test-link">Run Test</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |