fix: 准备阶段可查看外勤医疗详情与范围 (#315)

test/render/browser.test.js

@@ -96,7 +96,7 @@ describe('render engine in headless Chrome', { skip }, () => {
     } finally { await page.close(); }
   });
 
-  test('外勤医疗 reserve medic is visible but not draggable in normal and right boss preparation', async () => {
+  test('外勤医疗 reserve medic opens its detail from normal and right boss preparation without being draggable', async () => {
     const { page, problems } = await open('scene=prep&panel=0', 1600, 900);
     const first = await page.evaluate(() => {
       const v = window.__demo.view;
@@ -108,8 +108,14 @@ describe('render engine in headless Chrome', { skip }, () => {
       v.setPrep(st, { editable: true });
       const medic = v.debug.views.get('m:-1');
       const p = v.tileScreen(10, 2), rect = v.debug.app.view.getBoundingClientRect();
+      let clicked = null;
+      const off = v.on('pieceClick', (e) => { clicked = e; });
+      v.debug.app.view.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true, button: 0, pointerId: 61, clientX: p.x, clientY: p.y }));
+      off();
       const out = { exists: !!medic, id: medic?.info.defId, x: medic?.x, y: medic?.y,
-        draggable: !!v.debug.pick.pieceAt(p.x - rect.left, p.y - rect.top) };
+        draggable: !!v.debug.pick.pieceAt(p.x - rect.left, p.y - rect.top),
+        clicked: clicked ? { uid: clicked.uid, id: clicked.unit?.defId, row: clicked.unit?.y, col: clicked.unit?.x,
+          prepMapChar: clicked.prepMapChar } : null };
       return out;
     });
     await wait(500);
@@ -118,7 +124,13 @@ describe('render engine in headless Chrome', { skip }, () => {
       const v = window.__demo.view;
       v.setCamera('bossPrep', { side: 'R', instant: true });
       const mirrored = v.debug.views.get('m:-1');
-      return [mirrored?.x, mirrored?.y, mirrored?.dir];
+      const p = v.tileScreen(10, 2);
+      let clicked = null;
+      const off = v.on('pieceClick', (e) => { clicked = e; });
+      v.debug.app.view.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true, button: 0, pointerId: 62, clientX: p.x, clientY: p.y }));
+      off();
+      return { view: [mirrored?.x, mirrored?.y, mirrored?.dir],
+        clicked: clicked ? [clicked.unit?.y, clicked.unit?.x, clicked.unit?.dir, clicked.prepMapChar] : null };
     });
     await wait(500);
     await page.screenshot({ path: path.join(OUT, 'touch-prep-boss-right.png') });
@@ -127,7 +139,8 @@ describe('render engine in headless Chrome', { skip }, () => {
       const st = JSON.parse(JSON.stringify(window.__demo.scene.state));
       st.prepMapChars = [];
       v.setPrep(st, { editable: true });
-      return !v.debug.views.has('m:-1');
+      const p = v.tileScreen(10, 2), rect = v.debug.app.view.getBoundingClientRect();
+      return !v.debug.views.has('m:-1') && !v.debug.pick.mapCharAt(p.x - rect.left, p.y - rect.top);
     });
     const fallback = await page.evaluate(async () => {
       const { createFallbackView } = await import('/js/ui/fallbackField.js');
@@ -138,18 +151,23 @@ describe('render engine in headless Chrome', { skip }, () => {
       ff.setPrep({ board: [], hand: [], temp: [], prepMapChars: [window.__touchPrepChar] }, { editable: true });
       await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
       const el = host.querySelector('.ff-piece--map-char');
+      let clicked = null;
+      const off = ff.on('pieceClick', (e) => { clicked = e; });
+      el?.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true, button: 0, pointerId: 63 }));
+      off();
       const out = { exists: !!el, name: el?.title, pointerEvents: el ? getComputedStyle(el).pointerEvents : null,
-        movableId: el?.dataset.uid ?? null };
+        movableId: el?.dataset.uid ?? null, clicked: clicked ? [clicked.unit?.defId, clicked.prepMapChar] : null };
       ff.destroy(); host.remove();
       return out;
     });
     await page.close();
     assert.deepEqual(problems, []);
     assert.deepEqual(first, { exists: true, id: 'char_605_cmedic', x: 2, y: 10,
-      draggable: false });
-    assert.deepEqual(boss, [18, 3, 'LEFT']);
+      draggable: false, clicked: { uid: -1, id: 'char_605_cmedic', row: 10, col: 2, prepMapChar: true } });
+    assert.deepEqual(boss, { view: [18, 3, 'LEFT'], clicked: [10, 2, 'RIGHT', true] });
     assert.equal(removed, true);
