ute2e/tools/animation-capabilities-live.mjs

import fs from 'node:fs';
import path from 'node:path';
import assert from 'node:assert/strict';
import {chromium,expect} from '@playwright/test';
import {login,call} from './role-permissions-live.mjs';
const report=path.resolve('reports/animation-capabilities-20260912');fs.mkdirSync(report,{recursive:true});
const fixturePath=path.join(report,'fixture.json');
const fixture=fs.existsSync(fixturePath)?JSON.parse(fs.readFileSync(fixturePath,'utf8')):{};
const save=()=>fs.writeFileSync(fixturePath,JSON.stringify(fixture,null,2));
const session=await login('root');
if(!fixture.modelId){
  const source=await call('tran/v1/content/projects/156',session.accessToken);assert.equal(source.status,200);
  const copy=await call('tran/v1/content/projects/156/copy',session.accessToken,{name:'动画能力验收-组合动作与流向-20260912',version:source.data.project.version});
  assert.equal(copy.status,200,copy.message);fixture.modelId=copy.data.project.id;save();
}
const browser=await chromium.launch({channel:'msedge',headless:true,args:['--enable-unsafe-swiftshader']});
const context=await browser.newContext({viewport:{width:1920,height:1080}});
await context.addInitScript(s=>{sessionStorage.setItem('unreal-tran:web:access-token:v1',s.accessToken);sessionStorage.setItem('unreal-tran:web:refresh-token:v1',s.refreshToken)},session);
const page=await context.newPage(),checks=[],errors=[];
page.on('pageerror',error=>errors.push(error.message));
const shot=async name=>page.screenshot({path:path.join(report,name+'.png')});
try {
 await page.goto(`http://127.0.0.1:6180/content/models/${fixture.modelId}/edit`);
 await expect(page.locator('iframe')).toBeVisible({timeout:60000});
 const frame=await page.locator('iframe').contentFrame();
 await expect(frame.locator('#scene-count')).toBeVisible({timeout:60000});
 const editorFrame=page.frames().find(f=>f.url().includes('legacy-model-editor'));
 await editorFrame.waitForFunction(()=>window.editorApp?.apiSession?.project && window.editorApp?.modelTargets?.size>0,{timeout:60000});
 const detail=await editorFrame.evaluate(async()=>{
   const app=window.editorApp;app.timeline.pause();
   const body=[...app.modelTargets.entries()].find(([,object])=>object.name==='Cesium_Milk_Truck_1');
   const wheel=[...app.modelTargets.entries()].find(([,object])=>object.name==='Wheels');
   if(!body||!wheel)throw new Error('Fixture body/wheel not found');
   const keys=(a,b)=>[{id:crypto.randomUUID(),time:0,value:a},{id:crypto.randomUUID(),time:4,value:b}];
   const track=(id,name,targetId,property,a,b,extra={})=>({id,name,targetId,property,keyframes:keys(a,b),...extra});
   const timeline={version:1,duration:4,currentTime:0,loop:false,zoom:1,clips:[{id:'work',name:'旋出与清洁演示',start:0,end:4,finish:'hold'},{id:'reset',name:'阀门复位演示',start:0,end:4,finish:'reset'}],tracks:[
     track('rotate','部件旋出',wheel[0],'rotation.x',0,Math.PI,{pivot:[0,.1,0]}),
     track('move','旋出位移',wheel[0],'position',[0,0,0],[0,.3,0]),
     track('state','污渍到清洁',body[0],'material.state',0,1,{states:[{name:'污渍',color:'#795548',roughness:.95},{name:'清洁',color:'#dce8ed',roughness:.2}]}),
     track('flow','回路流向',body[0],'flow',1,-1,{flow:{points:[[0,0,.5],[1,0,.5],[1,1,.5]],color:'#16b9f3',radius:.045,count:10,speed:.6,gateTrackId:'state',openValue:1}}),
   ]};
   app.timeline.loadJSON(timeline,{pushHistory:true});app.timeline.seek(4);
   const saved=await app.saveProject();if(!saved)throw new Error('Model save failed');
   return {bodyId:body[0],wheelId:wheel[0],timeline:saved.content?.timeline || timeline,pose:wheel[1].position.toArray(),version:saved.version};
 });
 fixture.detail=detail;save();
 checks.push({name:'真实工程保存组合旋转、位移、材质状态和流向轨道',pass:true});
 await editorFrame.evaluate(()=>{window.editorApp.setBottomMode?.('timeline');window.editorApp.timeline.selectedTrackId='flow';window.editorApp.timeline.render();});
 await frame.locator('[data-action="animation-settings"]').click();
 await expect(frame.locator('.animation-settings')).toBeVisible();await shot('01-animation-settings');
 await frame.locator('.animation-settings [data-close]').first().click();
 await shot('02-editor-end-pose');
 const latest=await call(`tran/v1/content/projects/${fixture.modelId}`,session.accessToken);
 assert.equal(latest.data.currentVersion.content.timeline.clips.length,2);
 fixture.savedDocument=latest.data.currentVersion.content;save();
 await page.reload();await expect(page.locator('iframe')).toBeVisible();
 const reopened=page.frames().find(f=>f.url().includes('legacy-model-editor'));
 await reopened.waitForFunction(()=>window.editorApp?.apiSession?.project && window.editorApp?.modelTargets?.size>0,{timeout:60000});
 const replay=await reopened.evaluate(()=>{const app=window.editorApp;app.timeline.seek(0);const a=app.modelTargets.get(app.timeline.getTrack('move').targetId).position.toArray();app.timeline.seek(4);const b=app.modelTargets.get(app.timeline.getTrack('move').targetId).position.toArray();return {a,b,clips:app.timeline.clips,flows:app.animationRuntime.flows.length};});
 assert.notDeepEqual(replay.a,replay.b);assert.equal(replay.flows,1);assert.equal(replay.clips.length,2);
 checks.push({name:'刷新重开后动作片段、复位基准和流向配置恢复',pass:true,detail:replay});
 await shot('03-model-reopened');
 const published=await reopened.evaluate(async()=>{const result=await window.editorApp.publishToSceneLibrary();return Boolean(result);});
 const result=await call(`tran/v1/content/projects/${fixture.modelId}`,session.accessToken);
 assert.equal(result.data.project.status,'PUBLISHED',JSON.stringify({published,status:result.data.project.status}));
 fixture.modelVersionId=result.data.project.publishedVersionId;save();
 checks.push({name:'正式发布固定动画模型版本',pass:true,versionId:fixture.modelVersionId});
 await shot('04-model-published');
} catch(error){checks.push({name:'模型动作端到端',pass:false,error:error.message});process.exitCode=1;console.error(error.message);await shot('failure').catch(()=>{});}
finally {fs.writeFileSync(path.join(report,'model-checks.json'),JSON.stringify({checks,errors},null,2));await browser.close();}