Logo
Section 1 / 5

测试入门

了解 Ember 中的测试,包括其重要性、类型、所需的工具、如何运行测试以及如何调试测试。

导入

测试入门

了解 Ember 中的测试,包括其重要性、类型、所需的工具、如何运行测试以及如何调试测试。

概述

在开发 Ember 应用时,测试至关重要。它们帮助我们发现潜在的错误和功能缺陷,从而确保应用的健壮性和可靠性。

...
测试

为什么测试很重要?

测试可以防止意外引入的错误,增强代码质量。同时,测试还能帮助我们覆盖边界情况,提升应用的整体稳定性。

测试所需的工具

以下是一些可用于 Ember 应用测试的工具:

  • QUnit、QUnit DOM:这两个工具是 Ember 项目自带的,开箱即用。我们可以使用 QUnit DOM 编写简洁易读的测试代码。QUnit 是一个用于编写和运行测试的 JavaScript 测试框架。

  • Mocha、Chai DOM:Mocha 是一个基于 Node.js 的异步 JavaScript 测试框架,支持逐个执行测试操作,能够提供精准的测试结果和报告。

  • Ember CLI:这是另一个用于创建和编写测试文件的工具。以下是生成测试文件的三个常用命令:

    1ember g model-test teacher 2ember g component-test teacher 3ember g acceptance-test teachers

    上述命令将生成以下三种测试文件:

    • 第一个命令为 teacher 模型生成单元测试文件。
    • 第二个命令为 teacher 组件生成集成测试文件。
    • 第三个命令为 teachers 路由及其子路由生成验收测试文件。

除了上述工具外,还可以使用以下工具进行 Ember 测试:

  • Ember Test Selectors
  • EmberCLI Mirage
  • Ember Exam
  • Percy

运行测试

可以使用以下任一命令来运行测试:

1ember test
1ember t

需要注意的是,以上方法仅运行一次测试。如果希望在文件更改时自动重新运行测试,可以使用以下任一命令:

1ember test --server
1ember t -s

注意:如果本地运行 Ember 应用,可以通过访问 /tests 来查看测试页面。

测试过滤

可以使用 --module 或 --filter 选项指定要运行的测试。这在仅需测试部分应用逻辑时非常有用。在终端中执行 ember help test 可以查看所有可用的测试选项。

调试测试

有时测试会失败。在这种情况下,我们需要调试测试或定位导致失败的原因。可以借助调试器来完成这一过程。

注意:pauseTest() 和 resumeTest() 函数也可用于调试。它们可用于检查 DOM 状态,也适用于对代码库进行测试。

...
调试测试

测试类型

在 Ember 中,我们可以编写以下几种类型的测试:

  • 单元测试
  • 渲染测试
  • 应用测试
...
测试类型

下面简要介绍每种测试类型。

单元测试

单元测试用于验证代码中独立单元(如函数、方法)的正确性。这类测试易于调试,执行速度极快,即使包含多个测试用例也能高效运行。

渲染测试

渲染测试用于检查组件和辅助函数的外观与行为。通过渲染测试,我们可以验证用户界面的表现是否符合预期,从而保障用户体验。

应用测试

应用测试用于测试用户故事和核心功能。它通过创建 Ember 应用实例来模拟真实用户操作流程。虽然测试速度较慢,但从用户视角来看,这类测试至关重要。

入门 Ember

单元测试