---
title: 测试文档
order: 4
category: atom
---

# PisellExport 测试文档

## 测试策略

PisellExport 为导出触发器 UI 组件，阶段一仅做 UI 与回调。测试覆盖：

1. **基础渲染**：默认及不同 variant/size/type 下的 DOM 与类名
2. **Props 透传**：label、disabled、className、style 等是否生效
3. **交互**：点击触发 onExport、disabled 时不触发
4. **边界**：无 onExport 时点击不报错

## 测试用例

### 1. 基础渲染

| 用例编号 | 描述 | 预期 |
| -------- | ---- | ---- |
| R.1 | 默认渲染（variant=button） | 根节点为 button，包含图标与默认文案（getText 或「导出」） |
| R.2 | variant=icon | 仅渲染图标，无文案节点 |
| R.3 | size=small/medium/large | 根节点分别带类名 pisell-export--small/medium/large |
| R.4 | type=default/primary | 根节点分别带类名 pisell-export--default/primary |
| R.5 | disabled=true | 根节点带 pisell-export--disabled，button 的 disabled 为 true |

### 2. Props

| 用例编号 | 描述 | 预期 |
| -------- | ---- | ---- |
| P.1 | 传入 label | 文案区域显示传入的 label |
| P.2 | 传入 icon | 使用传入的 icon 节点，不显示默认图标 |
| P.3 | 传入 className | 根节点 class 包含该 className |
| P.4 | 传入 style | 根节点应用对应内联样式 |

### 3. 交互

| 用例编号 | 描述 | 预期 |
| -------- | ---- | ---- |
| I.1 | 点击且未 disabled | 调用 onExport 一次，并传入事件对象 |
| I.2 | disabled 时点击 | 不调用 onExport |
| I.3 | 未传入 onExport 时点击 | 不报错，不抛错 |

### 4. 人工测试点（Storybook）

- 各尺寸、各类型在 Chrome 下视觉与设计稿一致（边框、圆角、阴影、主色）
- hover / focus / active 状态样式正常
- 禁用态灰化、不可点击

---

## bug 汇总

（人工测试阶段将发现的 bug 记录于此）

| 日期 | 描述 | 状态 |
| ---- | ---- | ---- |
|      |      |      |
