mcp-quiz-server/public/test-quiz-mode.js

🧠 AI-Powered Quiz Management via Model Context Protocol (MCP) - Create, manage, and take quizzes directly from VS Code, Claude, and other AI agents.

/**
 * @moduleName: Quiz Mode Integration Test
 * @version: 1.0.0
 * @since: 2025-07-29
 * @briefDescription: Test script to verify quiz mode changes work immediately
 */

// Test quiz mode switching functionality
function testQuizModeSwitch() {
  console.log('🧪 Testing Quiz Mode Switch Functionality');

  // Get the quiz mode selector
  const quizModeSelect = document.querySelector('#quiz-mode') as HTMLSelectElement;
  if (!quizModeSelect) {
    console.error('❌ Quiz mode selector not found');
    return;
  }

  console.log('✅ Quiz mode selector found');
  console.log('Current value:', quizModeSelect.value);

  // Test changing modes
  const modes = ['traditional', 'cards', 'instant'];
  let currentIndex = 0;

  const testNextMode = () => {
    const mode = modes[currentIndex];
    console.log(`🔄 Testing mode: ${mode}`);

    // Change the select value
    quizModeSelect.value = mode;

    // Trigger the change event
    const changeEvent = new Event('change', { bubbles: true });
    quizModeSelect.dispatchEvent(changeEvent);

    console.log(`✅ Changed to ${mode} mode`);

    currentIndex = (currentIndex + 1) % modes.length;

    // Test next mode after 2 seconds
    if (currentIndex !== 0) {
      setTimeout(testNextMode, 2000);
    } else {
      console.log('🎉 Quiz mode testing complete');
    }
  };

  // Start testing after 1 second
  setTimeout(testNextMode, 1000);
}

// Run test when page loads
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', testQuizModeSwitch);
} else {
  testQuizModeSwitch();
}