st-comp 0.0.276 → 0.0.278

package/.argus/backups/tests/components/20260727_021655.533_Pagination.spec.ts

@@ -0,0 +1,59 @@
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import Pagination from '@package/Pagination/index.vue'
+import { nextTick } from 'vue'
+
+describe('Pagination', () => {
+  it('total=0 时隐藏分页', () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 0, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    const pagination = wrapper.findComponent({ name: 'ElPagination' })
+    expect(pagination.exists()).toBe(true)
+    expect(pagination.isVisible()).toBe(false)
+  })
+
+  it('total>0 时显示分页', () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 100, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    expect(wrapper.findComponent({ name: 'ElPagination' }).isVisible()).toBe(true)
+  })
+
+  it('默认渲染显示总条数文案', () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 55, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    expect(wrapper.text()).toContain('共 55 条')
+  })
+
+  it('切换页码时 emit update:pageData 和 change', async () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 100, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    const pagerItems = wrapper.findAll('.el-pager .number')
+    expect(pagerItems.length).toBeGreaterThan(1)
+    await pagerItems[1].trigger('click')
+    const emitted = wrapper.emitted('update:pageData')
+    expect(emitted?.[0]).toEqual([{ pageNum: 2, pageSize: 10 }])
+    expect(wrapper.emitted('change')?.[0]).toEqual([{ pageNum: 1, pageSize: 10 }])
+  })
+
+  it('点击下一页时 emit 新页码', async () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 100, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    await wrapper.find('.btn-next').trigger('click')
+    expect(wrapper.emitted('update:pageData')?.[0]).toEqual([{ pageNum: 2, pageSize: 10 }])
+  })
+
+  it('切换每页条数时 emit update:pageData', async () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 100, pageData: { pageNum: 1, pageSize: 10 }, pageSizes: [10, 20, 30] },
+    })
+    const select = wrapper.findComponent({ name: 'ElSelect' })
+    expect(select.exists()).toBe(true)
+    select.vm.$emit('update:modelValue', 20)
+    await nextTick()
+    expect(wrapper.emitted('update:pageData')?.[0]).toEqual([{ pageNum: 1, pageSize: 20 }])
+  })
+})

package/.argus/backups/tests/components/20260727_021718.547_Pagination.spec.ts

@@ -0,0 +1,59 @@
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import Pagination from '@package/Pagination/index.vue'
+import { nextTick } from 'vue'
+
+describe('Pagination', () => {
+  it('total=0 时隐藏分页', () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 0, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    const pagination = wrapper.findComponent({ name: 'ElPagination' })
+    expect(pagination.exists()).toBe(true)
+    expect(pagination.isVisible()).toBe(false)
+  })
+
+  it('total>0 时显示分页', () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 100, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    expect(wrapper.findComponent({ name: 'ElPagination' }).isVisible()).toBe(true)
+  })
+
+  it('默认渲染显示总条数文案', () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 55, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    expect(wrapper.text()).toContain('共 55 条')
+  })
+
+  it('切换页码时 emit update:pageData 和 change', async () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 100, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    const pagerItems = wrapper.findAll('.el-pager .number')
+    expect(pagerItems.length).toBeGreaterThan(1)
+    await pagerItems[1].trigger('click')
+    const emitted = wrapper.emitted('update:pageData')
+    expect(emitted?.[0]).toEqual([{ pageNum: 2, pageSize: 10 }])
+    expect(wrapper.emitted('change')?.[0]).toEqual([{ pageNum: 1, pageSize: 10 }])
+  })
+
+  it('点击下一页时 emit 新页码', async () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 100, pageData: { pageNum: 1, pageSize: 10 } },
+    })
+    await wrapper.find('.btn-next').trigger('click')
+    expect(wrapper.emitted('update:pageData')?.[0]).toEqual([{ pageNum: 2, pageSize: 10 }])
+  })
+
+  it('切换每页条数时 emit update:pageData', async () => {
+    const wrapper = mountWithPlugins(Pagination, {
+      props: { total: 100, pageData: { pageNum: 1, pageSize: 10 }, pageSizes: [10, 20, 30] },
+    })
+    const select = wrapper.findComponent({ name: 'ElSelect' })
+    expect(select.exists()).toBe(true)
+    ;(select.vm as any).exposed?.onOptionSelect?.({ value: 20 })
+    await nextTick()
+    expect(wrapper.emitted('update:pageData')?.[0]).toEqual([{ pageNum: 1, pageSize: 20 }])
+  })
+})

