注意：ember-cli-qunit 插件已被弃用-易源易彩

摘要

随着前端技术的不断演进，Ember.js 社区也在持续优化其工具链。近日，社区宣布了对 ember-cli-qunit 插件的弃用，并推荐开发者们采用 ember-qunit 作为新的测试框架。这一变动旨在简化开发流程并提升测试效率。

关键词

ember-cli-qunit, ember-qunit, 插件弃用, 测试框架, 更新推荐

一、ember-cli-qunit 插件的过去

1.1 ember-cli-qunit 插件的历史

ember-cli-qunit 插件自发布以来一直是 Ember.js 应用程序测试的重要组成部分。它最初被设计为 Ember CLI 的一部分，用于集成 QUnit 测试框架，以方便开发者编写单元测试和集成测试。随着时间的推移，ember-cli-qunit 成为了许多 Ember 开发者首选的测试解决方案，因为它提供了与 Ember CLI 紧密集成的便捷方式，使得测试过程更加流畅和高效。

然而，随着 Ember.js 和相关技术的发展，社区开始意识到一些局限性和潜在的问题。例如，随着 Ember.js 本身的发展，一些新的功能和最佳实践逐渐出现，而 ember-cli-qunit 在某些方面可能无法完全跟上这些变化的步伐。此外，随着测试需求的增长和技术的进步，开发者们开始寻求更灵活、更强大的测试工具来满足日益复杂的应用场景。

1.2 ember-cli-qunit 的缺陷

尽管 ember-cli-qunit 在早期为 Ember.js 社区带来了巨大的价值，但随着时间的推移，一些问题逐渐显现出来。首先，由于它是作为一个独立的插件存在，这导致了一些维护上的挑战。随着 Ember.js 核心库的更新迭代，ember-cli-qunit 需要不断地进行调整以保持兼容性，这增加了维护成本。

其次，ember-cli-qunit 在某些高级特性的支持上显得有些力不从心。例如，在处理异步操作或更复杂的测试场景时，开发者可能会遇到一些限制。这些问题促使社区开始寻找更好的替代方案，以满足不断增长的需求。

最后，为了更好地整合测试框架与 Ember.js 的核心功能，社区决定推荐使用 ember-qunit。ember-qunit 是一个更为现代化的测试框架，它直接集成到 Ember.js 中，能够更好地利用 Ember.js 的最新特性，并且在设计上更加灵活和强大。这一转变不仅简化了开发者的测试流程，还提高了测试的效率和质量。

二、ember-qunit 的崛起

2.1 ember-qunit 的优势

ember-qunit 作为 Ember.js 社区推荐的新一代测试框架，相较于 ember-cli-qunit 显示出了多方面的优势：

紧密集成：ember-qunit 直接内置于 Ember.js 中，这意味着它能够无缝地与 Ember.js 的核心功能相结合。这种紧密集成不仅简化了安装和配置的过程，还确保了测试框架能够充分利用 Ember.js 的最新特性和最佳实践。
灵活性与扩展性：ember-qunit 在设计上更加灵活，能够更好地适应不同的测试需求。它支持多种测试类型，包括单元测试、集成测试以及功能测试等，这使得开发者可以根据具体的应用场景选择最适合的测试策略。此外，ember-qunit 还提供了丰富的 API 和钩子，便于开发者根据需要定制测试行为。
异步支持：对于现代 Web 应用来说，异步操作是不可避免的一部分。ember-qunit 在这方面表现得尤为出色，它内置了对 Promise 和其他异步模式的支持，使得测试异步代码变得更加简单直观。这对于确保应用在各种异步场景下的稳定性和可靠性至关重要。
社区支持与文档：随着 ember-cli-qunit 的弃用，ember-qunit 成为了社区的主流选择。这意味着开发者可以享受到更广泛的社区支持，包括活跃的讨论、详细的文档以及丰富的教程资源。这对于新用户来说尤其重要，因为他们可以更快地上手并充分利用 ember-qunit 的全部潜力。

