1

src/components/game-canvas/GameCanvasEntityLayer.test.tsx

@@ -78,6 +78,7 @@ function renderEntityLayer(effectNpcId: string | null) {
   return renderToStaticMarkup(
     <GameCanvasEntityLayer
       companions={[]}
+      sceneActAmbientEncounters={[]}
       currentScenePreset={null}
       sceneTransitionToken={0}
       isSceneTransitionEntering={false}
@@ -185,4 +186,52 @@ describe('GameCanvasEntityLayer', () => {
     expect(html).not.toContain('npc-affinity-effect-npc-liu');
     expect(html).not.toContain('好感度变化 +3');
   });
+
+  it('renders scene act back-row encounters alongside the primary encounter', () => {
+    const html = renderToStaticMarkup(
+      <GameCanvasEntityLayer
+        companions={[]}
+        sceneActAmbientEncounters={[
+          createEncounter({ id: 'npc-back-1', npcName: '后排甲' }),
+          createEncounter({ id: 'npc-back-2', npcName: '后排乙' }),
+        ]}
+        currentScenePreset={null}
+        sceneTransitionToken={0}
+        isSceneTransitionEntering={false}
+        isSceneTransitionExiting={false}
+        transitionSweepPx={320}
+        sceneTransitionExitDurationS={0.2}
+        sceneTransitionEntryDurationS={0.2}
+        companionAnchorLeft="10%"
+        companionAnchorBottom="20%"
+        playerBottomOffsetPx={0}
+        sceneTransitionPhase="idle"
+        inBattle={false}
+        onEntitySelect={null}
+        playerLeft="20%"
+        playerCharacter={createCharacter()}
+        playerHp={100}
+        playerMaxHp={100}
+        effectivePlayerFacing="right"
+        effectivePlayerAnimationState={AnimationState.IDLE}
+        shouldShowPlayerDialogueIcon={false}
+        dialogueIndicator={null}
+        npcAffinityEffect={null}
+        sceneCombatants={[]}
+        monsters={[]}
+        getHostileNpcOuterLeft={() => '70%'}
+        groundBottom="18%"
+        stageLiftPx={68}
+        encounter={createEncounter({ id: 'npc-primary', npcName: '主角色' })}
+        sideAnchor="15%"
+        cameraAnchorX={0}
+        monsterAnchorMeters={3.2}
+        playerX={0}
+      />,
+    );
+
+    expect(html).toContain('查看主角色详情');
+    expect(html).toContain('查看后排甲详情');
+    expect(html).toContain('查看后排乙详情');
+  });
 });