package/.argus/backups/tests/components/20260727_021858.422_Table.spec.ts

@@ -0,0 +1,71 @@
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import Table from '@package/Table/index.vue'
+import { nextTick } from 'vue'
+
+const columns = [
+  { prop: 'name', label: '名称' },
+  { prop: 'price', label: '价格', sortable: true },
+  { prop: 'hidden', label: '隐藏列', show: false },
+]
+
+const data = [
+  { name: '苹果', price: 3.5 },
+  { name: '香蕉', price: 2.0 },
+]
+
+describe('Table', () => {
+  it('默认渲染列头与行数据', () => {
+    const wrapper = mountWithPlugins(Table, {
+      props: { data, column: columns },
+    })
+    const text = wrapper.text()
+    expect(text).toContain('名称')
+    expect(text).toContain('价格')
+    expect(text).toContain('苹果')
+    expect(text).toContain('香蕉')
+    // show: false 的列不渲染
+    expect(text).not.toContain('隐藏列')
+  })
+
+  it('渲染行数与 data 一致', () => {
+    const wrapper = mountWithPlugins(Table, {
+      props: { data, column: columns },
+    })
+    const rows = wrapper.findAll('.el-table__body tbody tr')
+    expect(rows.length).toBe(2)
+  })
+
+  it('空数据显示 emptyText', () => {
+    const wrapper = mountWithPlugins(Table, {
+      props: { data: [], column: columns, emptyText: '没有数据' },
+    })
+    expect(wrapper.text()).toContain('没有数据')
+  })
+
+  it('空数据默认显示暂无数据', () => {
+    const wrapper = mountWithPlugins(Table, {
+      props: { data: [], column: columns },
+    })
+    expect(wrapper.text()).toContain('暂无数据')
+  })
+
+  it('排序点击触发 sortChange emit', async () => {
+    const wrapper = mountWithPlugins(Table, {
+      props: { data, column: columns },
+    })
+    const headerCells = wrapper.findAll('.el-table__header-wrapper th')
+    // 第二列（价格）可排序
+    const sortableHeader = headerCells[1]
+    await sortableHeader.trigger('click')
+    const emitted = wrapper.emitted('sortChange')
+    expect(emitted).toBeTruthy()
+    expect(emitted?.[0][0]).toMatchObject({ prop: 'price', order: 'ascending' })
+  })
+
+  it('column 为空数组时不渲染列', () => {
+    const wrapper = mountWithPlugins(Table, {
+      props: { data, column: [] },
+    })
+    expect(wrapper.findAll('.el-table__header-wrapper th').length).toBe(0)
+  })
+})

package/.argus/backups/tests/components/20260727_022144.098_VirtualTable.spec.ts