2.2 ember-qunit 的使用场景

ember-qunit 的灵活性和强大功能使其适用于多种测试场景：

单元测试：对于组件、服务、模型等单个模块的功能验证，ember-qunit 提供了一套完整的工具集。开发者可以通过编写单元测试来确保每个模块按预期工作，这是构建高质量应用的基础。
集成测试：当需要测试不同模块之间的交互时，集成测试就显得尤为重要。ember-qunit 支持创建模拟环境，允许开发者在隔离条件下测试模块间的协作，确保整个系统的连贯性和稳定性。
功能测试：对于涉及用户界面交互的测试，ember-qunit 也提供了相应的支持。通过模拟用户的实际操作，如点击按钮、填写表单等，可以确保应用在真实使用场景下的表现符合预期。

总之，ember-qunit 不仅简化了测试流程，还提高了测试的质量和效率。无论是对于初学者还是经验丰富的开发者而言，它都是一个值得信赖的选择。随着社区对 ember-qunit 的持续投入和支持，我们可以期待它在未来发挥更大的作用。

三、弃用 ember-cli-qunit 的必要性

3.1 为什么弃用 ember-cli-qunit

3.1.1 维护成本增加

随着 Ember.js 的不断发展，ember-cli-qunit 插件面临着越来越高的维护成本。由于它作为一个独立插件存在，每当 Ember.js 发布新版本时，都需要对 ember-cli-qunit 进行相应的更新以保持兼容性。这种频繁的维护工作不仅消耗了大量的时间和精力，而且在一定程度上影响了开发者的使用体验。

3.1.2 功能局限性

ember-cli-qunit 在处理一些高级测试需求时显得力不从心。例如，在测试涉及异步操作的场景时，开发者可能会遇到一些限制。此外，随着 Ember.js 新功能的不断推出，ember-cli-qunit 在某些方面可能无法完全跟上这些变化的步伐，导致在测试某些特定功能时出现不便。

3.1.3 社区趋势

为了更好地整合测试框架与 Ember.js 的核心功能，社区决定推荐使用 ember-qunit。ember-qunit 是一个更为现代化的测试框架，它直接集成到 Ember.js 中，能够更好地利用 Ember.js 的最新特性，并且在设计上更加灵活和强大。这一转变不仅简化了开发者的测试流程，还提高了测试的效率和质量。

3.2 如何迁移到 ember-qunit

3.2.1 卸载旧插件

迁移的第一步是卸载原有的 ember-cli-qunit 插件。这可以通过运行以下命令来实现：

ember uninstall ember-cli-qunit

3.2.2 安装新框架

接下来，安装 ember-qunit。这可以通过执行以下命令来完成：

ember install ember-qunit

安装完成后，ember-qunit 将会自动集成到项目中，无需额外的配置步骤。

3.2.3 调整测试代码

由于 ember-qunit 在某些方面与 ember-cli-qunit 存在差异，因此可能需要对现有的测试代码进行一定的调整。主要的变化包括但不限于：

API 更改：ember-qunit 可能使用了不同的 API 来定义测试和断言，因此需要检查文档以确保正确地使用新框架的 API。
异步支持：ember-qunit 对异步操作提供了更好的支持，如果之前使用了特定于 ember-cli-qunit 的异步测试方法，则需要相应地进行调整。
辅助函数：ember-qunit 提供了一系列辅助函数来帮助编写测试，例如模拟服务和路由等，开发者应熟悉这些新工具并考虑在测试中使用它们。

3.2.4 运行测试

完成上述步骤后，可以运行测试以确保一切正常。如果遇到任何问题，可以查阅官方文档或社区论坛以获得帮助。

通过以上步骤，开发者可以顺利地从 ember-cli-qunit 迁移到 ember-qunit，并享受到后者带来的诸多优势。随着社区对 ember-qunit 的持续投入和支持，我们可以期待它在未来发挥更大的作用。

