liaoxg
/
cfc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
							
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>心知益家 - 测试报告</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Microsoft YaHei', sans-serif; background: #f5f5f5; padding: 20px; }
    .container { max-width: 1400px; margin: 0 auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
    h1 { color: #333; margin-bottom: 20px; border-bottom: 3px solid #4CAF50; padding-bottom: 10px; }
    h2 { color: #555; margin: 25px 0 15px; padding-left: 10px; border-left: 4px solid #4CAF50; }
    h3 { color: #666; margin: 15px 0 10px; }
    
    .summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 20px 0; }
    .summary-card { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 25px; border-radius: 12px; text-align: center; }
    .summary-card.passed { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
    .summary-card.failed { background: linear-gradient(135deg, #eb3349 0%, #f45c5d 100%); }
    .summary-card.rate { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
    .summary-card h3 { font-size: 42px; margin-bottom: 8px; color: white; }
    .summary-card p { font-size: 14px; opacity: 0.9; }

    .test-section { margin: 30px 0; padding: 20px; background: #fafafa; border-radius: 8px; }
    .test-type { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; margin-right: 10px; }
    .test-type.api { background: #e3f2fd; color: #1565c0; }
    .test-type.web { background: #f3e5f5; color: #7b1fa2; }

    table { width: 100%; border-collapse: collapse; margin: 15px 0; }
    th, td { padding: 12px; text-align: left; border-bottom: 1px solid #e0e0e0; }
    th { background: #4CAF50; color: white; font-weight: 600; }
    tr:hover { background: #f5f5f5; }

    .status-passed { color: #4CAF50; font-weight: bold; }
    .status-failed { color: #f44336; font-weight: bold; }
    
    .code-block { background: #263238; color: #eceff1; padding: 15px; border-radius: 4px; font-family: 'Consolas', monospace; font-size: 12px; overflow-x: auto; margin: 10px 0; }
    .code-block .label { color: #80cbc4; font-weight: bold; }

    .timestamp { color: #999; font-size: 12px; margin-top: 30px; text-align: center; }
    
    .screenshot-list { margin: 10px 0; }
    .screenshot-list span { display: inline-block; background: #e8f5e9; color: #2e7d32; padding: 4px 8px; border-radius: 4px; font-size: 11px; margin: 2px; }
  </style>
</head>
<body>
  <div class="container">
    <h1>心知益家 - 自动化测试报告</h1>

    <div class="summary">
      <div class="summary-card">
        <h3>0</h3>
        <p>总测试数</p>
      </div>
      <div class="summary-card passed">
        <h3>0</h3>
        <p>通过 ✅</p>
      </div>
      <div class="summary-card failed">
        <h3>0</h3>
        <p>失败 ❌</p>
      </div>
      <div class="summary-card rate">
        <h3>0%</h3>
        <p>通过率</p>
      </div>
    </div>

    <div class="test-section">
      <h2>API接口测试结果（小程序端）</h2>
      <p style="color: #666; margin: 10px 0;">测试策略：构造请求数据，调用后端接口，验证响应，不进行UI点击</p>
      <table>
        <tr>
          <th>测试ID</th>
          <th>描述</th>
          <th>优先级</th>
          <th>状态</th>
          <th>请求数据</th>
        </tr>
        
      </table>
      <h3>API测试数据汇总</h3>
      
    </div>

    <div class="test-section">
      <h2>Web浏览器测试结果（管理后台）</h2>
      <p style="color: #666; margin: 10px 0;">测试策略：浏览器自动化测试，管理员和成长规划师登录，测试过程截图</p>
      <p style="color: #999; font-size: 12px;">测试账号：管理员 N/A / 成长规划师 N/A</p>
      <table>
        <tr>
          <th>测试ID</th>
          <th>描述</th>
          <th>优先级</th>
          <th>状态</th>
          <th>截图</th>
        </tr>
        
      </table>
    </div>

    <p class="timestamp">报告生成时间: 2026-05-04T15:41:54.594Z</p>
  </div>
</body>
</html>