@@ -0,0 +1,90 @@
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import VirtualTable from '@package/VirtualTable/index.vue'
+import { nextTick } from 'vue'
+
+const tableColumn = [
+  { key: 'id', dataKey: 'id', title: 'ID', width: 80 },
+  { key: 'name', dataKey: 'name', title: '名称', width: 120 },
+]
+
+function makeData(n: number) {
+  return Array.from({ length: n }, (_, i) => ({ id: i + 1, name: `row-${i + 1}` }))
+}
+
+async function flush() {
+  await nextTick()
+  await new Promise((r) => setTimeout(r, 50))
+}
+
+describe('VirtualTable', () => {
+  it('默认渲染 el-table-v2', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(5), tableColumn },
+    })
+    await flush()
+    expect(wrapper.findComponent({ name: 'ElTableV2' }).exists()).toBe(true)
+  })
+
+  it('空数据渲染空状态插槽', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: [], tableColumn },
+    })
+    await flush()
+    expect(wrapper.findComponent({ name: 'ElEmpty').exists()).toBe(true)
+  })
+
+  it('点击行选中：tableActiveData 更新为对应窗口数据', async () => {
+    const tableData = makeData(20)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+    })
+    await flush()
+    // 通过组件实例直接调用行点击处理（jsdom 下 v2 表格行渲染依赖尺寸，直接触发逻辑更稳定）
+    const vm = wrapper.vm as any
+    // 找到 ElTableV2 的行点击 handler 并模拟点击第 7 行（index 6）
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = (tableV2.props('rowEventHandlers') as any)
+    handlers.onClick({ rowData: tableData[6], rowIndex: 6 })
+    await nextTick()
+    const model = wrapper.props('tableActiveData') as any[] | undefined
+    const emitted = wrapper.emitted('update:tableActiveData')
+    const selected: any[] = (model && model.length ? model : emitted?.at(-1)?.[0]) as any[]
+    // 窗口：floor(6/5)*5=5 到 10，即 slice(5,10)
+    expect(selected.map((i: any) => i.id)).toEqual([6, 7, 8, 9, 10])
+  })
+
+  it('重复点击已选中行不更新选中数据', async () => {
+    const tableData = makeData(20)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = (tableV2.props('rowEventHandlers') as any)
+    handlers.onClick({ rowData: tableData[0], rowIndex: 0 })
+    await nextTick()
+    const firstEmitCount = wrapper.emitted('update:tableActiveData')?.length ?? 0
+    handlers.onClick({ rowData: tableData[1], rowIndex: 1 })
+    await nextTick()
+    expect(wrapper.emitted('update:tableActiveData')?.length ?? 0).toBe(firstEmitCount)
+  })
+
+  it('config 默认值合并：headerHeight/rowHeight 透传给表格', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(3), tableColumn },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    expect(tableV2.props('headerHeight')).toBe(50)
+    expect(tableV2.props('rowHeight')).toBe(50)
+  })
+
+  it('自定义 config 覆盖默认行高', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(3), tableColumn, config: { rowHeight: 32 } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    expect(tableV2.props('rowHeight')).toBe(32)
+  })
+})

package/.argus/backups/tests/components/20260727_022154.585_VirtualTable.spec.ts

@@ -0,0 +1,88 @@
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import VirtualTable from '@package/VirtualTable/index.vue'
+import { nextTick } from 'vue'
+
+const tableColumn = [
+  { key: 'id', dataKey: 'id', title: 'ID', width: 80 },
+  { key: 'name', dataKey: 'name', title: '名称', width: 120 },
+]
+
+function makeData(n: number) {
+  return Array.from({ length: n }, (_, i) => ({ id: i + 1, name: `row-${i + 1}` }))
+}
+
+async function flush() {
+  await nextTick()
+  await new Promise((r) => setTimeout(r, 50))
+}
+
+describe('VirtualTable', () => {
+  it('默认渲染 el-table-v2', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(5), tableColumn },
+    })
+    await flush()
+    expect(wrapper.findComponent({ name: 'ElTableV2' }).exists()).toBe(true)
+  })
+
+  it('空数据渲染空状态插槽', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: [], tableColumn },
+    })
+    await flush()
+    expect(wrapper.findComponent({ name: 'ElEmpty').exists()).toBe(true)
+  })
+
+  it('点击行选中：tableActiveData 更新为对应窗口数据', async () => {
+    const tableData = makeData(20)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+    })
+    await flush()
+    // 通过组件实例直接调用行点击处理（jsdom 下 v2 表格行渲染依赖尺寸，直接触发逻辑更稳定）
+    const vm = wrapper.vm as any
+    // 找到 ElTableV2 的行点击 handler 并模拟点击第 7 行（index 6）
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = (tableV2.props('rowEventHandlers') as any)
+    handlers.onClick({ rowData: tableData[6], rowIndex: 6 })
+    await nextTick()
+    const model = wrapper.props('tableActiveData') as any[] | undefined
+    // 窗口：floor(6/5)*5=5 到 10，即 slice(5,10)
+    expect(selected.map((i: any) => i.id)).toEqual([6, 7, 8, 9, 10])
+  })
+
+  it('重复点击已选中行不更新选中数据', async () => {
+    const tableData = makeData(20)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = (tableV2.props('rowEventHandlers') as any)
+    handlers.onClick({ rowData: tableData[0], rowIndex: 0 })
+    await nextTick()
+    const firstEmitCount = wrapper.emitted('update:tableActiveData')?.length ?? 0
+    handlers.onClick({ rowData: tableData[1], rowIndex: 1 })
+    await nextTick()
+    expect(wrapper.emitted('update:tableActiveData')?.length ?? 0).toBe(firstEmitCount)
+  })
+
+  it('config 默认值合并：headerHeight/rowHeight 透传给表格', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(3), tableColumn },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    expect(tableV2.props('headerHeight')).toBe(50)
+    expect(tableV2.props('rowHeight')).toBe(50)
+  })
+
+  it('自定义 config 覆盖默认行高', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(3), tableColumn, config: { rowHeight: 32 } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    expect(tableV2.props('rowHeight')).toBe(32)
+  })
+})

