From 326cf770101c98e210021a5e97105eb40980ffac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=96=87=E7=9D=BF=20=E5=BC=A0?= <zzz0217asdf@163.com>
Date: Sat, 10 Oct 2026 16:25:53 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E8=AE=A1=E5=88=92=20Task=208=20?=
 =?UTF-8?q?=E7=9A=84=E7=BB=84=E4=BB=B6=E6=B5=8B=E8=AF=95=E7=89=87=E6=AE=B5?=
 =?UTF-8?q?=E8=A1=A5=E4=B8=8A=20el-table=20=E6=B8=B2=E6=9F=93=E6=97=B6?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

原片段用同步的 mountResult 直接断言 tbody tr 的文本，但 el-table 分两轮渲染：
先注册列，下一轮才把单元格填上。只等一个 tick 时拿到的是空 tr，断言会以
"expected '' to contain '2'" 这种看不出原因的方式失败（实测撞到过）。

改成 async mountResult，内部 await 两轮 nextTick 并附上原因；三个用例跟着
改成 await 调用，导出那条也复用 mountResult 传 provide，不再内联 mount。
---
 .../plans/2026-10-10-material-bulk-import.md  | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/docs/superpowers/plans/2026-10-10-material-bulk-import.md b/docs/superpowers/plans/2026-10-10-material-bulk-import.md
index e0b56bcf..97ef8fbf 100644
--- a/docs/superpowers/plans/2026-10-10-material-bulk-import.md
+++ b/docs/superpowers/plans/2026-10-10-material-bulk-import.md
@@ -2143,6 +2143,7 @@ git commit -m "feat: 物料导入前端接口与 CSV 导出工具"
 ```js
 import { mount } from '@vue/test-utils'
 import ElementPlus from 'element-plus'
+import { nextTick } from 'vue'
 import { describe, expect, test, vi } from 'vitest'
 import MaterialImportResult from './MaterialImportResult.vue'
 
@@ -2156,16 +2157,21 @@ const failedResult = {
   ]
 }
 
-function mountResult(result) {
-  return mount(MaterialImportResult, {
+// el-table 分两轮渲染：先注册列，下一轮才把单元格填上。只等一个 tick 的话
+// 拿到的是空 <tr>，断言文本会莫名其妙地失败（实测过一次），所以统一等两轮。
+async function mountResult(result, options = {}) {
+  const wrapper = mount(MaterialImportResult, {
     props: { result },
-    global: { plugins: [ElementPlus], stubs: { teleport: true } }
+    global: { plugins: [ElementPlus], stubs: { teleport: true }, ...options }
   })
+  await nextTick()
+  await nextTick()
+  return wrapper
 }
 
 describe('MaterialImportResult', () => {
-  test('失败时展示行数摘要与每行错误', () => {
-    const wrapper = mountResult(failedResult)
+  test('失败时展示行数摘要与每行错误', async () => {
+    const wrapper = await mountResult(failedResult)
 
     expect(wrapper.text()).toContain('共 3 行')
     expect(wrapper.text()).toContain('2 行未通过')
@@ -2178,14 +2184,7 @@ describe('MaterialImportResult', () => {
 
   test('导出错误明细时把行号与原因写进 CSV', async () => {
     const download = vi.fn()
-    const wrapper = mount(MaterialImportResult, {
-      props: { result: failedResult },
-      global: {
-        plugins: [ElementPlus],
-        stubs: { teleport: true },
-        provide: { downloadCsv: download }
-      }
-    })
+    const wrapper = await mountResult(failedResult, { provide: { downloadCsv: download } })
 
     await wrapper.find('[data-test="export-errors"]').trigger('click')
 
@@ -2197,8 +2196,8 @@ describe('MaterialImportResult', () => {
     wrapper.unmount()
   })
 
-  test('全部成功时只展示成功摘要，不显示错误表格', () => {
-    const wrapper = mountResult({ total_rows: 2, success_rows: 2, failed_rows: 0, errors: [] })
+  test('全部成功时只展示成功摘要，不显示错误表格', async () => {
+    const wrapper = await mountResult({ total_rows: 2, success_rows: 2, failed_rows: 0, errors: [] })
 
     expect(wrapper.text()).toContain('成功导入 2 条')
     expect(wrapper.find('[data-test="error-table"]').exists()).toBe(false)