Angular 7：ng 测试挂起，不断重复运行测试

JS

Angular 7中测试挂起与自动化重复运行测试

在Angular 7中，通过使用Angular CLI的ng test命令，我们可以轻松地运行单元测试。然而，有时候我们希望在开发过程中将测试挂起，并在代码更改后自动运行测试，以确保不会破坏现有的功能。本文将介绍如何在Angular 7中实现测试挂起，并自动重复运行测试。

开始测试挂起

首先，我们需要安装一些必要的工具。确保你已经在项目中安装了Angular CLI，并且项目的测试用例已经设置好。接下来，我们将使用jest-preset-angular，这是一个Angular应用的Jest预设，它提供了一些有用的默认配置。

bash
npm install --save-dev jest jest-preset-angular

然后，在项目根目录下创建一个jest.config.JS文件，用于配置Jest。在该文件中，添加以下内容：

Javascript
module.exports = {
  preset: 'jest-preset-angular',
  roots: ['src'],
  testMatch: ['/+(*.)+(spec).ts'],
  setupFilesAfterEnv: ['<rootDir>/src/setup-jest.ts'],
};

现在，我们需要创建setup-jest.ts文件，用于设置Jest测试环境。在src目录下创建此文件，并添加以下内容：

typescript
import 'jest-preset-angular';

配置测试挂起

要实现测试挂起，我们将使用Jest的--watchAll标志。在package.JSon文件中，将以下命令添加到scripts部分：

JSon
"test:watch": "ng test --watchAll"

现在，通过运行以下命令，我们可以启动测试挂起模式：

bash
npm run test:watch

添加自动化重复运行测试

在进行代码更改后，Jest会自动重新运行测试。这使得我们能够快速检测是否引入了新的错误或破坏了现有的功能。在开发过程中，这样的自动化是非常有价值的。

通过在Angular 7项目中配置Jest，并结合--watchAll标志，我们成功实现了测试挂起和自动化重复运行测试。这使得开发人员能够更轻松地保持代码的质量，并及时发现潜在的问题。

希望这篇文章对你在Angular 7项目中进行测试挂起有所帮助。祝Happy Coding！

---