← back to Dear Bubbe Nextjs
archived/tests/mobile-test-report-1763584519169.html
79 lines
<!DOCTYPE html>
<html>
<head>
<title>Dear Bubbe Mobile Test Report</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 20px; background: #f5f5f5; }
.header { background: #2563eb; color: white; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.summary { display: flex; gap: 20px; margin-bottom: 20px; }
.summary-card { background: white; padding: 15px; border-radius: 8px; flex: 1; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.passed { color: #10b981; font-size: 24px; font-weight: bold; }
.failed { color: #ef4444; font-size: 24px; font-weight: bold; }
.warning { color: #f59e0b; font-size: 24px; font-weight: bold; }
.test-category { background: white; margin-bottom: 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.category-header { background: #f3f4f6; padding: 10px 15px; font-weight: bold; }
.test-item { padding: 10px 15px; border-bottom: 1px solid #e5e7eb; display: flex; align-items: center; }
.test-item:last-child { border-bottom: none; }
.test-name { flex: 1; }
.test-status { padding: 4px 8px; border-radius: 4px; font-size: 12px; font-weight: bold; }
.status-pass { background: #d1fae5; color: #065f46; }
.status-fail { background: #fee2e2; color: #991b1b; }
.status-warning { background: #fed7aa; color: #92400e; }
.test-details { color: #6b7280; font-size: 12px; margin-top: 4px; }
</style>
</head>
<body>
<div class="header">
<h1>Dear Bubbe Mobile Test Report</h1>
<p>Generated: 2025-11-19T20:35:17.566Z</p>
</div>
<div class="summary">
<div class="summary-card">
<div class="passed">0</div>
<div>Tests Passed</div>
</div>
<div class="summary-card">
<div class="failed">3</div>
<div>Tests Failed</div>
</div>
<div class="summary-card">
<div class="warning">0</div>
<div>Warnings</div>
</div>
</div>
<div class="test-category">
<div class="category-header">System</div>
<div class="test-item">
<div class="test-name">
Device testing on iPhone 12
<div class="test-details">browser.createIncognitoBrowserContext is not a function</div>
</div>
<div class="test-status status-fail">FAIL</div>
</div>
<div class="test-item">
<div class="test-name">
Device testing on Samsung Galaxy S21
<div class="test-details">browser.createIncognitoBrowserContext is not a function</div>
</div>
<div class="test-status status-fail">FAIL</div>
</div>
<div class="test-item">
<div class="test-name">
Device testing on iPhone SE
<div class="test-details">browser.createIncognitoBrowserContext is not a function</div>
</div>
<div class="test-status status-fail">FAIL</div>
</div>
</div>
</body>
</html>