四、快速上手 ember-qunit

4.1 ember-qunit 的安装和配置

4.1.1 快速安装

为了开始使用 ember-qunit，开发者首先需要将其添加到项目中。安装过程非常简单，只需一条命令即可完成：

ember install ember-qunit

这条命令将会自动下载 ember-qunit 并将其添加到项目的依赖列表中。同时，它还会自动配置必要的设置，以便 ember-qunit 能够与项目无缝集成。

4.1.2 配置选项

虽然 ember-qunit 默认情况下已经能够很好地工作，但在某些情况下，开发者可能需要对其进行一些定制化的配置。例如，可以指定特定的测试文件夹路径或者启用某些高级特性。这些配置通常通过修改项目的 ember-cli-build.js 文件来实现。

// ember-cli-build.js
module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    'ember-qunit': {
      // 自定义配置选项
      testDirectory: 'tests/unit', // 指定单元测试文件夹路径
      enableAsyncSupport: true,   // 启用异步支持
    }
  });

  return app.toTree();
};

通过这种方式，开发者可以根据项目的具体需求来调整 ember-qunit 的行为，以达到最佳的测试效果。

4.1.3 集成到 CI/CD 流程

为了确保每次提交代码前都能进行充分的测试，将 ember-qunit 集成到持续集成（CI）和持续部署（CD）流程中是非常重要的一步。大多数 CI/CD 工具都支持运行 Ember.js 项目的测试任务。例如，在 .travis.yml 文件中可以添加如下配置：

language: node_js
node_js:
  - "14"
cache:
  directories:
    - node_modules
install:
  - npm install
script:
  - ember test --server

这段配置告诉 Travis CI 使用 Node.js 14 版本，并在构建过程中运行 ember test --server 命令来执行所有测试。这样，每次有新的代码提交时，CI 系统都会自动运行测试，确保代码质量。

4.2 ember-qunit 的基本使用

4.2.1 创建测试文件

ember-qunit 支持多种类型的测试，包括单元测试、集成测试和功能测试。每种类型的测试都有其特定的目的和应用场景。例如，单元测试主要用于验证单个模块的功能是否正确；集成测试则关注不同模块之间的交互是否顺畅；而功能测试则侧重于模拟用户的真实操作。

为了创建测试文件，可以在项目的 tests 目录下新建相应的文件夹。例如，对于单元测试，可以在 tests/unit 文件夹下创建文件。测试文件通常以 _test.js 结尾，例如 my-component_test.js。

4.2.2 编写测试用例

在 ember-qunit 中，测试用例通常包含一组测试模块和断言。测试模块用于组织相关的测试用例，而断言则用来验证预期的结果是否与实际结果相符。

import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';

module('Integration | Component | my-component', function(hooks) {
  setupRenderingTest(hooks);

  test('it renders', async function(assert) {
    await render(hbs`{{my-component}}`);

    assert.dom(this.element).hasText('Hello, World!');
  });
});

在这个例子中，我们定义了一个名为 my-component 的集成测试模块，并编写了一个测试用例来验证组件渲染后的文本是否正确。

4.2.3 运行测试

一旦测试文件准备就绪，就可以通过命令行运行测试了。最简单的方法是使用 ember test 命令：

ember test

这将启动一个测试服务器，并自动运行所有的测试用例。如果测试通过，控制台将显示成功的信息；如果有失败的测试，也会详细列出失败的原因。

通过以上步骤，开发者可以轻松地开始使用 ember-qunit 来编写和运行测试，确保应用程序的质量和稳定性。

五、结语

5.1 ember-cli-qunit 和 ember-qunit 的比较

5.1.1 主要区别

ember-cli-qunit 和 ember-qunit 作为 Ember.js 生态系统中的两个测试框架，它们之间存在着一些显著的区别。这些区别主要体现在以下几个方面：

