如何有效地使用 Jasmine 测试通过 Jammit 打包的 javascript 资源？

Question

我有一个 Rails 应用程序，它使用 Jammit 组合 javascript 资源，并且我想使用 Jasmine 用于对我的 javascript 进行 BDD 式测试。我想知道是否有人对从 Jasmine 内部访问 Jammit 生成的“包”有什么建议？

问题是 Jasmine 是通过在磁盘上定义要测试的 JS 文件列表来配置的，然后它将这些文件包含在自己的测试运行器页面中，该测试运行器页面在浏览器中加载并运行。

在使用 Jammit 打包之前，我可以引用 jasmine.yml 配置文件中的每个单独的 JS 文件...但是，Jammit 已经在为我处理文件之间的依赖关系，更重要的是，我还需要访问Jammit 生成的已编译的 javascript 模板。

我还可以手动运行 Jammit 首先生成已编译的资产，然后运行 ​​Jasmine，但最终我必须在每次测试运行之前手动重新生成资产以测试更改，这会严重限制快速测试 -驱动型工作流程。

我想知道是否可以通过某种方式：

• 从 Jasmine 的机架服务器内安装 Jammit 控制器，以便它可以提供 Jasmine 的软件包？这基本上与 Jammit 在 Rails 开发环境中所做的工作方式相同。
• 在执行测试之前，以某种方式挂钩 Jasmine 来打包每个页面加载的资源？这会比较慢，但会节省我一步并确保事情是最新的。

有什么建议吗？我刚刚开始做这件事，所以我可能会做错事。任何建议将不胜感激。 ：-）

谢谢！ -约翰

Answer 1

这是您正在寻找的神奇组合：

1. 将 guard gem 与 guard-jammit gem 用于监视项目资产的更改
2. 安装 LiveReload 插件 在您选择的浏览器中安装 guard-livereload gem 这样，只要您的规格或资产发生变化，您就可以让浏览器自动重新加载。
3. 启动守卫，然后耙茉莉花，然后在浏览器中加载茉莉花规格，然后按实时重新加载按钮连接到守卫启动的实时重新加载服务器
4. 更改您的文件。当守卫运行 jammit 并指示您的浏览器刷新 jasmine 规范时，观看奇迹的发生。

这是一个可以帮助您入门的 Guardfile 示例：

guard 'jammit' do
  watch(%r{public/javascripts/(.*)\.js})
  watch(%r{app/views/jst/(.*)\.jst})
  watch(%r{public/stylesheets/(.*)\.css})
end

guard 'livereload', :apply_js_live => false do
  watch(%r{app/.+\.(erb|haml)})
  watch(%r{app/helpers/.+\.rb})
  watch(%r{public/.+\.(css|js|html)})
  watch(%r{config/locales/.+\.yml})
  watch(%r{spec/javascripts/.+\.js})
end

Answer 2

我想出了一个好的解决方案：在 jasmine 启动时强制 Jammit 重新加载和打包。为此，您需要编辑 jasmine_config.rb 文件：

require 'jammit'
module Jasmine
  class Config

    Jammit.reload!
    Jammit.package!

   end
end

我在这里写了一篇更详细的文章：http://www.rebeccamiller-webster.com/2011/05/jammit-jasmine-bdd/