@mzzsfy/dsh-toast 0.1.0

package/README.md

@@ -0,0 +1,62 @@
+# @mzzsfy/dsh-toast
+
+DSH 全局浮出通知 Toast 库:多条并存栈式展示,自动消失与常驻确认两种生命周期。供各插件发送全局操作反馈与事件通知,替代各插件自写通知 UI。
+
+**本包是普通 npm 依赖,不是 dsh 插件**:不声明 `dsh.bundle.patch`,不进 profile 插件层,无需也不应 `dsh plugin add`。消费插件在 `dependencies` 中声明本包(pnpm 随装),并在自身 `cordis.patch.yml` 中代挂本包宿主占位条目使 client 进入客户端模块表。
+
+## 消费方接入
+
+1. `package.json`:
+
+```json
+{
+  "dependencies": { "@mzzsfy/dsh-toast": "^0.1.0" },
+  "dsh": {
+    "client": {
+      "external": ["@mzzsfy/dsh-toast/client"]
+    }
+  }
+}
+```
+
+2. `cordis.patch.yml`(insert 列表追加一条,使本包 client 进入模块表;id 必须带消费插件前缀,name 才是包解析键)。**占位条目全仓唯一**:全仓只允许一个插件代挂本包占位(当前为 session-manager)——client-modules 按 npm 名做多源检查,两个占位条目装载基不同即 fatal 拖垮整树;其余消费插件**不代挂占位**,改为可选消费:
+
+```js
+// 模块表缺失(权威消费方未安装)时干净降级,不代挂占位
+let toast = null
+try { toast = require('@mzzsfy/dsh-toast/client').show } catch {}
+// 调用点:toast?.(...)
+```
+
+3. client.js 的 factory 内:
+
+```js
+const { show: toast } = require('@mzzsfy/dsh-toast/client')
+
+toast('已保存', { kind: 'ok' })                    // 成功反馈,自动消失
+toast('保存失败:' + reason, { kind: 'error', sticky: true }) // 常驻待确认
+toast('回合完成', { holdMs: 6 * 1000 })            // 自定义展示期
+```
+
+## API
+
+- `show(text, opts)` → `id`:入栈一条通知。`opts.kind` 为 `'info' | 'ok' | 'error'`(非法归 `info`,默认深色 / 成功绿 / 错误红);`opts.sticky` 真值常驻不自动消失,渲染「知道了」按钮;`opts.holdMs` 正数自定义展示期(默认 4 秒)。`text` 非字符串或为空时忽略并返回 `null`
+- `dismiss(id)`:移除指定条目,幂等
+- `mount()`:显式挂载渲染容器(一般无需调用,首次 `show` 惰性自举)
+
+## 行为规格(BDD)
+
+- Given 库已加载,When `show(text)`,Then 通知顶部居中显示,默认 4 秒后自动消失
+- Given 栈内已有 4 条,When 再入栈一条,Then 最旧条目立即移除(含 sticky,新通知优先)
+- Given `show(text, {sticky: true})`,Then 通知常驻,点「知道了」或 `dismiss(id)` 后消失
+- Given `kind: 'error'`,Then 红色变体渲染
+- Given 首次 `show`,Then 渲染容器与样式惰性挂载(容器直挂 body,不受设置页全屏层 z-index 遮挡)
+- Given HMR 重载产生同 id 旧容器,When 新代首次挂载,Then 旧容器移除、新容器就位
+- Given 用户系统开启减弱动态效果,Then 入场动画禁用
+
+## 实现说明
+
+- 位置顶部居中:不遮挡聊天输入区;容器直挂 body,层级高于设置全屏层
+- 样式全部取宿主 `--dsw-alias-*` 令牌(错误变体文字色除外),双主题自适应;样式挂宿主文档级、幂等且内容变化原位替换
+- store 位于模块闭包单例;渲染容器惰性自举、幂等、自愈(旧 root 卸载后重建),不依赖宿主生命周期
+- react / react-dom/client 由宿主平台模块表提供,peerDependencies 声明 react 与 react-dom

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@mzzsfy/dsh-toast",
+  "description": "全局浮出通知 Toast 库:多条并存栈式展示,自动消失与常驻确认两种生命周期;普通 npm 依赖(非 dsh 插件),由消费插件的 cordis.patch.yml 代挂宿主占位条目",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "src/index.js",
+  "exports": {
+    ".": "./src/index.js",
+    "./client": "./src/client.js",
+    "./package.json": "./package.json"
+  },
+  "dsh": {
+    "client": {
+      "platform": "web"
+    }
+  },
+  "scripts": {
+    "test": "node --test \"test/*.test.mjs\"",
+    "npmPublish": "npm publish --access public --provenance=false --registry=https://registry.npmjs.org"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://git.1014.top:83/mzzsfy/dsh-plugin.git"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "files": [
+    "src",
+    "test",
+    "README.md"
+  ]
+}