集成程度：ember-cli-qunit 作为一个独立的插件存在，而 ember-qunit 则直接集成到了 Ember.js 中。这意味着 ember-qunit 能够更好地利用 Ember.js 的最新特性和最佳实践，简化了安装和配置的过程。
灵活性与扩展性：ember-qunit 在设计上更加灵活，能够更好地适应不同的测试需求。它支持多种测试类型，包括单元测试、集成测试以及功能测试等，这使得开发者可以根据具体的应用场景选择最适合的测试策略。此外，ember-qunit 还提供了丰富的 API 和钩子，便于开发者根据需要定制测试行为。
异步支持：对于现代 Web 应用来说，异步操作是不可避免的一部分。ember-qunit 在这方面表现得尤为出色，它内置了对 Promise 和其他异步模式的支持，使得测试异步代码变得更加简单直观。
社区支持与文档：随着 ember-cli-qunit 的弃用，ember-qunit 成为了社区的主流选择。这意味着开发者可以享受到更广泛的社区支持，包括活跃的讨论、详细的文档以及丰富的教程资源。

5.1.2 性能对比

从性能角度来看，ember-qunit 由于其与 Ember.js 的紧密集成，能够更好地利用 Ember.js 的内部机制，从而在测试速度和资源利用率方面表现出色。此外，ember-qunit 在处理异步操作时的优秀表现也进一步提升了整体的测试效率。

5.1.3 迁移建议

对于正在使用 ember-cli-qunit 的开发者来说，迁移到 ember-qunit 是一个明智的选择。虽然迁移过程中可能需要对现有测试代码进行一定的调整，但从长远来看，这将带来更高的测试质量和效率。社区提供的文档和指南可以帮助开发者顺利完成迁移过程。

5.2 ember-qunit 的未来发展

5.2.1 技术进步

随着前端技术的不断演进，ember-qunit 也将继续发展和完善。预计未来版本将更加注重对新兴技术和最佳实践的支持，以满足不断变化的测试需求。例如，对于异步操作的支持将进一步增强，以适应现代 Web 应用中越来越多的异步场景。

5.2.2 社区贡献

ember-qunit 的持续发展离不开社区的积极参与和贡献。随着越来越多的开发者加入到 ember-qunit 的使用和开发中，我们可以期待更多的创新特性和改进措施被引入。这将进一步巩固 ember-qunit 在 Ember.js 测试领域的领导地位。

5.2.3 教育与培训

为了让更多开发者能够熟练掌握 ember-qunit 的使用，社区将加大对教育和培训资源的投入。这包括提供更多高质量的教程、案例研究以及在线研讨会等，帮助开发者快速上手并充分发挥 ember-qunit 的潜力。

总之，ember-qunit 作为 Ember.js 社区推荐的测试框架，不仅在当前版本中展现出了强大的功能和灵活性，而且随着社区的持续投入和支持，我们有理由相信它将在未来发挥更大的作用，成为 Ember.js 开发者不可或缺的工具之一。

六、总结

综上所述，随着前端技术的不断演进，Ember.js 社区对测试工具链进行了优化升级，正式宣布了 ember-cli-qunit 插件的弃用，并推荐开发者转向使用 ember-qunit。这一转变不仅简化了测试流程，还极大地提升了测试效率和质量。ember-qunit 以其与 Ember.js 的紧密集成、高度灵活性及强大的异步支持等特点，成为了新一代测试框架的佼择。对于仍在使用 ember-cli-qunit 的开发者而言，现在正是迁移到 ember-qunit 的好时机。虽然迁移过程中可能需要对现有测试代码进行一定的调整，但从长远来看，这将带来更高的测试质量和效率。随着社区对 ember-qunit 的持续投入和支持，我们可以期待它在未来发挥更大的作用，成为 Ember.js 开发者不可或缺的工具之一。