11、端到端测试与组件重构实战

端到端测试与组件重构实战

端到端测试用例设计

在进行端到端测试时，需要明确测试的内容。可以站在最终用户的角度，在应用中进行操作，找出常见的用户交互和可能遇到的错误情况，将这些转化为测试用例。以下是一些常见页面的测试用例：
| 页面路径 | 测试用例 |
| — | — |
| /register | 1. 应显示注册表单
2. 应允许用户注册
3. 若用户名已存在，应抛出错误
4. 若邮箱地址已存在，应抛出错误 |
| /login | 1. 应显示登录表单
2. 应允许用户登录
3. 若凭证不正确，应抛出错误 |
| /logout | 1. 应注销用户登录 |
| /status | 1. 若用户已登录，应显示用户信息
2. 若用户未登录，不应显示用户信息 |
| / | 1. 若用户未登录，应正确显示页面 |

测试用例实现

以下是各个页面测试用例的具体实现步骤和代码：

注册页面测试（register.test.js）

1. 在“e2e”目录下添加“register.test.js”文件。
2. 导入必要的模块和设置全局变量：

import { Selector } from 'testcafe';
const randomstring = require('randomstring');
const username = randomstring.generate();
const em