@yfwu2020/dsh-selection-explain 0.4.0 → 0.7.0

package/scripts/test-client.mjs

@@ -1044,11 +1044,16 @@ const textEl = new FakeEl('span')
 textEl._text = 'Dev: the migration ran long, so we ship Wednesday. PM: fine, freeze features.'
 container.appendChild(textEl)
 body.appendChild(container)
+/** 选区桩：记下 removeAllRanges 有没有被调用（点「解读」后要把本文档选区收掉）。 */
+const clearedSelections = { count: 0 }
 const selection = {
   isCollapsed: false,
   rangeCount: 1,
   toString: () => 'the migration ran long',
   getRangeAt: () => documentStub.createRange(),
+  removeAllRanges() {
+    clearedSelections.count += 1
+  },
 }
 windowStub.getSelection = () => selection
 documentStub.dispatch('mouseup', { target: body })
@@ -1092,6 +1097,17 @@ const chatLog = Array.from(walk(panel)).find((node) => node.className === 'dsh-s
 const askRow = Array.from(walk(panel)).find((node) => node.className === 'dsh-sel-ask')
 assert('弹窗打开', !!panel && panel.style.display === 'flex')
 assert('弹窗显示选中文字', !!panel && textOf(panel).indexOf('the migration ran long') >= 0)
+// 点完「解读」立刻把本文档选区收掉：留着它，小窗开着时按个方向键又会冒出一个「❝ 引用」，
+// 指的是刚才解读的那段文字（解读要的文字与上下文在 mouseup 那刻就抓好了，见 openForSelection）
+assert('点「解读」后本文档选区被收掉', clearedSelections.count >= 1, `removeAllRanges 调用 ${clearedSelections.count} 次`)
+{
+  const quoteBtnNode = Array.from(walk(mount)).find((n) => String(n.className).indexOf('dsh-sel-quotebtn') >= 0)
+  assert(
+    '点「解读」后引用浮标不出现（旧选区不该复活它）',
+    !quoteBtnNode || quoteBtnNode.style.display === 'none',
+    quoteBtnNode ? String(quoteBtnNode.style.display) : '浮标节点还没建出来（= 没显示）',
+  )
+}
 
 const hook = windowStub.__dshSelectionExplain
 assert('自检钩子可用', !!hook && typeof hook.state === 'function')
@@ -2237,13 +2253,23 @@ assert('尾部上下文变化后仍命中历史（不再重新生成一个）',
 const pill = Array.from(walk(panel.parentNode)).find((n) => n.className === 'dsh-sel-pill')
 assert('右下角有状态胶囊', !!pill, pill ? pill.className : '未找到')
 assert(
-  '胶囊结构和费用胶囊同构：圆点 + 主体 + 次要 + 箭头',
+  '胶囊结构和费用胶囊同构：星芒 + 主体 + 次要 + 箭头',
   !!pill &&
-    ['dsh-sel-pilldot', 'dsh-sel-pillname', 'dsh-sel-pillmeta', 'dsh-sel-pillcaret'].every((c) =>
+    ['dsh-sel-pillname', 'dsh-sel-pillmeta', 'dsh-sel-pillcaret'].every((c) =>
       Array.from(walk(pill)).some((n) => n.className === c),
+    ) &&
+    // SVG 元素的 class 是 SVGAnimatedString，客户端用 setAttribute('class', …) 写 —— 桩里也照这个读
+    ['dsh-sel-pillicon', 'dsh-sel-pillstar'].every((c) =>
+      Array.from(walk(pill)).some((n) => n.getAttribute && n.getAttribute('class') === c),
     ),
   pill ? walk(pill).next().value.className : '',
 )
+const pillStarEl = pill && Array.from(walk(pill)).find((n) => n.getAttribute && n.getAttribute('class') === 'dsh-sel-pillstar')
+assert(
+  '球心里的图形初始是"圆点态"那条 path（展开时不许直接画成星）',
+  !!pillStarEl && /^M4 0/.test(String(pillStarEl.getAttribute('d'))),
+  pillStarEl ? String(pillStarEl.getAttribute('d')).slice(0, 24) : '未找到',
+)
 assert('箭头用和费用胶囊同一个字符 ▴ / ▾（不是大三角 ▲ ▼）', textOf(pill).indexOf('▲') < 0 && textOf(pill).indexOf('▼') < 0, textOf(pill))
 
 // 进行中：圆点在呼吸（tone=busy），文本报阶段 + 秒数