package/.argus/backups/tests/components/20260727_022225.501_VirtualTable.spec.ts

@@ -0,0 +1,89 @@
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import VirtualTable from '@package/VirtualTable/index.vue'
+import { nextTick } from 'vue'
+
+const tableColumn = [
+  { key: 'id', dataKey: 'id', title: 'ID', width: 80 },
+  { key: 'name', dataKey: 'name', title: '名称', width: 120 },
+]
+
+function makeData(n: number) {
+  return Array.from({ length: n }, (_, i) => ({ id: i + 1, name: `row-${i + 1}` }))
+}
+
+async function flush() {
+  await nextTick()
+  await new Promise((r) => setTimeout(r, 50))
+}
+
+describe('VirtualTable', () => {
+  it('默认渲染 el-table-v2', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(5), tableColumn },
+    })
+    await flush()
+    expect(wrapper.findComponent({ name: 'ElTableV2' }).exists()).toBe(true)
+  })
+
+  it('空数据渲染空状态插槽', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: [], tableColumn },
+    })
+    await flush()
+    expect(wrapper.findComponent({ name: 'ElEmpty').exists()).toBe(true)
+  })
+
+  it('点击行选中：tableActiveData 更新为对应窗口数据', async () => {
+    const tableData = makeData(20)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+    })
+    await flush()
+    // 通过组件实例直接调用行点击处理（jsdom 下 v2 表格行渲染依赖尺寸，直接触发逻辑更稳定）
+    const vm = wrapper.vm as any
+    // 找到 ElTableV2 的行点击 handler 并模拟点击第 7 行（index 6）
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = (tableV2.props('rowEventHandlers') as any)
+    handlers.onClick({ rowData: tableData[6], rowIndex: 6 })
+    await nextTick()
+    const emitted = wrapper.emitted('update:tableActiveData')
+    const selected = (emitted?.at(-1)?.[0] ?? []) as any[]
+    // 窗口：floor(6/5)*5=5 到 10，即 slice(5,10)
+    expect(selected.map((i: any) => i.id)).toEqual([6, 7, 8, 9, 10])
+  })
+
+  it('重复点击已选中行不更新选中数据', async () => {
+    const tableData = makeData(20)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = (tableV2.props('rowEventHandlers') as any)
+    handlers.onClick({ rowData: tableData[0], rowIndex: 0 })
+    await nextTick()
+    const firstEmitCount = wrapper.emitted('update:tableActiveData')?.length ?? 0
+    handlers.onClick({ rowData: tableData[1], rowIndex: 1 })
+    await nextTick()
+    expect(wrapper.emitted('update:tableActiveData')?.length ?? 0).toBe(firstEmitCount)
+  })
+
+  it('config 默认值合并：headerHeight/rowHeight 透传给表格', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(3), tableColumn },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    expect(tableV2.props('headerHeight')).toBe(50)
+    expect(tableV2.props('rowHeight')).toBe(50)
+  })
+
+  it('自定义 config 覆盖默认行高', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(3), tableColumn, config: { rowHeight: 32 } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    expect(tableV2.props('rowHeight')).toBe(32)
+  })
+})

package/.argus/backups/tests/components/20260727_022502.366_PasswordPrompt.spec.ts