package/src/client.js

@@ -0,0 +1,153 @@
+// dsh-toast Client 半区:全局浮出通知 Toast 库,多条并存栈式展示。
+// 以 DSH client-modules 自注册格式发布(__ModuleLoader__.load),消费插件经
+// dsh.client.external require('@mzzsfy/dsh-toast/client') 使用。本包不声明
+// dsh.bundle.patch,不进 profile 插件层;宿主占位条目由消费方 cordis.patch.yml
+// 代挂,本包 client 由此进入客户端模块表。
+// 渲染容器惰性自举:首次 show 挂载,容器与样式幂等,挂载前清同 id 旧代残留
+// (HMR 重载模块后新代自愈,旧代闭包随容器移除失效)。
+
+window.__ModuleLoader__.load({
+  id: '@mzzsfy/dsh-toast',
+  factory(require) {
+    const React = require('react')
+    const { useSyncExternalStore } = React
+    const { createRoot } = require('react-dom/client')
+
+    // Toast 持续时长与栈上限:展示期定值;突发事件裁剪最旧条目
+    const TOAST_HOLD_MS = 4 * 1000
+    const TOAST_MAX = 4
+    const KINDS = ['info', 'ok', 'error']
+    const HOST_ID = 'dsh-toast-host'
+    const STYLE_ID = 'dsh-toast-style'
+
+    const CSS = [
+      '.dsh-toast-stack { position:fixed; left:50%; top:16px; transform:translateX(-50%); z-index:1100;',
+      '  display:flex; flex-direction:column; align-items:center; gap:8px; pointer-events:none; }',
+      '.dsh-toast { pointer-events:auto; background:var(--dsw-alias-toast-bg); color:var(--dsw-alias-label-primary-inverted);',
+      '  font:var(--dsw-font-xs-13); padding:8px 14px; border-radius:10px; box-shadow:var(--dsw-shadow-lv2);',
+      '  animation:dsh-toast-in 0.18s ease-out; max-width:520px; display:flex; align-items:center; gap:10px; }',
+      '.dsh-toast--ok { background:var(--dsw-alias-state-success-primary); color:var(--dsw-alias-label-primary-inverted); }',
+      '.dsh-toast--error { background:var(--dsw-alias-state-error-primary); color:#fff; }',
+      '.dsh-toast__close { border:0; background:transparent; cursor:pointer; color:inherit;',
+      '  font:var(--dsw-font-xs-strong-13); padding:0 2px; opacity:.8; }',
+      '.dsh-toast__close:hover { opacity:1; }',
+      '@keyframes dsh-toast-in { from { transform:translateY(-8px); opacity:0; } to { transform:translateY(0); opacity:1; } }',
+      '@media (prefers-reduced-motion: reduce) { .dsh-toast { animation:none; } }',
+    ].join('\n')
+
+    function h(type, props) {
+      const children = Array.prototype.slice.call(arguments, 2)
+      return React.createElement.apply(React, [type, props || null].concat(children))
+    }
+
+    // ---- store:模块闭包单例,幂等无状态快照 ----
+
+    let seq = 0
+    let items = []
+    const listeners = new Set()
+    const emit = () => { for (const listener of listeners) listener() }
+
+    function normalizeKind(kind) {
+      return KINDS.indexOf(kind) >= 0 ? kind : 'info'
+    }
+
+    // 展示期:sticky 常驻不计时;非 sticky 取调用方正值,否则默认
+    function resolveHoldMs(opts) {
+      const holdMs = opts && opts.holdMs
+      return typeof holdMs === 'number' && holdMs > 0 ? holdMs : TOAST_HOLD_MS
+    }
+
+    // 幂等移除:未命中不产生新快照,不触发重渲染
+    function dismiss(id) {
+      const next = items.filter((item) => item.id !== id)
+      if (next.length === items.length) return
+      items = next
+      emit()
+    }
+
+    // 入栈即返回单调 id;超上限裁最旧(含 sticky,极端场景下错误提示让位于新通知);
+    // 非 sticky 条目入栈即挂自动消失计时,经条目引用持 id,与裁剪无关
+    function show(text, opts) {
+      if (typeof text !== 'string' || text === '') return null
+      const sticky = Boolean(opts && opts.sticky)
+      const entry = { id: ++seq, text, kind: normalizeKind(opts && opts.kind), sticky }
+      items = items.concat([entry]).slice(-TOAST_MAX)
+      emit()
+      mount()
+      if (!sticky) setTimeout(() => dismiss(entry.id), resolveHoldMs(opts))
+      return entry.id
+    }
+
+    const source = {
+      getSnapshot: () => items,
+      subscribe(listener) {
+        listeners.add(listener)
+        return () => listeners.delete(listener)
+      },
+    }
+
+    // ---- 渲染:容器直挂 body,不依赖宿主生命周期 ----
+
+    // 样式内容原位比对:一致跳过,不一致(HMR 新代 CSS 变化)原位替换
+    function ensureStyle() {
+      const stale = document.getElementById(STYLE_ID)
+      if (stale !== null) {
+        if (stale.textContent !== CSS) stale.textContent = CSS
+        return
+      }
+      const style = document.createElement('style')
+      style.id = STYLE_ID
+      style.textContent = CSS
+      document.head.appendChild(style)
+    }
+
+    // 容器自愈:本代容器在场即幂等;否则清理一切旧容器(本代被外部移除的、
+    // HMR 上一代残留的),逐个卸载 React root(detached 树不再续渲染)后移除重建
+    let root = null
+    let host = null
+    function mount() {
+      if (root !== null && document.getElementById(HOST_ID) === host) return
+      for (const stale of new Set([host, document.getElementById(HOST_ID)])) {
+        if (stale === null) continue
+        if (stale.__toastRoot !== undefined) stale.__toastRoot.unmount()
+        stale.remove()
+      }
+      ensureStyle()
+      host = document.createElement('div')
+      host.id = HOST_ID
+      document.body.appendChild(host)
+      root = createRoot(host)
+      host.__toastRoot = root
+      root.render(React.createElement(ToastHost))
+    }
+
+    function ToastHost() {
+      const current = useSyncExternalStore(source.subscribe, source.getSnapshot)
+      return h('div', { className: 'dsh-toast-stack' },
+        current.map((item) => h(ToastItem, { key: item.id, item })),
+      )
+    }
+
+    function ToastItem(props) {
+      const item = props.item
+      return h('div', { className: 'dsh-toast dsh-toast--' + item.kind, role: 'alert' },
+        h('span', null, item.text),
+        item.sticky
+          ? h('button', { className: 'dsh-toast__close', onClick: () => dismiss(item.id) }, '知道了')
+          : null,
+      )
+    }
+
+    return {
+      show,
+      dismiss,
+      mount,
+      // 浏览器 cordis loader 经裸名 id 装载本包的宿主占位条目(树内 insert,name
+      // = 包名,模块表 stripClientSuffix 后裸名与 /client 共享同一记录),要求本
+      // 导出呈插件形态;缺 apply 即判 invalid plugin 拖垮整树。装载体为空:容器
+      // 惰性自举在首次 show 时发生,无需生命周期介入
+      apply() {},
+      __test: { show, dismiss, source, normalizeKind, resolveHoldMs, getItems: () => items },
+    }
+  },
+})