-    assert.deepEqual(fallback, { exists: true, name: '预备干员-医疗', pointerEvents: 'none', movableId: null });
+    assert.deepEqual(fallback, { exists: true, name: '预备干员-医疗', pointerEvents: 'auto', movableId: null,
+      clicked: ['char_605_cmedic', true] });
   });
 
   test('fx gallery: every sim fx kind, projectile and status renders without errors; board art in use', async () => {

test/ui/inspect-range.test.js

@@ -44,6 +44,18 @@ test('user Given strategy medics When inspecting them Then their healing tiles r
   }
 });
 
+test('user Given a prepared map medic When its card opens Then its board-space range is visible before battle', () => {
+  for (const id of ['char_605_cmedic', 'char_613_acmedc']) {
+    const unit = medic(id, { id: -1, uid: -1, area: 'board', x: 2, y: 10, dir: 'RIGHT' });
+    const r = inspectRange({ ...args(unit), target: { kind: 'unit', unit, prepMapChar: true }, showPrep: true,
+      field: { prep: false }, snapshot: [99, 18, 3, 1202, 1202] });
+    assert.deepEqual([r.row, r.col, r.dir], [10, 2, 'RIGHT'], 'use the original board coordinates even on the mirrored boss half');
+    assert.equal(rangeTiles(r.grid, r.row, r.col, r.dir).length, 12);
+    assert.equal(inspectRange({ ...args(unit), target: { kind: 'unit', unit }, showPrep: true }), null,
+      'other unit cards do not become prep-range previews');
+  }
+});
+
 test('user Given a moving battle medic When its current range changes Then the overlay follows live range and position', () => {
   const r = inspectRange(args(medic(), { field: { prep: false }, snapshot: [71, 8, 10, 120, 200], live: { range: tokens.char_613_acmedc.skill.rangeGrid } }));
   assert.equal(r.grid.length, 18);

test/ui/playtest6_summons.test.js

@@ -134,15 +134,19 @@ test('GitHub #260: Touch / 预备干员-医疗 cards say 干员 · 医疗 and sh
     ['char_613_acmedc', ['恳切福音', '攻击距离<@ba.vup>+2</>', '攫升', '治疗目标时使其获得3点技力', '超脱', '获得5点技力', '恢复友方单位生命', '初始', '持续']],
     ['char_605_cmedic', ['治疗强化·β型', '攻击力<@ba.vup>+50%</>', '攻击提升', '攻击力+4%', '恢复友方单位生命']],
   ]) {
-    // a battle click resolves the unit as its token record
-    const detail = resolveDetail({ kind: 'unit', unit: { id: 91, side: 'ally', defId: id } }, new Map());
-    assert.equal(detail.type, 'token');
-    const text = allText(TokenDetail(detail));
-    assert.match(text, /干员/);
-    assert.match(text, /医疗/);
-    assert.doesNotMatch(text, /召唤物/);
-    for (const w of want) assert.ok(text.includes(w), `${id}: ${w}`);
-    assert.equal(/PRTS 修正/.test(text), id === 'char_613_acmedc', `${id}: the 低于一半 line only under 恳切福音`);
+    for (const unit of [
+      { id: 91, side: 'ally', defId: id }, // battle click
+      { id: -1, uid: -1, kind: 'token', side: 'ally', defId: id, area: 'board', x: 2, y: 10 }, // preparation preview click
+    ]) {
+      const detail = resolveDetail({ kind: 'unit', unit, prepMapChar: unit.id === -1 }, new Map());
+      assert.equal(detail.type, 'token');
+      const text = allText(TokenDetail(detail));
+      assert.match(text, /干员/);
+      assert.match(text, /医疗/);
+      assert.doesNotMatch(text, /召唤物/);
+      for (const w of want) assert.ok(text.includes(w), `${id}: ${w}`);
+      assert.equal(/PRTS 修正/.test(text), id === 'char_613_acmedc', `${id}: the 低于一半 line only under 恳切福音`);
+    }
   }
   // the record keeps the official sentence; the line under it is what touchGospel does (strictly below hp_ratio)
   assert.match(TOKENS.char_613_acmedc.skill.desc, /不高于一半/);