当前位置：首页 > news >正文

Peeky断言与模拟功能教程：使用Expect和Sinon编写强大测试

news 2026/8/5 20:39:42

Peeky断言与模拟功能教程：使用Expect和Sinon编写强大测试

【免费下载链接】peekyA fast and fun test runner for Vite & Node 🐈️ Powered by Vite ⚡️项目地址: https://gitcode.com/gh_mirrors/pe/peeky

Peeky是一款基于Vite的快速测试运行器，专为Vite和Node项目设计。本教程将详细介绍如何使用Peeky内置的Expect断言库和Sinon模拟工具，帮助你编写可靠且强大的测试用例，提升代码质量和开发效率。

快速了解Peeky测试环境

Peeky作为现代化的测试工具，默认集成了断言库和模拟功能，无需额外安装复杂依赖。通过简单的配置即可开始测试工作，其核心优势在于与Vite的深度集成，提供极速的测试反馈。

图：Peeky测试运行界面展示，直观显示测试结果和执行状态

掌握Expect断言基础

常用断言方法

Peeky的Expect断言库提供了丰富的验证方法，让你可以轻松检查代码行为：

值比较：使用toBe()进行严格相等检查
```
expect(42).toBe(42); // 基础数值比较
```

内容包含：使用toContain()验证字符串或数组内容

expect(wrapper.text()).toContain('4 x 2 = 8'); // 验证文本内容

类型检查：使用toBeDefined()和typeof结合验证类型

expect(typeof app.version).toBe('string'); // 验证版本号类型

高级断言技巧

快照测试：使用toMatchSnapshot()保存和比较UI结构

expect(wrapper.html()).toMatchSnapshot(); // 保存组件HTML快照

数值比较：使用toBeGreaterThan()等方法进行数值范围检查
```
expect(text.length).toBeGreaterThan(0); // 验证内容长度
```

使用Sinon进行测试模拟

函数模拟基础

Sinon提供了强大的函数模拟功能，帮助你隔离测试依赖：

创建模拟函数：使用sinon.fake()创建可追踪的模拟函数

const spy = sinon.fake(); expect(spy.callCount).toBe(0); // 初始调用次数为0

验证调用行为：检查函数调用次数和参数

spy(); expect(spy.callCount).toBe(1); // 验证函数被调用一次

异步模拟与测试

Peeky完美支持异步测试场景，结合Sinon可以轻松测试异步代码：

const asyncSpy = sinon.fake(async () => { return 'done'; }); // 执行异步操作... expect(asyncSpy.callCount).toBe(1); // 验证异步函数调用

实战案例：综合运用断言与模拟

测试文件结构

在Peeky项目中，测试文件通常位于src目录下，以.spec.ts或.spec.js为扩展名。例如：

examples/demo/src/foo.spec.ts
examples/vue3/src/Hello.spec.ts

完整测试示例

以下是一个综合使用Expect和Sinon的测试示例：

// 测试函数功能 expect(foo(42)).toBe(84); // 验证函数返回值 // 创建并使用模拟函数 const spy = sinon.fake(); someFunctionThatCallsSpy(spy); expect(spy.callCount).toBe(1); // 验证函数调用次数 // 验证DOM内容 expect(wrapper.html()).toContain('<button'); // 检查按钮元素存在