rrweb/simple-export-test.js

// Simple test to verify export functionality without browser
console.log('=== Simple Export Function Test ===');

// Test 1: Check if exportRecording function would work
console.log('\n1. Testing export function logic...');

// Simulate events array
const events = [
  { type: 2, timestamp: 1642672800000, data: { tagName: 'div', attributes: {} } },
  { type: 3, timestamp: 1642672801000, data: { tagName: 'button', attributes: { id: 'test' } } }
];

// Simulate exportRecording function logic
function testExportLogic() {
  if (events.length === 0) {
    console.log('✗ No events to export');
    return false;
  }

  // 准备导出数据
  const exportData = {
    version: '1.0',
    timestamp: new Date().toISOString(),
    events: events
  };

  // 转换为JSON字符串
  const jsonStr = JSON.stringify(exportData, null, 2);

  // Basic validation
  try {
    const parsed = JSON.parse(jsonStr);
    if (parsed.version === '1.0' &&
        parsed.timestamp &&
        Array.isArray(parsed.events) &&
        parsed.events.length === events.length) {
      console.log('✓ Export data structure valid');
      console.log(`  - Version: ${parsed.version}`);
      console.log(`  - Timestamp: ${parsed.timestamp}`);
      console.log(`  - Event count: ${parsed.events.length}`);
      return true;
    }
  } catch (e) {
    console.log('✗ JSON validation failed:', e.message);
    return false;
  }
}

const exportLogicWorks = testExportLogic();

// Test 2: Check file naming logic
console.log('\n2. Testing file naming logic...');
function testFileNaming() {
  const now = new Date();
  const timestamp = now.toISOString().slice(0, 19).replace(/:/g, '-');
  const filename = `recording-${timestamp}.json`;
  console.log(`Generated filename: ${filename}`);

  // Check format
  const expectedPattern = /^recording-\d{4}-\d{2}-\d{2}T\d{2}-\d{2}-\d{2}\.json$/;
  if (expectedPattern.test(filename)) {
    console.log('✓ File naming format correct');
    return true;
  } else {
    console.log('✗ File naming format incorrect');
    return false;
  }
}

const fileNamingWorks = testFileNaming();

// Test 3: Check browser Blob API compatibility
console.log('\n3. Testing browser API compatibility...');
function testBrowserAPI() {
  // These APIs should exist in modern browsers
  const requiredAPIs = [
    'Blob',
    'URL.createObjectURL',
    'URL.revokeObjectURL',
    'document.createElement'
  ];

  const missingAPIs = requiredAPIs.filter(api => typeof globalThis[api] === 'undefined');

  if (missingAPIs.length === 0) {
    console.log('✓ All required browser APIs available');
    return true;
  } else {
    console.log(`✗ Missing APIs: ${missingAPIs.join(', ')}`);
    return false;
  }
}

const browserAPIsWork = testBrowserAPI();

// Summary
console.log('\n=== Test Summary ===');
console.log(`✓ Export logic works: ${exportLogicWorks}`);
console.log(`✓ File naming works: ${fileNamingWorks}`);
console.log(`✓ Browser APIs available: ${browserAPIsWork}`);

if (exportLogicWorks && fileNamingWorks && browserAPIsWork) {
  console.log('\n🎉 All export functionality tests passed!');
  console.log('The export feature should work correctly in a real browser.');
} else {
  console.log('\n❌ Some tests failed. Check the implementation.');
}

console.log('\nNext steps:');
console.log('1. Open index.html in a browser');
console.log('2. Click "开始录制"');
console.log('3. Perform some actions');
console.log('4. Click "停止录制"');
console.log('5. Click "💾 导出录制文件" button');
console.log('6. Verify the download starts with proper JSON data');