在编写 Angular 应用程序的单元测试时，不仅需要针对组件进行测试，还需要测试与其他部分的集成。为了实现这一点，我们可能需要在 Karma 测试文件中引入一些依赖项。
引入依赖项
在 Karma 测试文件中引入依赖项的方法与在 Angular 应用程序中使用它们的方法类似。我们可以使用 import 语句来导入我们需要的模块和服务。例如，如果我们想要在测试文件中使用 Angular 的 HttpClient，则可以像下面这样导入它：
------ - ---------- - ---- -----------------------
除了 Angular 自带的模块和服务之外，我们还可以引入第三方库和自己编写的代码。例如，如果我们使用了 Lodash 库，则可以像下面这样引入它：
------ - -- - ---- ---------
配置 Karma
在引入依赖项之后，我们需要修改 Karma 的配置文件，以便在运行测试时能够正确地加载它们。具体来说，我们需要添加一个 files 属性，将需要的文件路径作为字符串数组传递给它。这个属性是在 karma.conf.js 文件中设置的。例如，如果我们需要使用 Lodash 库，则可以将它的路径添加到 files 属性中，如下所示：
-------------- - ---------------- -
------------
-- ---
------ -
-- --- ------
-------------------------------
--
-- ---
---
--注意，这个路径应该是相对于 Karma 配置文件的。如果你使用了 Webpack 或者其他构建工具来打包你的代码，你可以将它们的输出文件添加到 files 数组中。
示例
下面是一个完整的示例，展示了如何在 Karma 测试文件中引入 Angular 的 HttpClient 和 Lodash 库：
------ - ------- - ---- ------------------------
------ - ---------- - ---- -----------------------
------ - -- - ---- ---------
----------------------- -- -- -
--- ----------- -----------
--- ---------- ------------
---------------- -- -- -
----- --------------------------------
------------- - ----------- --
---------- - ---------- -
-----------------------
---------- - ---------------------------
--------- - --- ------------------------
---
---------- -------- -- -- -
-------------------------------
---
---------- ----- ---- ----- ------------ -- -- -
----- -------- - - ---- ----- --
----------------- -------------------------------------
----------------------
-----------------------------------------
---
---------- --- ------ --------- -- -- -
----- ----- - --- -- ---
--------------------------------
---
---在这个示例中，我们创建了一个 Angular 组件 MyComponent，并在其中使用了 HttpClient 和 Lodash 库。在测试文件中，我们使用 TestBed 来为组件创建一个测试模块，并使用 TestBed.inject 方法来获取 HttpClient 的实例。然后，我们编写了一些测试用例，以确保组件正常工作并能够正确地使用依赖项。
总结
在 Karma 测试文件中引入依赖项是编写 Angular 应用程序单元测试的重要部分。通过使用 import 语句和 Karma 的配置文件，我们可以方便地使用第三方库和自己编写的代码来进行测试。这不仅可以帮助我们更全面地测试应用程序，还可以提高测试的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/25497