Add button tests to Quick Test modal

This commit is contained in:
Mathias Malmqvist
2025-09-23 02:17:45 +02:00
committed by dualshock-tools
parent 3bc5c0eb34
commit b3712a24c2
5 changed files with 474 additions and 62 deletions

View File

@@ -12,14 +12,14 @@
<i class="fas fa-gamepad me-2"></i>
<span class="ds-i18n" id="quick-test-instructions-text">Press <kbd>Square</kbd> to begin</span>
</div>
<div class="accordion" id="quickTestAccordion">
<!-- USB Connector Test -->
<div class="accordion-item" id="usb-test-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#usb-test-collapse" aria-expanded="false" aria-controls="usb-test-collapse">
<div class="d-flex align-items-center w-100">
<i class="fas fa-usb me-3"></i>
<i class="fas fa-plug me-3 test-icon-usb"></i>
<span class="flex-grow-1 ds-i18n">USB Connector Test</span>
<span class="badge bg-secondary me-2" id="usb-test-status">Not tested</span>
</div>
@@ -45,12 +45,54 @@
</div>
</div>
<!-- Buttons Test -->
<div class="accordion-item" id="buttons-test-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#buttons-test-collapse" aria-expanded="false" aria-controls="buttons-test-collapse">
<div class="d-flex align-items-center w-100">
<i class="fas fa-gamepad me-3 test-icon-buttons"></i>
<span class="flex-grow-1 ds-i18n">Buttons Test</span>
<span class="badge bg-secondary me-2" id="buttons-test-status">Not tested</span>
</div>
</button>
</h2>
<div id="buttons-test-collapse" class="accordion-collapse collapse" data-bs-parent="#quickTestAccordion">
<div class="accordion-body">
<p class="ds-i18n">This test checks all controller buttons by requiring you to press each button three times.</p>
<p class="ds-i18n"><strong>Instructions:</strong> Press each button on the controller three times. Buttons will change from light blue to dark blue to green as you press them.</p>
<div class="d-flex justify-content-center mb-3">
<div style="width: 80%; max-width: 400px;" id="quick-test-controller-svg-placeholder">
<!-- SVG will be loaded dynamically -->
</div>
</div>
<div class="alert alert-info mb-3">
<i class="fas fa-info-circle me-2"></i>
<span class="ds-i18n">The test will automatically pass when all buttons turn green (pressed 3 times each).</span>
</div>
<div class="d-flex gap-2 mt-3">
<button type="button" class="btn btn-success" id="buttons-pass-btn" onclick="markTestResult('buttons', true)">
<i class="fas fa-check me-1"></i><span class="ds-i18n">Pass</span>
</button>
<button type="button" class="btn btn-danger" id="buttons-fail-btn" onclick="markTestResult('buttons', false)">
<i class="fas fa-times me-1"></i><span class="ds-i18n">Fail</span>
</button>
<button type="button" class="btn btn-outline-primary" id="buttons-reset-btn" onclick="resetButtonsTest()">
<i class="fas fa-redo me-1"></i><span class="ds-i18n">Restart</span>
</button>
</div>
</div>
</div>
</div>
<!-- Haptic Vibration Test -->
<div class="accordion-item" id="haptic-test-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#haptic-test-collapse" aria-expanded="false" aria-controls="haptic-test-collapse">
<div class="d-flex align-items-center w-100">
<i class="fas fa-mobile-alt me-3"></i>
<i class="fas fa-mobile-alt me-3 test-icon-haptic"></i>
<span class="flex-grow-1 ds-i18n">Haptic Vibration Test</span>
<span class="badge bg-secondary me-2" id="haptic-test-status">Not tested</span>
</div>
@@ -77,7 +119,7 @@
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#adaptive-test-collapse" aria-expanded="false" aria-controls="adaptive-test-collapse">
<div class="d-flex align-items-center w-100">
<i class="fas fa-hand-pointer me-3"></i>
<i class="fas fa-hand-pointer me-3 test-icon-adaptive"></i>
<span class="flex-grow-1 ds-i18n">Adaptive Trigger Test</span>
<span class="badge bg-secondary me-2" id="adaptive-test-status">Not tested</span>
</div>
@@ -104,7 +146,7 @@
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#speaker-test-collapse" aria-expanded="false" aria-controls="speaker-test-collapse">
<div class="d-flex align-items-center w-100">
<i class="fas fa-volume-up me-3"></i>
<i class="fas fa-volume-up me-3 test-icon-speaker"></i>
<span class="flex-grow-1 ds-i18n">Speaker Test</span>
<span class="badge bg-secondary me-2" id="speaker-test-status">Not tested</span>
</div>
@@ -131,7 +173,7 @@
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#microphone-test-collapse" aria-expanded="false" aria-controls="microphone-test-collapse">
<div class="d-flex align-items-center w-100">
<i class="fas fa-microphone me-3"></i>
<i class="fas fa-microphone me-3 test-icon-microphone"></i>
<span class="flex-grow-1 ds-i18n">Microphone Test</span>
<span class="badge bg-secondary me-2" id="microphone-test-status">Not tested</span>
</div>