Testcafe开发测试时如何保持浏览器窗口不关闭？

首先，你遇到的--live模式失效问题，主要源于命令行参数传递错误，再结合TestCafe版本的特性差异，咱们一步步来解决：

1. 修正你的命令行参数传递方式（适配v1.8.2版本） #

当用npm run执行TestCafe命令时，必须用--来分隔npm自身命令和要传递给TestCafe的参数——否则npm会把--live这类参数当成自己的指令处理，导致TestCafe根本收不到启动live模式的信号。

你原来的命令写法是错误的：

npm run testcafe chrome demo.testcafe.ts --live

正确的写法应该是：

npm run testcafe -- chrome demo.testcafe.ts --live

如果用test脚本的话，对应写法是：

npm test -- chrome demo.testcafe.ts --live

重点记住--的位置，它是npm用来识别「后续参数要传给目标命令」的关键标记。

2. 新版本TestCafe的替代方案（若后续升级版本） #

TestCafe在v1.10.0之后，把--live模式重命名为--watch模式，功能完全一致：监听测试文件变化，测试结束后保持浏览器打开，文件修改后自动重新执行测试。如果你之后升级到较新版本，就需要改用：

npm run testcafe -- chrome demo.testcafe.ts --watch

3. 单测试断点调试的灵活方法 #

如果只是想在某个测试的特定位置暂停，方便查看页面元素，不需要全程维持live模式，可以在测试代码里添加t.debug()方法：

import { Selector } from 'testcafe';

fixture `Demo Fixture`
    .page `http://example.com`;

test('Demo Test', async t => {
    await t.click(Selector('button'));
    // 在此处暂停测试，浏览器会保持打开状态
    await t.debug();
    // 输入`resume`可继续执行后续代码，输入`quit`可结束测试
    await t.expect(Selector('div').exists).ok();
});

执行后，TestCafe会在t.debug()处暂停，浏览器不会自动关闭，你可以在控制台输入指令控制测试流程。

另外，如果你想快速验证live模式是否正常，也可以先全局安装TestCafe（npm install -g testcafe），然后直接执行：

testcafe chrome demo.testcafe.ts --live

这样能避开npm参数传递的问题，快速确认功能有效性。

内容的提问来源于stack exchange，提问作者Mate Mrše