TestCafe Studio 无法自动录制原生 <input type="date"> 的日历弹窗操作，因其不触发可捕获的 DOM 事件；推荐通过 typeText() 直接输入标准 ISO 格式日期值（如 '2025-04-15'）完成赋值，兼顾可靠性与跨浏览器兼容性。
testcafe studio 无法自动录制原生 `` 的日历弹窗操作，因其不触发可捕获的 dom 事件；推荐通过 `typetext()` 直接输入标准 iso 格式日期值（如 `'2025-04-15'`）完成赋值，兼顾可靠性与跨浏览器兼容性。
在使用 TestCafe Studio 进行自动化测试录制时，遇到 <input type="date"> 元素（如 <input type="date" name="divisionName" required="">）无法正常录制日期选择行为，属于典型限制——原生 HTML5 日期控件的弹出日历由浏览器原生渲染，不暴露可被 TestCafe 驱动的 DOM 交互接口，因此 Studio 无法捕获点击、选中等操作。
✅ 正确解决方案：绕过 UI 弹窗，直接向输入框写入符合规范的日期字符串。
TestCafe 提供了稳定可靠的 t.typeText() 方法，支持向 <input type="date"> 元素输入 ISO 8601 格式日期（YYYY-MM-DD），浏览器会自动校验并生效：
import { Selector } from 'testcafe';
fixture `Date Input Test`
.page `https://your-app.com/form`;
test('Set date using typeText', async t => {
const dateInput = Selector('input[name="divisionName"]');
// ✅ 推荐方式：直接输入标准日期格式
await t
.typeText(dateInput, '2025-04-15') // 注意：必须为 'YYYY-MM-DD' 格式
.pressKey('enter'); // 可选：触发 blur 或提交验证（视业务逻辑而定）
});⚠️ 注意事项：
- 输入值必须严格遵循 YYYY-MM-DD 格式（如 '2023-09-01'），否则浏览器将拒绝解析，字段保持为空；
- 不要使用 t.click() 尝试打开原生日历——该操作在无头模式或部分浏览器中无效，且 Studio 无法录制；
- 若页面使用自定义日历组件（如 Ant Design DatePicker、Flatpickr 等），则可正常录制点击/选择动作，因其基于 DOM 实现；
- 在 TestCafe Studio 中，录制失败后可手动编辑脚本，插入上述 typeText() 步骤，无需依赖录制功能。
? 总结：面对原生 <input type="date">，应主动放弃“模拟点击日历”的思路，转而采用语义清晰、跨平台稳定的文本输入法——这不仅是兼容性最优解，也是 TestCafe 官方推荐实践。