@@ -0,0 +1,72 @@
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import PasswordPrompt from '@package/PasswordPrompt/index.vue'
+
+describe('PasswordPrompt', () => {
+  it('isFocus=true 时渲染 4 条校验规则', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: true, value: '' },
+    })
+    const items = wrapper.findAll('.rule-item')
+    expect(items.length).toBe(4)
+    expect(wrapper.text()).toContain('长度为8-18个字符')
+    expect(wrapper.text()).toContain('不能包含空格')
+  })
+
+  it('isFocus=false 时不渲染规则框', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: false, value: '' },
+    })
+    expect(wrapper.find('.rule-box').exists()).toBe(false)
+  })
+
+  it('符合规则的项显示通过图标', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: true, value: 'Abcdefg1!' },
+    })
+    const icons = wrapper.findAll('.rule-item .el-icon')
+    // 全部 4 条规则都通过 → 4 个 icon 均可见
+    expect(icons.length).toBe(4)
+    icons.forEach((icon) => expect(icon.isVisible()).toBe(true))
+  })
+
+  it('不聚焦且校验全部通过时显示强度等级', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: false, value: 'Abcdefg123!@' },
+    })
+    const levelBox = wrapper.find('.level-box')
+    expect(levelBox.exists()).toBe(true)
+    expect(wrapper.text()).toContain('密码强度: 强')
+  })
+
+  it('校验未全部通过时不显示强度等级', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: false, value: 'abc' },
+    })
+    expect(wrapper.find('.level-box').exists()).toBe(false)
+  })
+
+  it('强度等级映射：弱密码显示弱', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      // 'abcd1234' 通过基础校验（8位、字母+数字、无连续重复）
+      props: { isFocus: false, value: 'abcd1234' },
+    })
+    const vm = wrapper.vm as any
+    expect(vm.levelValue).toBeDefined()
+    expect(wrapper.text()).toContain('密码强度:')
+  })
+
+  it('textColor 应用到容器样式', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: true, value: '', textColor: 'red' },
+    })
+    expect(wrapper.find('.password-prompt').attributes('style')).toContain('color: red')
+  })
+
+  it('边界：空密码时 level-box 不显示且 levelValue 为 0', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: false, value: '' },
+    })
+    expect(wrapper.find('.level-box').exists()).toBe(false)
+    expect((wrapper.vm as any).levelValue).toBe(0)
+  })
+})

package/.argus/backups/tests/components/20260727_022512.945_PasswordPrompt.spec.ts

@@ -0,0 +1,72 @@
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import PasswordPrompt from '@package/PasswordPrompt/index.vue'
+
+describe('PasswordPrompt', () => {
+  it('isFocus=true 时渲染 4 条校验规则', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: true, value: '' },
+    })
+    const items = wrapper.findAll('.rule-item')
+    expect(items.length).toBe(4)
+    expect(wrapper.text()).toContain('长度为8-18个字符')
+    expect(wrapper.text()).toContain('不能包含空格')
+  })
+
+  it('isFocus=false 时不渲染规则框', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: false, value: '' },
+    })
+    expect(wrapper.find('.rule-box').exists()).toBe(false)
+  })
+
+  it('符合规则的项显示通过图标', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: true, value: 'Abxd3fg1!' },
+    })
+    const icons = wrapper.findAll('.rule-item .el-icon')
+    // 全部 4 条规则都通过 → 4 个 icon 均可见
+    expect(icons.length).toBe(4)
+    icons.forEach((icon) => expect(icon.isVisible()).toBe(true))
+  })
+
+  it('不聚焦且校验全部通过时显示强度等级', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: false, value: 'Abcdefg123!@' },
+    })
+    const levelBox = wrapper.find('.level-box')
+    expect(levelBox.exists()).toBe(true)
+    expect(wrapper.text()).toContain('密码强度: 强')
+  })
+
+  it('校验未全部通过时不显示强度等级', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: false, value: 'abc' },
+    })
+    expect(wrapper.find('.level-box').exists()).toBe(false)
+  })
+
+  it('强度等级映射：弱密码显示弱', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      // 'abcd1234' 通过基础校验（8位、字母+数字、无连续重复）
+      props: { isFocus: false, value: 'abcd1234' },
+    })
+    const vm = wrapper.vm as any
+    expect(vm.levelValue).toBeDefined()
+    expect(wrapper.text()).toContain('密码强度:')
+  })
+
+  it('textColor 应用到容器样式', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: true, value: '', textColor: 'red' },
+    })
+    expect(wrapper.find('.password-prompt').attributes('style')).toContain('color: red')
+  })
+
+  it('边界：空密码时 level-box 不显示且 levelValue 为 0', () => {
+    const wrapper = mountWithPlugins(PasswordPrompt, {
+      props: { isFocus: false, value: '' },
+    })
+    expect(wrapper.find('.level-box').exists()).toBe(false)
+    expect((wrapper.vm as any).levelValue).toBe(0)
+  })
+})