remove test files
This commit is contained in:
dilgenfritz
parent
ab320fd708
commit
1c30d900d7
|
|
@ -149,18 +149,6 @@ Training session video selection
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Test Files Created
|
|
||||||
|
|
||||||
**Test files for isolated module testing:**
|
|
||||||
- `test-campaign-manager.html` - Campaign progression tests
|
|
||||||
- `test-preference-manager.html` - Preference system tests
|
|
||||||
- `test-library-manager.html` - Library tagging/search tests
|
|
||||||
- `test-academy-ui.html` - UI component tests
|
|
||||||
|
|
||||||
**Note:** Test files require manual script loading (Academy modules not auto-initialized). This is expected - the main `training-academy.html` page has proper initialization.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Phase 1 Deliverables Summary
|
## Phase 1 Deliverables Summary
|
||||||
|
|
||||||
| Component | File | Lines | Status |
|
| Component | File | Lines | Status |
|
||||||
|
|
|
||||||
16
index.html
16
index.html
|
|
@ -196,22 +196,6 @@
|
||||||
<span class="cassie-icon"></span>
|
<span class="cassie-icon"></span>
|
||||||
<span class="feature-text">Library</span>
|
<span class="feature-text">Library</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="hero-feature btn-feature" id="test-campaign-btn" onclick="window.location.href='test-campaign-manager.html'" style="background: linear-gradient(135deg, #8338ec, #ff006e);">
|
|
||||||
<span class="feature-icon">🧪</span>
|
|
||||||
<span class="feature-text">Test Campaign</span>
|
|
||||||
</button>
|
|
||||||
<button class="hero-feature btn-feature" id="test-preferences-btn" onclick="window.location.href='test-preference-manager.html'" style="background: linear-gradient(135deg, #ff006e, #8338ec);">
|
|
||||||
<span class="feature-icon">🎯</span>
|
|
||||||
<span class="feature-text">Test Preferences</span>
|
|
||||||
</button>
|
|
||||||
<button class="hero-feature btn-feature" id="test-library-btn" onclick="window.location.href='test-library-manager.html'" style="background: linear-gradient(135deg, #8338ec, #ff006e);">
|
|
||||||
<span class="feature-icon">📚</span>
|
|
||||||
<span class="feature-text">Test Library</span>
|
|
||||||
</button>
|
|
||||||
<button class="hero-feature btn-feature" id="test-academy-ui-btn" onclick="window.location.href='test-academy-ui.html'" style="background: linear-gradient(135deg, #ff006e, #8338ec);">
|
|
||||||
<span class="feature-icon">🎓</span>
|
|
||||||
<span class="feature-text">Test Academy UI</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,200 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Academy UI Integration Test</title>
|
|
||||||
<link rel="stylesheet" href="src/styles/academy-ui.css">
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
background: #1a1a1a;
|
|
||||||
color: #e0e0e0;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 1400px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
text-align: center;
|
|
||||||
color: #ff006e;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
font-size: 2.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-section {
|
|
||||||
background: #2a2a2a;
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-section h2 {
|
|
||||||
color: #8338ec;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-group {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
padding: 12px 24px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: linear-gradient(135deg, #ff006e, #8338ec);
|
|
||||||
color: white;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: transform 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
transform: translateY(-2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box {
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-family: 'Courier New', monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box.success {
|
|
||||||
background: rgba(0, 255, 136, 0.1);
|
|
||||||
border: 1px solid #00ff88;
|
|
||||||
color: #00ff88;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box.info {
|
|
||||||
background: rgba(131, 56, 236, 0.1);
|
|
||||||
border: 1px solid #8338ec;
|
|
||||||
color: #8338ec;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<h1>🎓 Academy UI Integration Test</h1>
|
|
||||||
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Manual Tests</h2>
|
|
||||||
<div class="button-group">
|
|
||||||
<button onclick="setupSampleData()">📦 Setup Sample Data</button>
|
|
||||||
<button onclick="showLevelSelect()">📋 Show Level Select</button>
|
|
||||||
<button onclick="testCheckpointModal(1)">🎯 Test L1 Checkpoint</button>
|
|
||||||
<button onclick="testCheckpointModal(5)">⚡ Test L5 Checkpoint</button>
|
|
||||||
<button onclick="testCheckpointModal(10)">💫 Test L10 Checkpoint</button>
|
|
||||||
<button onclick="resetData()">🔄 Reset Data</button>
|
|
||||||
</div>
|
|
||||||
<div id="output"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Academy Setup Container (where UI will render) -->
|
|
||||||
<div id="academy-setup"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Load Dependencies -->
|
|
||||||
<script src="src/data/gameData.js"></script>
|
|
||||||
<script src="src/features/academy/campaignManager.js"></script>
|
|
||||||
<script src="src/features/academy/preferenceManager.js"></script>
|
|
||||||
<script src="src/features/academy/libraryManager.js"></script>
|
|
||||||
<script src="src/features/academy/academyUI.js"></script>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
function setupSampleData() {
|
|
||||||
console.log('📦 Setting up sample data...');
|
|
||||||
|
|
||||||
// Unlock first 10 levels
|
|
||||||
for (let i = 1; i <= 10; i++) {
|
|
||||||
if (i <= 7) {
|
|
||||||
// Complete first 7 levels
|
|
||||||
window.campaignManager.startLevel(i);
|
|
||||||
window.campaignManager.completeLevel(i, { duration: 600 });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add sample preferences
|
|
||||||
window.preferenceManager.updateCategoryPreferences('contentThemes', {
|
|
||||||
edging: true,
|
|
||||||
denial: true,
|
|
||||||
pov: true
|
|
||||||
}, 1);
|
|
||||||
|
|
||||||
window.preferenceManager.updateCategoryPreferences('intensity', {
|
|
||||||
visualIntensity: 4,
|
|
||||||
mentalIntensity: 3,
|
|
||||||
taskDifficulty: 3
|
|
||||||
}, 5);
|
|
||||||
|
|
||||||
// Add sample library items
|
|
||||||
const sampleFiles = [
|
|
||||||
{ path: 'assets/pornstars/video1.mp4', tags: ['solo', 'pov', 'professional'], rating: 5 },
|
|
||||||
{ path: 'assets/pornstars/video2.mp4', tags: ['couples', 'hd', 'hardcore'], rating: 4 },
|
|
||||||
{ path: 'assets/feet/video1.mp4', tags: ['feet', 'pov', 'fetish'], rating: 4 },
|
|
||||||
{ path: 'assets/hentai/video1.mp4', tags: ['hentai', 'animated'], rating: 3 },
|
|
||||||
{ path: 'assets/BBC/video1.mp4', tags: ['bbc', 'couples'], rating: 5 }
|
|
||||||
];
|
|
||||||
|
|
||||||
sampleFiles.forEach(file => {
|
|
||||||
window.libraryManager.addMediaItem(file.path, {
|
|
||||||
tags: file.tags,
|
|
||||||
rating: file.rating
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
showOutput('✅ Sample data created: 7 levels complete, preferences set, 5 media items added', 'success');
|
|
||||||
}
|
|
||||||
|
|
||||||
function showLevelSelect() {
|
|
||||||
console.log('📋 Showing level select screen...');
|
|
||||||
window.academyUI.showLevelSelect();
|
|
||||||
showOutput('✅ Level select screen displayed', 'success');
|
|
||||||
}
|
|
||||||
|
|
||||||
function testCheckpointModal(levelNum) {
|
|
||||||
console.log(`⚡ Testing checkpoint modal for Level ${levelNum}...`);
|
|
||||||
window.academyUI.showCheckpointModal(levelNum);
|
|
||||||
showOutput(`✅ Checkpoint modal shown for Level ${levelNum}`, 'success');
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetData() {
|
|
||||||
if (confirm('Reset all academy data?')) {
|
|
||||||
window.campaignManager.resetProgress();
|
|
||||||
window.preferenceManager.resetPreferences();
|
|
||||||
window.libraryManager.resetLibrary();
|
|
||||||
|
|
||||||
// Clear the academy setup container
|
|
||||||
const setupContainer = document.getElementById('academy-setup');
|
|
||||||
if (setupContainer) {
|
|
||||||
setupContainer.innerHTML = '';
|
|
||||||
}
|
|
||||||
|
|
||||||
showOutput('🔄 All data reset', 'info');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function showOutput(message, type = 'info') {
|
|
||||||
const outputDiv = document.getElementById('output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box ${type}">${message}</div>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Initialize on load
|
|
||||||
window.addEventListener('DOMContentLoaded', () => {
|
|
||||||
showOutput('🎓 Academy UI Integration ready. Click "Setup Sample Data" to begin.', 'info');
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,293 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Campaign Manager Test - Subphase 1.1</title>
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 50px auto;
|
|
||||||
padding: 20px;
|
|
||||||
background: #1a1a1a;
|
|
||||||
color: #e0e0e0;
|
|
||||||
}
|
|
||||||
.test-section {
|
|
||||||
background: #2a2a2a;
|
|
||||||
padding: 20px;
|
|
||||||
margin: 20px 0;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 1px solid #333;
|
|
||||||
}
|
|
||||||
h1 { color: #ff006e; }
|
|
||||||
h2 { color: #8338ec; margin-top: 0; }
|
|
||||||
button {
|
|
||||||
background: linear-gradient(135deg, #ff006e, #8338ec);
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
padding: 10px 20px;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
button:hover {
|
|
||||||
transform: translateY(-2px);
|
|
||||||
box-shadow: 0 4px 8px rgba(255, 0, 110, 0.4);
|
|
||||||
}
|
|
||||||
.status {
|
|
||||||
padding: 10px;
|
|
||||||
margin: 10px 0;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: #333;
|
|
||||||
}
|
|
||||||
.success { border-left: 4px solid #06ffa5; }
|
|
||||||
.error { border-left: 4px solid #ff006e; }
|
|
||||||
.info { border-left: 4px solid #8338ec; }
|
|
||||||
pre {
|
|
||||||
background: #0a0a0a;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 4px;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
.test-result {
|
|
||||||
margin: 10px 0;
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.pass { background: #06ffa533; border-left: 4px solid #06ffa5; }
|
|
||||||
.fail { background: #ff006e33; border-left: 4px solid #ff006e; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>🎓 Campaign Manager Test - Subphase 1.1</h1>
|
|
||||||
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Campaign Progression System</h2>
|
|
||||||
<p>Testing basic level unlocking, completion tracking, and failure states.</p>
|
|
||||||
|
|
||||||
<button onclick="runAllTests()">🧪 Run All Tests</button>
|
|
||||||
<button onclick="resetProgress()">🔄 Reset Progress</button>
|
|
||||||
<button onclick="showProgress()">📊 Show Progress</button>
|
|
||||||
|
|
||||||
<div id="test-results"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Manual Testing</h2>
|
|
||||||
<button onclick="startLevel(1)">Start Level 1</button>
|
|
||||||
<button onclick="completeLevel(1)">Complete Level 1</button>
|
|
||||||
<button onclick="failLevel(1, 'cumming')">Fail Level 1 (cumming)</button>
|
|
||||||
<button onclick="startLevel(2)">Start Level 2 (should fail if L1 not complete)</button>
|
|
||||||
|
|
||||||
<div id="manual-results"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Current Progress</h2>
|
|
||||||
<div id="progress-display"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Load dependencies -->
|
|
||||||
<script src="src/data/gameData.js"></script>
|
|
||||||
<script src="src/features/academy/campaignManager.js"></script>
|
|
||||||
<script>
|
|
||||||
// campaignManager is now available globally
|
|
||||||
|
|
||||||
// Test functions
|
|
||||||
window.runAllTests = function() {
|
|
||||||
const results = document.getElementById('test-results');
|
|
||||||
results.innerHTML = '<h3>Running Tests...</h3>';
|
|
||||||
|
|
||||||
const tests = [];
|
|
||||||
|
|
||||||
// Test 1: Initial state
|
|
||||||
campaignManager.resetProgress();
|
|
||||||
const stats = campaignManager.getProgressStats();
|
|
||||||
tests.push({
|
|
||||||
name: 'Initial state - L1 unlocked, L2 locked',
|
|
||||||
pass: stats.currentLevel === 1 && stats.highestUnlockedLevel === 1,
|
|
||||||
details: `Current: ${stats.currentLevel}, Highest: ${stats.highestUnlockedLevel}`
|
|
||||||
});
|
|
||||||
|
|
||||||
// Test 2: Can start L1
|
|
||||||
const l1Start = campaignManager.startLevel(1);
|
|
||||||
tests.push({
|
|
||||||
name: 'Can start Level 1',
|
|
||||||
pass: l1Start !== null && l1Start.levelNum === 1,
|
|
||||||
details: l1Start ? `Started ${l1Start.arc} arc` : 'Failed to start'
|
|
||||||
});
|
|
||||||
|
|
||||||
// Test 3: Cannot start L2 before completing L1
|
|
||||||
const l2Locked = campaignManager.startLevel(2);
|
|
||||||
tests.push({
|
|
||||||
name: 'Cannot start Level 2 (locked)',
|
|
||||||
pass: l2Locked === null,
|
|
||||||
details: l2Locked === null ? 'Correctly blocked' : 'ERROR: Started locked level'
|
|
||||||
});
|
|
||||||
|
|
||||||
// Test 4: Complete L1
|
|
||||||
const l1Complete = campaignManager.completeLevel(1, { duration: 300 });
|
|
||||||
tests.push({
|
|
||||||
name: 'Complete Level 1 unlocks Level 2',
|
|
||||||
pass: l1Complete.nextLevelUnlocked && l1Complete.nextLevel === 2,
|
|
||||||
details: `Next level: ${l1Complete.nextLevel}, Unlocked: ${l1Complete.nextLevelUnlocked}`
|
|
||||||
});
|
|
||||||
|
|
||||||
// Test 5: Can now start L2
|
|
||||||
const l2Start = campaignManager.startLevel(2);
|
|
||||||
tests.push({
|
|
||||||
name: 'Can start Level 2 after completing L1',
|
|
||||||
pass: l2Start !== null && l2Start.levelNum === 2,
|
|
||||||
details: l2Start ? `Started level ${l2Start.levelNum}` : 'Failed to start'
|
|
||||||
});
|
|
||||||
|
|
||||||
// Test 6: Fail L2
|
|
||||||
campaignManager.failLevel(2, 'cumming');
|
|
||||||
const statsAfterFail = campaignManager.getProgressStats();
|
|
||||||
tests.push({
|
|
||||||
name: 'Failing L2 allows restart',
|
|
||||||
pass: statsAfterFail.failedAttempts > 0,
|
|
||||||
details: `Failed attempts: ${statsAfterFail.failedAttempts}`
|
|
||||||
});
|
|
||||||
|
|
||||||
// Test 7: Progress persists
|
|
||||||
const beforeReload = campaignManager.getProgressStats();
|
|
||||||
// Simulate reload by getting fresh data
|
|
||||||
const savedData = JSON.parse(localStorage.getItem('webGame-data'));
|
|
||||||
tests.push({
|
|
||||||
name: 'Progress persists in localStorage',
|
|
||||||
pass: savedData.academyProgress !== undefined && savedData.academyProgress.highestUnlockedLevel === 2,
|
|
||||||
details: `Highest unlocked: ${savedData.academyProgress.highestUnlockedLevel}`
|
|
||||||
});
|
|
||||||
|
|
||||||
// Test 8: Arc detection
|
|
||||||
const l1Arc = campaignManager.getArcForLevel(1);
|
|
||||||
const l6Arc = campaignManager.getArcForLevel(6);
|
|
||||||
tests.push({
|
|
||||||
name: 'Arc detection works',
|
|
||||||
pass: l1Arc === 'Foundation' && l6Arc === 'Feature Discovery',
|
|
||||||
details: `L1: ${l1Arc}, L6: ${l6Arc}`
|
|
||||||
});
|
|
||||||
|
|
||||||
// Test 9: Checkpoint detection
|
|
||||||
const isCheckpoint1 = campaignManager.isCheckpointLevel(1);
|
|
||||||
const isCheckpoint2 = campaignManager.isCheckpointLevel(2);
|
|
||||||
const isCheckpoint5 = campaignManager.isCheckpointLevel(5);
|
|
||||||
tests.push({
|
|
||||||
name: 'Checkpoint detection works',
|
|
||||||
pass: isCheckpoint1 && !isCheckpoint2 && isCheckpoint5,
|
|
||||||
details: `L1: ${isCheckpoint1}, L2: ${isCheckpoint2}, L5: ${isCheckpoint5}`
|
|
||||||
});
|
|
||||||
|
|
||||||
// Display results
|
|
||||||
let html = '<h3>Test Results</h3>';
|
|
||||||
let passed = 0;
|
|
||||||
let failed = 0;
|
|
||||||
|
|
||||||
tests.forEach(test => {
|
|
||||||
if (test.pass) passed++;
|
|
||||||
else failed++;
|
|
||||||
|
|
||||||
html += `
|
|
||||||
<div class="test-result ${test.pass ? 'pass' : 'fail'}">
|
|
||||||
<strong>${test.pass ? '✅' : '❌'} ${test.name}</strong><br>
|
|
||||||
<small>${test.details}</small>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
});
|
|
||||||
|
|
||||||
html += `<div class="status ${failed === 0 ? 'success' : 'error'}">
|
|
||||||
<strong>Results: ${passed}/${tests.length} tests passed</strong>
|
|
||||||
</div>`;
|
|
||||||
|
|
||||||
results.innerHTML = html;
|
|
||||||
|
|
||||||
// Update progress display
|
|
||||||
showProgress();
|
|
||||||
};
|
|
||||||
|
|
||||||
window.resetProgress = function() {
|
|
||||||
campaignManager.resetProgress();
|
|
||||||
document.getElementById('manual-results').innerHTML =
|
|
||||||
'<div class="status success">✅ Progress reset to Level 1</div>';
|
|
||||||
showProgress();
|
|
||||||
};
|
|
||||||
|
|
||||||
window.startLevel = function(levelNum) {
|
|
||||||
const result = campaignManager.startLevel(levelNum);
|
|
||||||
const resultsDiv = document.getElementById('manual-results');
|
|
||||||
|
|
||||||
if (result) {
|
|
||||||
resultsDiv.innerHTML = `
|
|
||||||
<div class="status success">
|
|
||||||
✅ Started Level ${result.levelNum}<br>
|
|
||||||
Arc: ${result.arc}<br>
|
|
||||||
Checkpoint: ${result.isCheckpoint}
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
} else {
|
|
||||||
resultsDiv.innerHTML = `
|
|
||||||
<div class="status error">
|
|
||||||
❌ Cannot start Level ${levelNum} - Level is locked
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
showProgress();
|
|
||||||
};
|
|
||||||
|
|
||||||
window.completeLevel = function(levelNum) {
|
|
||||||
const result = campaignManager.completeLevel(levelNum, { duration: 300 });
|
|
||||||
const resultsDiv = document.getElementById('manual-results');
|
|
||||||
|
|
||||||
resultsDiv.innerHTML = `
|
|
||||||
<div class="status success">
|
|
||||||
✅ Level ${result.levelCompleted} completed!<br>
|
|
||||||
${result.nextLevelUnlocked ? `🔓 Level ${result.nextLevel} unlocked!` : ''}<br>
|
|
||||||
${result.arcComplete ? `🎉 ${result.completedArc} Arc complete!` : ''}
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
showProgress();
|
|
||||||
};
|
|
||||||
|
|
||||||
window.failLevel = function(levelNum, reason) {
|
|
||||||
campaignManager.failLevel(levelNum, reason);
|
|
||||||
const resultsDiv = document.getElementById('manual-results');
|
|
||||||
|
|
||||||
resultsDiv.innerHTML = `
|
|
||||||
<div class="status error">
|
|
||||||
❌ Level ${levelNum} failed (${reason})<br>
|
|
||||||
You can restart this level.
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
showProgress();
|
|
||||||
};
|
|
||||||
|
|
||||||
window.showProgress = function() {
|
|
||||||
const stats = campaignManager.getProgressStats();
|
|
||||||
const progress = window.gameData.academyProgress;
|
|
||||||
|
|
||||||
document.getElementById('progress-display').innerHTML = `
|
|
||||||
<pre>${JSON.stringify(stats, null, 2)}</pre>
|
|
||||||
<h3>Full Progress Data:</h3>
|
|
||||||
<pre>${JSON.stringify(progress, null, 2)}</pre>
|
|
||||||
`;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Initial display
|
|
||||||
showProgress();
|
|
||||||
|
|
||||||
console.log('✅ Campaign Manager Test Page Ready');
|
|
||||||
console.log('📝 Run runAllTests() to execute automated tests');
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Electron preload (if needed) -->
|
|
||||||
<script>
|
|
||||||
// Check if running in Electron
|
|
||||||
if (typeof require !== 'undefined') {
|
|
||||||
console.log('🖥️ Running in Electron');
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,609 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Library Manager Test Suite</title>
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
background: #1a1a1a;
|
|
||||||
color: #e0e0e0;
|
|
||||||
padding: 20px;
|
|
||||||
line-height: 1.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 1400px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
text-align: center;
|
|
||||||
color: #ff006e;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
font-size: 2.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-section {
|
|
||||||
background: #2a2a2a;
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-section h2 {
|
|
||||||
color: #8338ec;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
||||||
gap: 10px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result {
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #1a1a1a;
|
|
||||||
border-left: 4px solid #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result.pass {
|
|
||||||
border-left-color: #00ff88;
|
|
||||||
background: rgba(0, 255, 136, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result.fail {
|
|
||||||
border-left-color: #ff006e;
|
|
||||||
background: rgba(255, 0, 110, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result h3 {
|
|
||||||
font-size: 1em;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result.pass h3 { color: #00ff88; }
|
|
||||||
.test-result.fail h3 { color: #ff006e; }
|
|
||||||
|
|
||||||
.test-result p {
|
|
||||||
font-size: 0.9em;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-group {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
padding: 12px 24px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: linear-gradient(135deg, #ff006e, #8338ec);
|
|
||||||
color: white;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: transform 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
transform: translateY(-2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:active {
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box {
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-family: 'Courier New', monospace;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box.success {
|
|
||||||
background: rgba(0, 255, 136, 0.1);
|
|
||||||
border: 1px solid #00ff88;
|
|
||||||
color: #00ff88;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box.error {
|
|
||||||
background: rgba(255, 0, 110, 0.1);
|
|
||||||
border: 1px solid #ff006e;
|
|
||||||
color: #ff006e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box.info {
|
|
||||||
background: rgba(131, 56, 236, 0.1);
|
|
||||||
border: 1px solid #8338ec;
|
|
||||||
color: #8338ec;
|
|
||||||
}
|
|
||||||
|
|
||||||
.json-display {
|
|
||||||
background: #0a0a0a;
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 8px;
|
|
||||||
overflow-x: auto;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
word-wrap: break-word;
|
|
||||||
font-family: 'Courier New', monospace;
|
|
||||||
font-size: 0.85em;
|
|
||||||
max-height: 400px;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|
||||||
gap: 15px;
|
|
||||||
margin-top: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-card {
|
|
||||||
background: #1a1a1a;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 15px;
|
|
||||||
border: 1px solid #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-card h4 {
|
|
||||||
color: #ff006e;
|
|
||||||
font-size: 0.9em;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tag-list {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 5px;
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tag {
|
|
||||||
background: rgba(131, 56, 236, 0.3);
|
|
||||||
padding: 3px 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: 0.75em;
|
|
||||||
color: #8338ec;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rating {
|
|
||||||
color: #ffb700;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<h1>📚 Library Manager Test Suite</h1>
|
|
||||||
|
|
||||||
<!-- Automated Tests Section -->
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Automated Tests</h2>
|
|
||||||
<button onclick="runAllTests()">🧪 Run All Tests</button>
|
|
||||||
<div id="test-results" class="test-grid"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Manual Testing Section -->
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Manual Testing</h2>
|
|
||||||
<div class="button-group">
|
|
||||||
<button onclick="syncWithLibrary()">🔄 Sync with Existing Library</button>
|
|
||||||
<button onclick="addSampleMedia()">➕ Add Sample Media (Test Only)</button>
|
|
||||||
<button onclick="testBulkTagging()">🏷️ Test Bulk Tagging</button>
|
|
||||||
<button onclick="testSearch()">🔍 Test Search</button>
|
|
||||||
<button onclick="testRatings()">⭐ Test Ratings</button>
|
|
||||||
<button onclick="testCollections()">📁 Test Collections</button>
|
|
||||||
<button onclick="showStats()">📈 Show Stats</button>
|
|
||||||
<button onclick="showAllMedia()">📚 Show All Media</button>
|
|
||||||
<button onclick="resetLibrary()">🔄 Reset Library</button>
|
|
||||||
</div>
|
|
||||||
<div id="manual-output"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Library Display -->
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Current Library State</h2>
|
|
||||||
<div id="library-display" class="json-display"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Load Dependencies -->
|
|
||||||
<script src="src/data/gameData.js"></script>
|
|
||||||
<script src="src/features/academy/libraryManager.js"></script>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Test runner
|
|
||||||
function runAllTests() {
|
|
||||||
const tests = [
|
|
||||||
testInitialization,
|
|
||||||
testAddMedia,
|
|
||||||
testTagging,
|
|
||||||
testBulkTagging,
|
|
||||||
testRating,
|
|
||||||
testFavorites,
|
|
||||||
testSearch,
|
|
||||||
testCollections,
|
|
||||||
testStats,
|
|
||||||
testPersistence
|
|
||||||
];
|
|
||||||
|
|
||||||
const resultsDiv = document.getElementById('test-results');
|
|
||||||
resultsDiv.innerHTML = '';
|
|
||||||
|
|
||||||
tests.forEach(test => {
|
|
||||||
const result = test();
|
|
||||||
const resultDiv = document.createElement('div');
|
|
||||||
resultDiv.className = `test-result ${result.pass ? 'pass' : 'fail'}`;
|
|
||||||
resultDiv.innerHTML = `
|
|
||||||
<h3>${result.pass ? '✓' : '✗'} ${result.name}</h3>
|
|
||||||
<p>${result.message}</p>
|
|
||||||
`;
|
|
||||||
resultsDiv.appendChild(resultDiv);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 1: Initialization
|
|
||||||
function testInitialization() {
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
const hasRequiredFields = library.media && library.tags && library.collections;
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Initialization Test',
|
|
||||||
pass: hasRequiredFields && library.version === 1,
|
|
||||||
message: hasRequiredFields ? 'Library initialized with all required structures' : 'Missing fields'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 2: Add Media
|
|
||||||
function testAddMedia() {
|
|
||||||
const success = window.libraryManager.addMediaItem('assets/test/video1.mp4', {
|
|
||||||
tags: ['edging', 'pov', 'hd'],
|
|
||||||
rating: 4
|
|
||||||
});
|
|
||||||
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
const item = library.media['assets/test/video1.mp4'];
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Add Media Test',
|
|
||||||
pass: success && item && item.tags.length === 3,
|
|
||||||
message: success ? 'Media item added with tags and rating' : 'Failed to add media'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 3: Tagging
|
|
||||||
function testTagging() {
|
|
||||||
window.libraryManager.addMediaItem('assets/test/video2.mp4');
|
|
||||||
window.libraryManager.addTags('assets/test/video2.mp4', ['femdom', 'worship']);
|
|
||||||
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
const item = library.media['assets/test/video2.mp4'];
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Tagging Test',
|
|
||||||
pass: item.tags.includes('femdom') && item.tags.includes('worship'),
|
|
||||||
message: 'Tags added successfully'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 4: Bulk Tagging
|
|
||||||
function testBulkTagging() {
|
|
||||||
const files = ['assets/test/video3.mp4', 'assets/test/video4.mp4', 'assets/test/video5.mp4'];
|
|
||||||
const result = window.libraryManager.bulkAddTags(files, ['compilation', 'pmv']);
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Bulk Tagging Test',
|
|
||||||
pass: result.filesTagged === 3,
|
|
||||||
message: `Bulk tagged ${result.filesTagged} files with ${result.tags.length} tags`
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 5: Rating
|
|
||||||
function testRating() {
|
|
||||||
window.libraryManager.setRating('assets/test/video1.mp4', 5);
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
const rating = library.media['assets/test/video1.mp4'].rating;
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Rating Test',
|
|
||||||
pass: rating === 5,
|
|
||||||
message: `Rating set to ${rating}/5`
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 6: Favorites
|
|
||||||
function testFavorites() {
|
|
||||||
window.libraryManager.addToFavorites('assets/test/video1.mp4');
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Favorites Test',
|
|
||||||
pass: library.favorites.includes('assets/test/video1.mp4'),
|
|
||||||
message: 'Item added to favorites'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 7: Search
|
|
||||||
function testSearch() {
|
|
||||||
const results = window.libraryManager.searchMedia({
|
|
||||||
anyTags: ['edging', 'femdom'],
|
|
||||||
minRating: 3
|
|
||||||
});
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Search Test',
|
|
||||||
pass: results.length > 0,
|
|
||||||
message: `Found ${results.length} items matching search criteria`
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 8: Collections
|
|
||||||
function testCollections() {
|
|
||||||
window.libraryManager.createCollection('My Playlist', [
|
|
||||||
'assets/test/video1.mp4',
|
|
||||||
'assets/test/video2.mp4'
|
|
||||||
]);
|
|
||||||
|
|
||||||
const items = window.libraryManager.getCollection('My Playlist');
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Collections Test',
|
|
||||||
pass: items.length === 2,
|
|
||||||
message: `Collection created with ${items.length} items`
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 9: Stats
|
|
||||||
function testStats() {
|
|
||||||
const stats = window.libraryManager.getLibraryStats();
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Statistics Test',
|
|
||||||
pass: stats.totalItems > 0 && stats.hasOwnProperty('averageRating'),
|
|
||||||
message: `${stats.totalItems} items, ${stats.taggedItems} tagged, avg rating ${stats.averageRating}`
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 10: Persistence
|
|
||||||
function testPersistence() {
|
|
||||||
window.libraryManager.addMediaItem('assets/test/persistence.mp4', { rating: 3 });
|
|
||||||
|
|
||||||
const savedData = JSON.parse(localStorage.getItem('webGame-data'));
|
|
||||||
const exists = savedData.academyLibrary.media['assets/test/persistence.mp4'] !== undefined;
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Persistence Test',
|
|
||||||
pass: exists,
|
|
||||||
message: exists ? 'Library persists to localStorage' : 'Persistence failed'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Manual testing functions
|
|
||||||
function syncWithLibrary() {
|
|
||||||
const result = window.libraryManager.syncWithExistingLibrary();
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box success">
|
|
||||||
✅ Synced with existing library:<br>
|
|
||||||
- Total videos: ${result.total}<br>
|
|
||||||
- New videos: ${result.new}<br>
|
|
||||||
- Existing videos: ${result.existing}
|
|
||||||
</div>`;
|
|
||||||
|
|
||||||
// Show the media
|
|
||||||
showAllMedia();
|
|
||||||
}
|
|
||||||
|
|
||||||
function addSampleMedia() {
|
|
||||||
const sampleFiles = [
|
|
||||||
{ path: 'assets/pornstars/riley-reid-1.mp4', tags: ['solo', 'pov', 'professional'], rating: 5 },
|
|
||||||
{ path: 'assets/pornstars/mia-khalifa-2.mp4', tags: ['group', 'hd', 'hardcore'], rating: 4 },
|
|
||||||
{ path: 'assets/feet/footjob-1.mp4', tags: ['feet', 'pov', 'fetish'], rating: 4 },
|
|
||||||
{ path: 'assets/hentai/anime-1.mp4', tags: ['hentai', 'animated', 'mindbreak'], rating: 3 },
|
|
||||||
{ path: 'assets/BBC/interracial-1.mp4', tags: ['bbc', 'couples', 'intense'], rating: 5 }
|
|
||||||
];
|
|
||||||
|
|
||||||
sampleFiles.forEach(file => {
|
|
||||||
window.libraryManager.addMediaItem(file.path, {
|
|
||||||
tags: file.tags,
|
|
||||||
rating: file.rating
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box success">
|
|
||||||
Added ${sampleFiles.length} sample media items to library
|
|
||||||
</div>`;
|
|
||||||
|
|
||||||
showAllMedia();
|
|
||||||
}
|
|
||||||
|
|
||||||
function testBulkTagging() {
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
const allFiles = Object.keys(library.media);
|
|
||||||
|
|
||||||
if (allFiles.length === 0) {
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box error">No media in library. Add sample media first.</div>`;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const result = window.libraryManager.bulkAddTags(allFiles.slice(0, 3), ['test-tag', 'bulk-tagged']);
|
|
||||||
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box success">
|
|
||||||
Bulk tagged ${result.filesTagged} files with tags: ${result.tags.join(', ')}
|
|
||||||
</div>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function testSearch() {
|
|
||||||
const results = window.libraryManager.searchMedia({
|
|
||||||
anyTags: ['pov', 'solo'],
|
|
||||||
minRating: 3,
|
|
||||||
sortBy: 'rating',
|
|
||||||
limit: 5
|
|
||||||
});
|
|
||||||
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
|
|
||||||
if (results.length === 0) {
|
|
||||||
outputDiv.innerHTML = `<div class="status-box error">No results found. Add sample media first.</div>`;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let html = `<div class="status-box success">Found ${results.length} items</div>`;
|
|
||||||
html += '<div class="media-grid">';
|
|
||||||
|
|
||||||
results.forEach(item => {
|
|
||||||
html += `
|
|
||||||
<div class="media-card">
|
|
||||||
<h4>${item.filePath.split('/').pop()}</h4>
|
|
||||||
<div class="rating">⭐ ${item.rating}/5</div>
|
|
||||||
<div class="tag-list">
|
|
||||||
${item.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
});
|
|
||||||
|
|
||||||
html += '</div>';
|
|
||||||
outputDiv.innerHTML = html;
|
|
||||||
}
|
|
||||||
|
|
||||||
function testRatings() {
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
const allFiles = Object.keys(library.media);
|
|
||||||
|
|
||||||
if (allFiles.length === 0) {
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box error">No media in library. Add sample media first.</div>`;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set random ratings
|
|
||||||
allFiles.forEach(file => {
|
|
||||||
window.libraryManager.setRating(file, Math.floor(Math.random() * 5) + 1);
|
|
||||||
});
|
|
||||||
|
|
||||||
const stats = window.libraryManager.getLibraryStats();
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box success">
|
|
||||||
Rated ${stats.ratedItems} items<br>
|
|
||||||
Average rating: ${stats.averageRating}/5
|
|
||||||
</div>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function testCollections() {
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
const allFiles = Object.keys(library.media);
|
|
||||||
|
|
||||||
if (allFiles.length < 3) {
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box error">Need at least 3 items. Add sample media first.</div>`;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.libraryManager.createCollection('Test Collection', allFiles.slice(0, 3));
|
|
||||||
const items = window.libraryManager.getCollection('Test Collection');
|
|
||||||
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box success">
|
|
||||||
Created collection with ${items.length} items
|
|
||||||
</div>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function showStats() {
|
|
||||||
const stats = window.libraryManager.getLibraryStats();
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box info">Library Statistics:</div>` +
|
|
||||||
`<div class="json-display">${JSON.stringify(stats, null, 2)}</div>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function showAllMedia() {
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
const allMedia = Object.values(library.media);
|
|
||||||
|
|
||||||
if (allMedia.length === 0) {
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box info">Library is empty. Add some media items.</div>`;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
let html = `<div class="status-box info">Total items: ${allMedia.length}</div>`;
|
|
||||||
html += '<div class="media-grid">';
|
|
||||||
|
|
||||||
allMedia.forEach(item => {
|
|
||||||
html += `
|
|
||||||
<div class="media-card">
|
|
||||||
<h4>${item.filePath.split('/').pop()}</h4>
|
|
||||||
<div class="rating">⭐ ${item.rating}/5</div>
|
|
||||||
<div class="tag-list">
|
|
||||||
${item.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}
|
|
||||||
</div>
|
|
||||||
<div style="margin-top: 8px; font-size: 0.8em; color: #888;">
|
|
||||||
Plays: ${item.timesPlayed || 0}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
});
|
|
||||||
|
|
||||||
html += '</div>';
|
|
||||||
outputDiv.innerHTML = html;
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetLibrary() {
|
|
||||||
if (confirm('Reset entire library? This will delete all media items and tags.')) {
|
|
||||||
window.libraryManager.resetLibrary();
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box success">Library reset to empty state</div>`;
|
|
||||||
updateLibraryDisplay();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateLibraryDisplay() {
|
|
||||||
const library = window.libraryManager.getLibrary();
|
|
||||||
document.getElementById('library-display').textContent = JSON.stringify(library, null, 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Initialize on load
|
|
||||||
window.addEventListener('DOMContentLoaded', () => {
|
|
||||||
updateLibraryDisplay();
|
|
||||||
|
|
||||||
// Auto-sync with existing library if available
|
|
||||||
if (window.desktopFileManager) {
|
|
||||||
setTimeout(() => {
|
|
||||||
const result = window.libraryManager.syncWithExistingLibrary();
|
|
||||||
if (result.total > 0) {
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box info">
|
|
||||||
📹 Auto-synced ${result.total} videos from existing library.
|
|
||||||
Use "🔄 Sync with Existing Library" to refresh.
|
|
||||||
</div>`;
|
|
||||||
}
|
|
||||||
}, 1000);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Auto-refresh progress display every 2 seconds
|
|
||||||
setInterval(updateLibraryDisplay, 2000);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,526 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Preference Manager Test Suite</title>
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
background: #1a1a1a;
|
|
||||||
color: #e0e0e0;
|
|
||||||
padding: 20px;
|
|
||||||
line-height: 1.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 1400px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
text-align: center;
|
|
||||||
color: #ff006e;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
font-size: 2.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-section {
|
|
||||||
background: #2a2a2a;
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-section h2 {
|
|
||||||
color: #8338ec;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
||||||
gap: 10px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result {
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: #1a1a1a;
|
|
||||||
border-left: 4px solid #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result.pass {
|
|
||||||
border-left-color: #00ff88;
|
|
||||||
background: rgba(0, 255, 136, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result.fail {
|
|
||||||
border-left-color: #ff006e;
|
|
||||||
background: rgba(255, 0, 110, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result h3 {
|
|
||||||
font-size: 1em;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.test-result.pass h3 { color: #00ff88; }
|
|
||||||
.test-result.fail h3 { color: #ff006e; }
|
|
||||||
|
|
||||||
.test-result p {
|
|
||||||
font-size: 0.9em;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-group {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
padding: 12px 24px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 8px;
|
|
||||||
background: linear-gradient(135deg, #ff006e, #8338ec);
|
|
||||||
color: white;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: transform 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
transform: translateY(-2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:active {
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box {
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-family: 'Courier New', monospace;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box.success {
|
|
||||||
background: rgba(0, 255, 136, 0.1);
|
|
||||||
border: 1px solid #00ff88;
|
|
||||||
color: #00ff88;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box.error {
|
|
||||||
background: rgba(255, 0, 110, 0.1);
|
|
||||||
border: 1px solid #ff006e;
|
|
||||||
color: #ff006e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-box.info {
|
|
||||||
background: rgba(131, 56, 236, 0.1);
|
|
||||||
border: 1px solid #8338ec;
|
|
||||||
color: #8338ec;
|
|
||||||
}
|
|
||||||
|
|
||||||
.json-display {
|
|
||||||
background: #0a0a0a;
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 8px;
|
|
||||||
overflow-x: auto;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
word-wrap: break-word;
|
|
||||||
font-family: 'Courier New', monospace;
|
|
||||||
font-size: 0.85em;
|
|
||||||
max-height: 400px;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preference-editor {
|
|
||||||
background: #2a2a2a;
|
|
||||||
padding: 20px;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pref-category {
|
|
||||||
margin-bottom: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pref-category h3 {
|
|
||||||
color: #ff006e;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkbox-group {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkbox-label {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 5px;
|
|
||||||
border-radius: 4px;
|
|
||||||
transition: background 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkbox-label:hover {
|
|
||||||
background: rgba(255, 0, 110, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="checkbox"] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-label {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="range"] {
|
|
||||||
width: 100%;
|
|
||||||
height: 6px;
|
|
||||||
border-radius: 3px;
|
|
||||||
background: #444;
|
|
||||||
outline: none;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="range"]::-webkit-slider-thumb {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
appearance: none;
|
|
||||||
width: 18px;
|
|
||||||
height: 18px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #ff006e;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="range"]::-moz-range-thumb {
|
|
||||||
width: 18px;
|
|
||||||
height: 18px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #ff006e;
|
|
||||||
cursor: pointer;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<h1>🎯 Preference Manager Test Suite</h1>
|
|
||||||
|
|
||||||
<!-- Automated Tests Section -->
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Automated Tests</h2>
|
|
||||||
<button onclick="runAllTests()">🧪 Run All Tests</button>
|
|
||||||
<div id="test-results" class="test-grid"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Manual Testing Section -->
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Manual Testing</h2>
|
|
||||||
<div class="button-group">
|
|
||||||
<button onclick="showPreferences()">📊 Show Current Preferences</button>
|
|
||||||
<button onclick="testCheckpointModal(1)">🎬 Test L1 Checkpoint</button>
|
|
||||||
<button onclick="testCheckpointModal(5)">🎯 Test L5 Checkpoint</button>
|
|
||||||
<button onclick="testCheckpointModal(10)">⚡ Test L10 Checkpoint</button>
|
|
||||||
<button onclick="simulatePreferenceUpdate()">✏️ Simulate Update</button>
|
|
||||||
<button onclick="testContentFilter()">🔍 Show Content Filter</button>
|
|
||||||
<button onclick="showStats()">📈 Show Stats</button>
|
|
||||||
<button onclick="resetPreferences()">🔄 Reset All</button>
|
|
||||||
</div>
|
|
||||||
<div id="manual-output"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Interactive Preference Editor -->
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Interactive Preference Editor</h2>
|
|
||||||
<div id="preference-editor"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Progress Display -->
|
|
||||||
<div class="test-section">
|
|
||||||
<h2>Current State</h2>
|
|
||||||
<div id="progress-display" class="json-display"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Load Dependencies -->
|
|
||||||
<script src="src/data/gameData.js"></script>
|
|
||||||
<script src="src/features/academy/preferenceManager.js"></script>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Test runner
|
|
||||||
function runAllTests() {
|
|
||||||
const tests = [
|
|
||||||
testInitialization,
|
|
||||||
testCategoryUpdate,
|
|
||||||
testBulkUpdate,
|
|
||||||
testContentFilter,
|
|
||||||
testCheckpointDetection,
|
|
||||||
testFeatureDiscovery,
|
|
||||||
testBoundaries,
|
|
||||||
testPersistence,
|
|
||||||
testStats,
|
|
||||||
testReset
|
|
||||||
];
|
|
||||||
|
|
||||||
const resultsDiv = document.getElementById('test-results');
|
|
||||||
resultsDiv.innerHTML = '';
|
|
||||||
|
|
||||||
tests.forEach(test => {
|
|
||||||
const result = test();
|
|
||||||
const resultDiv = document.createElement('div');
|
|
||||||
resultDiv.className = `test-result ${result.pass ? 'pass' : 'fail'}`;
|
|
||||||
resultDiv.innerHTML = `
|
|
||||||
<h3>${result.pass ? '✓' : '✗'} ${result.name}</h3>
|
|
||||||
<p>${result.message}</p>
|
|
||||||
`;
|
|
||||||
resultsDiv.appendChild(resultDiv);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 1: Initialization
|
|
||||||
function testInitialization() {
|
|
||||||
const prefs = window.preferenceManager.getPreferences();
|
|
||||||
const hasAllCategories = prefs.contentThemes && prefs.visualPreferences &&
|
|
||||||
prefs.intensity && prefs.captionTone &&
|
|
||||||
prefs.audioPreferences && prefs.sessionDuration &&
|
|
||||||
prefs.featurePreferences && prefs.boundaries;
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Initialization Test',
|
|
||||||
pass: hasAllCategories && prefs.version === 1,
|
|
||||||
message: hasAllCategories ? 'All 8 categories initialized correctly' : 'Missing categories'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 2: Category Update
|
|
||||||
function testCategoryUpdate() {
|
|
||||||
const success = window.preferenceManager.updateCategoryPreferences('contentThemes', {
|
|
||||||
edging: true,
|
|
||||||
denial: true
|
|
||||||
}, 1);
|
|
||||||
|
|
||||||
const prefs = window.preferenceManager.getCategoryPreferences('contentThemes');
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Category Update Test',
|
|
||||||
pass: success && prefs.edging === true && prefs.denial === true,
|
|
||||||
message: success ? 'Successfully updated contentThemes' : 'Update failed'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 3: Bulk Update
|
|
||||||
function testBulkUpdate() {
|
|
||||||
const updates = {
|
|
||||||
contentThemes: { gooning: true },
|
|
||||||
intensity: { visualIntensity: 4 }
|
|
||||||
};
|
|
||||||
|
|
||||||
const success = window.preferenceManager.updateMultipleCategories(updates, 5);
|
|
||||||
const prefs = window.preferenceManager.getPreferences();
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Bulk Update Test',
|
|
||||||
pass: success && prefs.contentThemes.gooning === true && prefs.intensity.visualIntensity === 4,
|
|
||||||
message: success ? 'Successfully updated multiple categories' : 'Bulk update failed'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 4: Content Filter
|
|
||||||
function testContentFilter() {
|
|
||||||
const filter = window.preferenceManager.getContentFilter();
|
|
||||||
const hasRequiredFields = filter.themes && filter.visuals && filter.intensity && filter.exclude;
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Content Filter Test',
|
|
||||||
pass: hasRequiredFields && Array.isArray(filter.themes),
|
|
||||||
message: hasRequiredFields ? 'Content filter generated correctly' : 'Filter generation failed'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 5: Checkpoint Detection
|
|
||||||
function testCheckpointDetection() {
|
|
||||||
const isL1Checkpoint = window.preferenceManager.isCheckpointLevel(1);
|
|
||||||
const isL5Checkpoint = window.preferenceManager.isCheckpointLevel(5);
|
|
||||||
const isL3NotCheckpoint = !window.preferenceManager.isCheckpointLevel(3);
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Checkpoint Detection Test',
|
|
||||||
pass: isL1Checkpoint && isL5Checkpoint && isL3NotCheckpoint,
|
|
||||||
message: 'Correctly identifies checkpoint levels (1,5,10,15,20,25)'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 6: Feature Discovery
|
|
||||||
function testFeatureDiscovery() {
|
|
||||||
window.preferenceManager.discoverFeature('webcam');
|
|
||||||
window.preferenceManager.discoverFeature('tts');
|
|
||||||
|
|
||||||
const discovered = window.preferenceManager.getDiscoveredFeatures();
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Feature Discovery Test',
|
|
||||||
pass: discovered.includes('webcam') && discovered.includes('tts'),
|
|
||||||
message: `Discovered ${discovered.length} features: ${discovered.join(', ')}`
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 7: Boundaries
|
|
||||||
function testBoundaries() {
|
|
||||||
window.preferenceManager.addHardLimit('extreme-content');
|
|
||||||
const prefs = window.preferenceManager.getPreferences();
|
|
||||||
const hasLimit = prefs.boundaries.hardLimits.includes('extreme-content');
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Boundaries Test',
|
|
||||||
pass: hasLimit,
|
|
||||||
message: hasLimit ? 'Hard limit added successfully' : 'Failed to add hard limit'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 8: Persistence
|
|
||||||
function testPersistence() {
|
|
||||||
window.preferenceManager.updateCategoryPreferences('visualPreferences', { pov: true });
|
|
||||||
const beforeSave = window.preferenceManager.getCategoryPreferences('visualPreferences').pov;
|
|
||||||
|
|
||||||
// Simulate reload
|
|
||||||
const savedData = JSON.parse(localStorage.getItem('webGame-data'));
|
|
||||||
const afterLoad = savedData.academyPreferences.visualPreferences.pov;
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Persistence Test',
|
|
||||||
pass: beforeSave === true && afterLoad === true,
|
|
||||||
message: beforeSave === afterLoad ? 'Preferences persist to localStorage' : 'Persistence failed'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 9: Stats
|
|
||||||
function testStats() {
|
|
||||||
const stats = window.preferenceManager.getPreferenceStats();
|
|
||||||
const hasRequiredStats = stats.hasOwnProperty('totalCheckpoints') &&
|
|
||||||
stats.hasOwnProperty('activeThemes') &&
|
|
||||||
stats.hasOwnProperty('averageIntensity');
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Statistics Test',
|
|
||||||
pass: hasRequiredStats,
|
|
||||||
message: `Generated stats: ${stats.activeThemes} themes, avg intensity ${stats.averageIntensity}`
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test 10: Reset
|
|
||||||
function testReset() {
|
|
||||||
const beforeReset = window.preferenceManager.getPreferences().contentThemes.edging;
|
|
||||||
window.preferenceManager.resetPreferences();
|
|
||||||
const afterReset = window.preferenceManager.getPreferences().contentThemes.edging;
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: 'Reset Test',
|
|
||||||
pass: beforeReset === true && afterReset === false,
|
|
||||||
message: afterReset === false ? 'Preferences reset to defaults' : 'Reset failed'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Manual testing functions
|
|
||||||
function showPreferences() {
|
|
||||||
const prefs = window.preferenceManager.getPreferences();
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box info">Current Preferences:</div>` +
|
|
||||||
`<div class="json-display">${JSON.stringify(prefs, null, 2)}</div>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function testCheckpointModal(level) {
|
|
||||||
const config = window.preferenceManager.getCheckpointModalConfig(level);
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
|
|
||||||
if (config) {
|
|
||||||
outputDiv.innerHTML = `<div class="status-box success">
|
|
||||||
<strong>Level ${level} Checkpoint Config:</strong><br>
|
|
||||||
Title: ${config.title}<br>
|
|
||||||
Description: ${config.description}<br>
|
|
||||||
Categories to show: ${config.categories.join(', ')}<br>
|
|
||||||
Is Initial: ${config.isInitial}
|
|
||||||
</div>`;
|
|
||||||
} else {
|
|
||||||
outputDiv.innerHTML = `<div class="status-box error">Level ${level} is not a checkpoint</div>`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function simulatePreferenceUpdate() {
|
|
||||||
const updates = {
|
|
||||||
contentThemes: { worship: true, femdom: true },
|
|
||||||
intensity: { mentalIntensity: 4, taskDifficulty: 3 },
|
|
||||||
captionTone: { commanding: true, seductive: true }
|
|
||||||
};
|
|
||||||
|
|
||||||
window.preferenceManager.updateMultipleCategories(updates, 10);
|
|
||||||
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box success">
|
|
||||||
Simulated L10 checkpoint update:<br>
|
|
||||||
- Enabled worship & femdom themes<br>
|
|
||||||
- Set mental intensity to 4<br>
|
|
||||||
- Enabled commanding & seductive tones
|
|
||||||
</div>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function testContentFilter() {
|
|
||||||
const filter = window.preferenceManager.getContentFilter();
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box info">Generated Content Filter:</div>` +
|
|
||||||
`<div class="json-display">${JSON.stringify(filter, null, 2)}</div>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function showStats() {
|
|
||||||
const stats = window.preferenceManager.getPreferenceStats();
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box info">Preference Statistics:</div>` +
|
|
||||||
`<div class="json-display">${JSON.stringify(stats, null, 2)}</div>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetPreferences() {
|
|
||||||
if (confirm('Reset all preferences to defaults?')) {
|
|
||||||
window.preferenceManager.resetPreferences();
|
|
||||||
const outputDiv = document.getElementById('manual-output');
|
|
||||||
outputDiv.innerHTML = `<div class="status-box success">All preferences reset to defaults</div>`;
|
|
||||||
updateProgressDisplay();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateProgressDisplay() {
|
|
||||||
const prefs = window.preferenceManager.getPreferences();
|
|
||||||
document.getElementById('progress-display').textContent = JSON.stringify(prefs, null, 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Initialize on load
|
|
||||||
window.addEventListener('DOMContentLoaded', () => {
|
|
||||||
updateProgressDisplay();
|
|
||||||
|
|
||||||
// Auto-refresh progress display every 2 seconds
|
|
||||||
setInterval(updateProgressDisplay, 2000);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in New Issue