Initial commit

miniprogram/pages/debug/api-test.wxml

@@ -0,0 +1,147 @@
+<!--pages/debug/api-test.wxml-->
+<view class="container">
+  <view class="header">
+    <text class="title">评论API测试页面</text>
+  </view>
+
+  <!-- 测试配置 -->
+  <view class="section">
+    <view class="section-title">测试配置</view>
+    <view class="config-item">
+      <text>商品ID (spuId): </text>
+      <input class="spu-input" type="number" value="{{spuId}}" bindinput="onSpuIdInput" />
+    </view>
+  </view>
+
+  <!-- 操作按钮 -->
+  <view class="section">
+    <view class="section-title">测试操作</view>
+    <view class="button-group">
+      <button class="test-btn" bindtap="testCommentsStatistics">测试评论统计API</button>
+      <button class="test-btn" bindtap="testCommentsList">测试评论列表API</button>
+      <button class="test-btn primary" bindtap="runFullTest">运行完整测试</button>
+      <button class="test-btn secondary" bindtap="clearResults">清除结果</button>
+    </view>
+  </view>
+
+  <!-- 评论统计API测试结果 -->
+  <view class="section">
+    <view class="section-title">评论统计API测试结果</view>
+    <view class="test-result">
+      <view class="result-item">
+        <text class="label">API调用状态:</text>
+        <text class="value {{testResults.statsApiCalled ? 'called' : 'not-called'}}">
+          {{testResults.statsApiCalled ? '已调用' : '未调用'}}
+        </text>
+      </view>
+      
+      <view class="result-item" wx:if="{{testResults.statsApiCalled}}">
+        <text class="label">调用结果:</text>
+        <text class="value {{testResults.statsApiSuccess ? 'success' : 'error'}}">
+          {{testResults.statsApiSuccess ? '成功' : '失败'}}
+        </text>
+      </view>
+
+      <view class="result-item" wx:if="{{testResults.statsApiError}}">
+        <text class="label">错误信息:</text>
+        <text class="value error">{{testResults.statsApiError}}</text>
+      </view>
+
+      <view class="result-item" wx:if="{{testResults.statsRawData}}">
+        <text class="label">原始数据:</text>
+        <view class="json-data">{{testResults.statsRawData}}</view>
+      </view>
+
+      <view class="result-item" wx:if="{{testResults.finalCommentsStatistics}}">
+        <text class="label">处理后数据:</text>
+        <view class="json-data">{{testResults.finalCommentsStatistics}}</view>
+      </view>
+
+      <view class="result-item" wx:if="{{testResults.statsApiCalled}}">
+        <text class="label">显示条件:</text>
+        <text class="value {{testResults.shouldDisplay ? 'success' : 'error'}}">
+          commentCount > 0 = {{testResults.shouldDisplay ? 'true (应该显示)' : 'false (不应该显示)'}}
+        </text>
+      </view>
+    </view>
+  </view>
+
+  <!-- 评论列表API测试结果 -->
+  <view class="section">
+    <view class="section-title">评论列表API测试结果</view>
+    <view class="test-result">
+      <view class="result-item">
+        <text class="label">API调用状态:</text>
+        <text class="value {{testResults.listApiCalled ? 'called' : 'not-called'}}">
+          {{testResults.listApiCalled ? '已调用' : '未调用'}}
+        </text>
+      </view>
+      
+      <view class="result-item" wx:if="{{testResults.listApiCalled}}">
+        <text class="label">调用结果:</text>
+        <text class="value {{testResults.listApiSuccess ? 'success' : 'error'}}">
+          {{testResults.listApiSuccess ? '成功' : '失败'}}
+        </text>
+      </view>
+
+      <view class="result-item" wx:if="{{testResults.listApiError}}">
+        <text class="label">错误信息:</text>
+        <text class="value error">{{testResults.listApiError}}</text>
+      </view>
+
+      <view class="result-item" wx:if="{{testResults.listRawData}}">
+        <text class="label">原始数据:</text>
+        <view class="json-data">{{testResults.listRawData}}</view>
+      </view>
+
+      <view class="result-item" wx:if="{{testResults.finalCommentsList}}">
+        <text class="label">处理后评论列表 ({{testResults.finalCommentsList.length}}条):</text>
+        <view class="json-data">{{testResults.finalCommentsList}}</view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 模拟评论组件显示 -->
+  <view class="section" wx:if="{{testResults.finalCommentsStatistics}}">
+    <view class="section-title">模拟评论组件显示</view>
+    <view class="comment-simulation">
+      <view class="display-condition">
+        <text>显示条件: commentCount({{testResults.finalCommentsStatistics.commentCount}}) > 0 = {{testResults.shouldDisplay}}</text>
+      </view>
+      
+      <!-- 模拟的评论组件 -->
+      <view class="comments-wrap" wx:if="{{testResults.shouldDisplay}}">
+        <view class="comments-head">
+          <view class="comments-title">
+            <text class="comments-title-label">商品评价</text>
+            <text class="comments-title-count">({{testResults.finalCommentsStatistics.commentCount}})</text>
+          </view>
+          <view class="comments-rate-wrap">
+            <text class="comments-rate-label">好评率</text>
+            <text class="comments-rate-num">{{testResults.finalCommentsStatistics.goodRate}}%</text>
+          </view>
+        </view>
+        
+        <view class="comment-item-wrap" wx:for="{{testResults.finalCommentsList}}" wx:key="id" wx:if="{{index < 3}}">
+          <view class="comment-item-head">
+            <image class="comment-item-avatar" src="{{item.userHeadUrl}}" />
+            <view class="comment-item-info">
+              <text class="comment-item-name">{{item.userName}}</text>
+              <view class="comment-item-rate">
+                <text class="comment-item-score">{{item.commentScore}}分</text>
+              </view>
+            </view>
+          </view>
+          <view class="comment-item-content">
+            <text>{{item.commentContent}}</text>
+          </view>
+          <view class="comment-item-time">{{item.commentTime}}</view>
+        </view>
+      </view>
+      
+      <view class="no-comments" wx:else>
+        <text>评论组件不显示 (commentCount = {{testResults.finalCommentsStatistics.commentCount}})</text>
+      </view>
+    </view>
+  </view>
+</view>