需求映射功能完整工作流程测试

测试从图片上传到生成需求映射的完整流程,包括图片分析、参数映射和氛围预览生成

测试进度

@for (step of testSteps; track step.id) {
{{ getStepIcon(step.status) }}
{{ step.name }}
@switch (step.status) { @case ('pending') { 等待中 } @case ('in-progress') { 进行中... } @case ('completed') { 已完成 } @case ('error') { 失败 } }
}

1. 图片上传

@if (uploadedFiles.length === 0) {
📁
选择图片文件进行测试
支持 JPG、PNG 格式,可选择多张图片
} @else {

已上传文件 ({{ uploadedFiles.length }})

@for (file of uploadedFiles; track file.id) {
{{ file.name }}
{{ (file.size! / 1024 / 1024).toFixed(2) }} MB
}
} @if (isUploading) {
正在上传文件...
}

2. 图片分析

@if (isAnalyzing) {

正在分析图片...

系统正在进行色彩、纹理、形态、图案和灯光分析

} @else if (analysisError) {

分析失败

{{ analysisError }}

} @else if (analysisResult) {

分析完成 ✅

主要颜色: {{ analysisResult.enhancedAnalysis?.colorWheel?.colorDistribution?.length || 0 }} 种
材质类型: {{ analysisResult.textureAnalysis?.materialClassification?.primary || '未识别' }}
灯光情绪: {{ analysisResult.lightingAnalysis?.ambientAnalysis?.lightingMood || '未识别' }}
空间形态: {{ analysisResult.formAnalysis?.spaceAnalysis?.spaceType || '未识别' }}
} @else {
🔍

等待分析

请先上传图片,系统将自动开始分析

}

3. 需求映射生成

@if (isGeneratingMapping) {

正在生成需求映射...

基于分析结果生成场景参数和映射关系

} @else if (mappingError) {

映射生成失败

{{ mappingError }}

} @else if (requirementMapping) {

需求映射生成完成 ✅

场景生成
基础场景: {{ requirementMapping.sceneGeneration.baseScene }}
@if (requirementMapping.sceneGeneration.atmospherePreview) {
氛围感预览图
氛围感预览图
}
参数映射
颜色映射
主要颜色: {{ requirementMapping.parameterMapping.colorParams.primaryColors.length }} 种
色彩和谐: {{ requirementMapping.parameterMapping.colorParams.colorHarmony }}
饱和度: {{ requirementMapping.parameterMapping.colorParams.saturation }}%
亮度: {{ requirementMapping.parameterMapping.colorParams.brightness }}%
空间映射
布局类型: {{ requirementMapping.parameterMapping.spaceParams.layout.type }}
空间流线: {{ requirementMapping.parameterMapping.spaceParams.layout.flow }}
家具比例: {{ requirementMapping.parameterMapping.spaceParams.scale.furniture }}%
开放度: {{ requirementMapping.parameterMapping.spaceParams.scale.openness }}%
材质映射
纹理缩放: {{ requirementMapping.parameterMapping.materialParams.textureScale }}%
反射率: {{ requirementMapping.parameterMapping.materialParams.reflectivity }}%
粗糙度: {{ requirementMapping.parameterMapping.materialParams.roughness }}%
金属度: {{ requirementMapping.parameterMapping.materialParams.metallic }}%
} @else {
🎯

等待映射生成

请先完成图片分析,系统将自动生成需求映射

}
@if (showUploadModal) { }