package/src/index.js

@@ -0,0 +1,6 @@
+// dsh-toast Host 半区:无宿主逻辑。本包是普通 npm 依赖(不声明 dsh.bundle.patch,
+// 不进 profile 插件层),宿主占位条目由消费插件的 cordis.patch.yml 代挂;cordis
+// 装载该条目时经本入口激活空插件,同时使 client 半区进入客户端模块表。
+// 形态对齐 dsh-think-expand 的纯前端宿主入口:仅导出空 apply,不带 name/inject
+// (带 name+inject 的命名空间形态经 dsh-web-app 装载链被判 invalid plugin)。
+export function apply() {}

package/test/client-id.test.mjs

@@ -0,0 +1,16 @@
+// client.js 自注册格式守卫:ModuleLoader id 必须与 npm 包名一致,
+// 宿主按包名解析 client bundle。
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import { dirname, join } from 'node:path'
+
+const PKG_ROOT = join(dirname(fileURLToPath(import.meta.url)), '..')
+
+test('client.js 以本包名注册 ModuleLoader 模块', () => {
+  const source = readFileSync(join(PKG_ROOT, 'src', 'client.js'), 'utf8')
+  const match = source.match(/__ModuleLoader__\.load\(\{\s*id:\s*'([^']+)'/)
+  assert.ok(match, 'client.js 缺少 __ModuleLoader__.load 注册')
+  assert.equal(match[1], '@mzzsfy/dsh-toast')
+})

package/test/mount.test.mjs

@@ -0,0 +1,114 @@
+// 挂载自愈测试:首次 show 惰性挂容器与样式;重复 show 幂等;外部移除与 HMR
+// 旧代残留均在下一次挂载时卸 root 重建;样式内容不一致原位替换。
+// 加载真实 src/client.js 驱动完整 DOM 交互路径(mock.timers 冻结自动消失计时)。
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import { dirname, join } from 'node:path'
+import { mock } from 'node:test'
+
+const PKG_ROOT = join(dirname(fileURLToPath(import.meta.url)), '..')
+
+const reactStub = {
+  useSyncExternalStore: () => [],
+  createElement: () => null,
+}
+
+function makeState() {
+  return { byId: new Map(), bodyAppends: 0, appended: [] }
+}
+
+function makeDocument(state) {
+  const byId = state.byId
+  return {
+    getElementById: (id) => byId.get(id) ?? null,
+    createElement: (tag) => ({ tag, id: '', textContent: '', style: {}, remove() { byId.delete(this.id) } }),
+    head: { appendChild: (node) => byId.set(node.id, node) },
+    body: {
+      appendChild: (node) => { state.bodyAppends += 1; state.appended.push(node); byId.set(node.id, node) },
+    },
+  }
+}
+
+function loadModule(docState) {
+  const source = readFileSync(join(PKG_ROOT, 'src', 'client.js'), 'utf8')
+  const modules = []
+  const windowStub = { __ModuleLoader__: { load: (module) => modules.push(module) } }
+  const roots = []
+  const createRoot = (host) => {
+    const root = { host, renderCalls: 0, unmounted: false, render() { this.renderCalls += 1 }, unmount() { this.unmounted = true } }
+    roots.push(root)
+    return root
+  }
+  const requireStub = (name) => (name === 'react-dom/client' ? { createRoot } : reactStub)
+  const factory = new Function('window', 'require', 'document', source + '\n;return null')
+  factory(windowStub, requireStub, makeDocument(docState))
+  assert.equal(modules.length, 1, 'client.js 模块未被捕获')
+  const mod = modules[0].factory(requireStub)
+  return { mod, roots }
+}
+
+const HOST_ID = 'dsh-toast-host'
+const STYLE_ID = 'dsh-toast-style'
+
+test.beforeEach(() => { mock.timers.enable({ apis: ['setTimeout'] }) })
+test.afterEach(() => { mock.timers.reset() })
+
+test('首次 show 惰性挂载:容器与样式就位', () => {
+  const state = makeState()
+  const { mod } = loadModule(state)
+  assert.equal(state.byId.get(HOST_ID), undefined, '加载即挂载是错误的(应惰性)')
+  mod.show('触发挂载')
+  assert.notEqual(state.byId.get(HOST_ID), undefined)
+  assert.notEqual(state.byId.get(STYLE_ID), undefined)
+})
+
+test('重复 show 幂等:容器只创建一次', () => {
+  const state = makeState()
+  const { mod } = loadModule(state)
+  mod.show('一')
+  mod.show('二')
+  assert.equal(state.bodyAppends, 1, '容器只 append 一次')
+  assert.equal(state.byId.get(HOST_ID), state.appended[0])
+})
+
+test('外部移除容器后重建:旧 root 卸载,新容器就位', () => {
+  const state = makeState()
+  const { mod, roots } = loadModule(state)
+  mod.show('一')
+  const firstRoot = roots[0]
+  state.byId.get(HOST_ID).remove()
+  mod.show('二')
+  assert.equal(firstRoot.unmounted, true, '被移除容器的 root 已卸载')
+  assert.equal(state.bodyAppends, 2, '新容器重建')
+  assert.notEqual(state.byId.get(HOST_ID), undefined)
+})
+
+test('HMR 跨代自愈:新代首挂卸载旧代 root 并重建容器', () => {
+  const state = makeState()
+  const first = loadModule(state)
+  first.mod.show('旧代')
+  const staleRoot = first.roots[0]
+  const staleHost = state.byId.get(HOST_ID)
+  const second = loadModule(state)
+  second.mod.show('新代')
+  assert.equal(staleRoot.unmounted, true, '旧代 root 已卸载')
+  assert.equal(state.byId.get(HOST_ID), state.appended[state.appended.length - 1], '新代容器在场')
+  assert.notEqual(state.byId.get(HOST_ID), staleHost, '新容器是新对象')
+  assert.equal(second.roots[0].host, state.byId.get(HOST_ID), '新 root 绑定新容器')
+})
+
+test('样式内容不一致原位替换:HMR 新代 CSS 变化即生效', () => {
+  const state = makeState()
+  const { mod } = loadModule(state)
+  mod.show('建立样式')
+  const styleNode = state.byId.get(STYLE_ID)
+  const currentCss = styleNode.textContent
+  // 模拟旧代残留:DOM 中样式内容与本代 CSS 不一致(HMR 改了 CSS 数组)
+  styleNode.textContent = '/* 残留的旧代样式 */'
+  const second = loadModule(state)
+  second.mod.show('触发重建路径')
+  assert.equal(state.byId.get(STYLE_ID), styleNode, '样式节点原位保留')
+  assert.equal(styleNode.textContent, currentCss, '内容恢复为当前 CSS')
+})

package/test/toast.test.mjs

@@ -0,0 +1,130 @@
+// store 行为测试:入栈/裁剪/自动消失/常驻/守卫/快照稳定性。
+// 加载真实 src/client.js(stub 注入),直接驱动 factory 层 store,不涉渲染。
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { readFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import { dirname, join } from 'node:path'
+import { mock } from 'node:test'
+
+const PKG_ROOT = join(dirname(fileURLToPath(import.meta.url)), '..')
+
+// 全文件冻结 setTimeout:show 的自动消失计时不拖住测试进程,
+// 「自动消失」用例经 mock.timers.tick 手动推进
+test.beforeEach(() => { mock.timers.enable({ apis: ['setTimeout'] }) })
+test.afterEach(() => { mock.timers.reset() })
+
+const reactStub = {
+  useSyncExternalStore: () => [],
+  createElement: () => null,
+}
+const createRootStub = () => ({ render() {} })
+const requireStub = (name) => (name === 'react-dom/client' ? { createRoot: createRootStub } : reactStub)
+
+// 加载 client.js 并执行 factory,返回模块导出(含 __test 钩子)
+function loadModule() {
+  const source = readFileSync(join(PKG_ROOT, 'src', 'client.js'), 'utf8')
+  const modules = []
+  const windowStub = { __ModuleLoader__: { load: (module) => modules.push(module) } }
+  const factory = new Function('window', 'require', 'document', source + '\n;return null')
+  factory(windowStub, requireStub, makeDocument())
+  assert.equal(modules.length, 1, 'client.js 模块未被捕获')
+  return modules[0].factory(requireStub)
+}
+
+function makeDocument(state) {
+  const ids = state || { byId: new Map() }
+  return {
+    getElementById: (id) => ids.byId.get(id) ?? null,
+    createElement: (tag) => ({ tag, id: '', style: {}, remove() { ids.byId.delete(this.id) } }),
+    head: { appendChild: () => {} },
+    body: {
+      appendChild: (node) => ids.byId.set(node.id, node),
+    },
+  }
+}
+
+test('show:多条并存,id 单调,快照按序', () => {
+  const mod = loadModule()
+  const first = mod.__test.show('第一条')
+  const second = mod.__test.show('第二条', { kind: 'ok' })
+  assert.equal(typeof first, 'number')
+  assert.equal(second, first + 1)
+  const items = mod.__test.getItems()
+  assert.deepEqual(items.map((item) => item.text), ['第一条', '第二条'])
+  assert.deepEqual(items.map((item) => item.kind), ['info', 'ok'])
+  assert.deepEqual(items.map((item) => item.sticky), [false, false])
+})
+
+test('show:栈上限裁最旧,新条目保留', () => {
+  const mod = loadModule()
+  for (let index = 1; index <= 4; index += 1) mod.__test.show('条目' + index)
+  const newest = mod.__test.show('条目5')
+  const items = mod.__test.getItems()
+  assert.equal(items.length, 4)
+  assert.equal(items[0].text, '条目2', '最旧条目被裁剪')
+  assert.equal(items[items.length - 1].id, newest)
+})
+
+test('show:非法入参守卫,text 忽略返回 null', () => {
+  const mod = loadModule()
+  assert.equal(mod.__test.show(''), null)
+  assert.equal(mod.__test.show(null), null)
+  assert.equal(mod.__test.show(42), null)
+  assert.equal(mod.__test.getItems().length, 0)
+})
+
+test('show:kind 非法归 info,sticky 按 truthy 判定', () => {
+  const mod = loadModule()
+  mod.__test.show('a', { kind: 'bogus' })
+  mod.__test.show('b', { sticky: 'yes' })
+  mod.__test.show('c', { sticky: 0 })
+  const items = mod.__test.getItems()
+  assert.deepEqual(items.map((item) => item.kind), ['info', 'info', 'info'])
+  assert.deepEqual(items.map((item) => item.sticky), [false, true, false])
+})
+
+test('dismiss:命中移除,未命中幂等不动快照', () => {
+  const mod = loadModule()
+  const id = mod.__test.show('可移除')
+  const snapshot = mod.__test.source.getSnapshot()
+  mod.__test.dismiss(99999)
+  assert.equal(mod.__test.source.getSnapshot(), snapshot, '未命中不产生新快照')
+  mod.__test.dismiss(id)
+  assert.equal(mod.__test.getItems().length, 0)
+  assert.notEqual(mod.__test.source.getSnapshot(), snapshot, '命中产生新快照')
+})
+
+test('自动消失:默认展示期后移除,sticky 不计时,dismiss 即消失', () => {
+  const mod = loadModule()
+  mod.__test.show('自动')
+  mod.__test.show('常驻', { kind: 'error', sticky: true })
+  assert.equal(mod.__test.getItems().length, 2)
+  mock.timers.tick(mod.__test.resolveHoldMs(null))
+  const items = mod.__test.getItems()
+  assert.deepEqual(items.map((item) => item.text), ['常驻'], '非 sticky 已消失,sticky 保留')
+  mod.__test.dismiss(items[0].id)
+  assert.equal(mod.__test.getItems().length, 0)
+})
+
+test('自动消失:holdMs 正值生效,非法回落默认', () => {
+  const mod = loadModule()
+  mod.__test.show('快闪', { holdMs: 500 })
+  mod.__test.show('默认')
+  mock.timers.tick(500)
+  assert.deepEqual(mod.__test.getItems().map((item) => item.text), ['默认'])
+  mock.timers.tick(mod.__test.resolveHoldMs({ holdMs: -1 }))
+  assert.equal(mod.__test.getItems().length, 0)
+})
+
+test('subscribe:入栈与移除均通知订阅者', () => {
+  const mod = loadModule()
+  let calls = 0
+  const unsubscribe = mod.__test.source.subscribe(() => { calls += 1 })
+  const id = mod.__test.show('通知')
+  mod.__test.dismiss(id)
+  assert.equal(calls, 2)
+  unsubscribe()
+  mod.__test.show('不再通知')
+  assert.equal(calls, 2)
+})