52 lines
2.2 KiB
HTML
52 lines
2.2 KiB
HTML
<\!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>TTS Integration Test</title>
|
|
<script>
|
|
window.APP_CONFIG = {
|
|
VITE_API_BASE_URL: 'http://localhost:8002',
|
|
VITE_API_BASE_URL_WITH_PREFIX: 'http://localhost:8002/api'
|
|
};
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<h1>TTS Backend Integration Test</h1>
|
|
<div id="test-results"></div>
|
|
<script type="module">
|
|
import { getSpeakers, getAvailableBackends, getSpeakerStatistics } from './js/api.js';
|
|
|
|
const results = document.getElementById('test-results');
|
|
|
|
async function runTests() {
|
|
try {
|
|
results.innerHTML += '<p>🔄 Testing getSpeakers...</p>';
|
|
const speakers = await getSpeakers();
|
|
results.innerHTML += `<p>✅ getSpeakers: Found ${speakers.length} speakers</p>`;
|
|
|
|
results.innerHTML += '<p>🔄 Testing getAvailableBackends...</p>';
|
|
const backends = await getAvailableBackends();
|
|
results.innerHTML += `<p>✅ getAvailableBackends: Found ${backends.available_backends.length} backends</p>`;
|
|
|
|
results.innerHTML += '<p>🔄 Testing getSpeakerStatistics...</p>';
|
|
const stats = await getSpeakerStatistics();
|
|
results.innerHTML += `<p>✅ getSpeakerStatistics: ${stats.speaker_statistics.total_speakers} total speakers</p>`;
|
|
|
|
results.innerHTML += '<p>🎉 All API tests passed\!</p>';
|
|
|
|
// Test backend filtering
|
|
results.innerHTML += '<p>🔄 Testing backend filtering...</p>';
|
|
const chatterboxSpeakers = await getSpeakers('chatterbox');
|
|
const higgsSpeakers = await getSpeakers('higgs');
|
|
results.innerHTML += `<p>✅ Backend filtering: ${chatterboxSpeakers.length} chatterbox, ${higgsSpeakers.length} higgs</p>`;
|
|
|
|
results.innerHTML += '<p>🎉 Integration test completed successfully\!</p>';
|
|
} catch (error) {
|
|
results.innerHTML += `<p>❌ Error: ${error.message}</p>`;
|
|
}
|
|
}
|
|
|
|
runTests();
|
|
</script>
|
|
</body>
|
|
</html>
|
|
EOF < /dev/null |