Angular 7中测试挂起与自动化重复运行测试
在Angular 7中，通过使用Angular CLI的`ng test`命令，我们可以轻松地运行单元测试。然而，有时候我们希望在开发过程中将测试挂起，并在代码更改后自动运行测试，以确保不会破坏现有的功能。本文将介绍如何在Angular 7中实现测试挂起，并自动重复运行测试。### 开始测试挂起首先，我们需要安装一些必要的工具。确保你已经在项目中安装了Angular CLI，并且项目的测试用例已经设置好。接下来，我们将使用`jest-preset-angular`，这是一个Angular应用的Jest预设，它提供了一些有用的默认配置。bashnpm install --save-dev jest jest-preset-angular然后，在项目根目录下创建一个`jest.config.js`文件，用于配置Jest。在该文件中，添加以下内容：
javascriptmodule.exports = { preset: 'jest-preset-angular', roots: ['src'], testMatch: ['/+(*.)+(spec).ts'], setupFilesAfterEnv: ['/src/setup-jest.ts'],}; 现在，我们需要创建`setup-jest.ts`文件，用于设置Jest测试环境。在`src`目录下创建此文件，并添加以下内容：typescriptimport 'jest-preset-angular';### 配置测试挂起要实现测试挂起，我们将使用Jest的`--watchAll`标志。在`package.json`文件中，将以下命令添加到`scripts`部分：
json"test:watch": "ng test --watchAll"现在，通过运行以下命令，我们可以启动测试挂起模式：
bashnpm run test:watch### 添加自动化重复运行测试在进行代码更改后，Jest会自动重新运行测试。这使得我们能够快速检测是否引入了新的错误或破坏了现有的功能。在开发过程中，这样的自动化是非常有价值的。### 通过在Angular 7项目中配置Jest，并结合`--watchAll`标志，我们成功实现了测试挂起和自动化重复运行测试。这使得开发人员能够更轻松地保持代码的质量，并及时发现潜在的问题。希望这篇文章对你在Angular 7项目中进行测试挂起有所帮助。祝Happy Coding！---