测试：TestCafe 实用技巧

🚀TestCafe 实用技巧全解析：元素获取、表单赋值与 LocalStorage 设置实战教程

在前端自动化测试中，高效控制页面元素、模拟用户输入以及操作浏览器存储是必备技能。本篇文章将带你深入了解如何使用 TestCafe 完成这些常见操作，助你编写更健壮的 E2E 测试脚本！💪

---

📦 1. 基础准备：导入核心模块

首先，在测试文件中引入 TestCafe 的核心模块：

import { Selector, t, Role, ClientFunction } from 'testcafe';

这些模块分别用于：

• Selector：用于选择页面元素；

• t：用于执行操作和断言；

• Role：用于封装登录逻辑；

• ClientFunction：在浏览器上下文中执行原生 JS。

---

🔍 2. 元素获取方式汇总

✅ 2.1 使用 document.getElementsByName 获取元素

你可以通过 Selector 包装