Marionette-host-environment 是一个用于测试 Backbone.Marionette 应用程序的 npm 包。它可以提供一个轻量级的测试环境，可以在浏览器和 Node.js 中运行。
本文将介绍如何使用 marionette-host-environment 包进行测试，并提供详细的指导、示例代码和深度解释。
安装
你可以通过 npm 来安装 marionette-host-environment：
--- ------- --------------------------- ----------
安装完成后，你可以将 marionette-host-environment 导入你的测试文件中：
-- -------- ----- - --------- - - ---------------------------------------
createApp
createApp 是 marionette-host-environment 导出的一个静态方法，它可以帮助你创建一个 marionette-host-environment 应用程序实例。它的函数签名如下：
-------- ------------------ -------- -- ---
options：包含如下属性：
src: 应用程序代码的路径css：应用程序 CSS 的路径fixtures：包含测试固件的目录的路径beforeStart：一个函数，它在应用程序实例启动之前调用afterStart：一个函数，它在应用程序实例启动后调用serverOptions：用于应用程序的本地服务器的选项
App：返回一个应用程序实例。
除了选项之外，createApp 还需要你的 Marionette 应用程序在入口点处导出一个类：
-- ---------- ------ - ----------- - ---- ---------------------- ----- ----- ------- ----------- - -- --- - ------ ------- ------
你可以如下这样创建你的应用程序：
-- --------
----- ---------- - -
---- -------------------- --------------
---- -------------------- ---------------
-------------- -
------ ------
----- -----
--
--
----- --- - ----------------------这里的 appOptions 指的是应用程序的选项，它们包括将要测试的入口点JavaScript、CSS等多个部分的源代码路径，以及其他一些选项，如启动本地服务器。
应用程序实例
createApp 方法返回一个应用程序实例，它包含了许多方法，用于操作这个应用程序实例。以下是一些示例：
start
start 方法被用来启动应用程序。一旦应用程序启动，Marionette.Host 中的宿主服务就开始监听。
------------
stop
stop 方法可以用来销毁应用程序和它的视图和实例对象。它还会关闭 Marionette.Host。
-----------
container
container 属性是应用程序的 jQeur 动态缓存，用于容纳应用程序中的所有视图。
--------------------------- -- -------------
element
element 属性是应用程序 DOM 根元素的原始 jQuery 对象。
------------------------- -- ------- --- ----
consoleMessages
consoleMessages 方法可以从应用程序的宿主服务捕获作为日志的所有 console 消息。
--------------------------------- -- --------- ------- ---
您的第一个测试用例
现在你可以正式开始构建你的应用程序测试用例。以下是一个相对简单的示例：
-- -- ------------
----- - --------- - - ---------------------------------------
----- ---- - ----------------
------------ ------ -- -- -
--- ----
------------- -- -
--- - -----------
---- -------------------- --------------
-------------- -
------ ------
----- -----
--
---
------------
---
------------ -- -
-----------
---
---------- ------- - ---- ------- ----- -- -- -
-- --- --- ----- ------- ---- --- ----
----- ----- - ----- ------------------ -- -
------ ------------------
---
-----------------------------
---
---在这个测试用例中，我们创建了一个标准的 Jest 测试套件，来测试 MySite 项目中的页面标题。使用 beforeEach 和 afterEach 方法保证 app 在每个测试用例之前启动，在测试完成之后关闭。
结论
现在你应该对 marionette-host-environment 有了完整的了解，并可以开始创建你的 Marionette 应用程序测试用例了。我们在这篇文章中提供了一个非常简单和基础的测试用例示例，实际上 marionette-host-environment 可以提供非常完善和高级的测试环境，帮助测试你的整个 Marionette 应用程序。
希望这篇文章可以帮助到你！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f21370e403f2923b035c68e