我正在使用 jasmine-rails gem 运行 Rails 3.2.8。以下是我的 Gemfile 中描述 jasmine 设置的行:
jasmine (1.2.1)
jasmine-core (>= 1.2.0)
rack (~> 1.0)
rspec (>= 1.3.1)
selenium-webdriver (>= 0.1.3)
jasmine-core (1.2.0)
jasmine-headless-webkit (0.8.4)
coffee-script
jasmine-core (~> 1.1)
multi_json
rainbow
sprockets (~> 2)
jasmine-rails (0.1.0)
jasmine
jasmine-headless-webkit
rails (>= 3.1.0)
我也在使用jasmine-jquery扩展。这组函数提供了我在测试中使用的 toHaveText 方法。我已将 jasmine-jquery 扩展文件保存到 spec/javascripts/helpers 目录中。
直接位于 spec/javascripts 目录中的名为 UserInvitationsSpec.js 的测试文件包含以下内容:
describe ("my basic jasmine jquery test", function(){
beforeEach(function(){
$('body').append('<a id="test_link" href="somewhere.html">My test link</a>');
});
afterEach(function(){
$('a#test_link').remove();
});
it ("does some basic jQuery thing", function () {
$('a#test_link').click();
expect($("a#test_link")).toHaveText('My test link is now longer');
});
it ("does some the same basic jQuery thing with a different trigger type", function () {
$('a#test_link').trigger('click');
expect($("a#test_link")).toHaveText('My test link is now longer');
});
});
describe ('subtraction', function(){
var a = 1;
var b = 2;
it("returns the correct answer", function(){
expect(subtraction(a,b)).toBe(-1);
});
});
如您所见,我包含了一个基本的 javascript 测试,以显示非 jQuery 测试按预期工作。
我位于 app/assets/javascripts 目录中的 javascript 文件 core.js 包含以下内容:
function subtraction(a,b){
return a - b;
}
jQuery (function($) {
$("a#test_link").click(changeTheTextOfTheLink)
function changeTheTextOfTheLink(e) {
e.preventDefault()
$("a#test_link").append(' is now longer');
}
});
当我通过终端运行“bundle exec jasmine-headless-webkit”时,输出如下:
FF.
FAIL: 3 tests, 2 failures, 0.013 secs.
my basic jasmine jquery test does some basic jQuery thing. (/Users/rebekah/OPSWAT/opswat_cwm/spec/javascripts/UserInvitationsSpec.js:11)
Expected '<a id="test_link" href="somewhere.html">My test link</a>' to have text 'My test link is now longer'. (line ~13)
expect($("a#test_link")).toHaveText('My test link is now longer');
my basic jasmine jquery test does some the same basic jQuery thing with a different trigger type. (/Users/rebekah/OPSWAT/opswat_cwm/spec/javascripts/UserInvitationsSpec.js:16)
Expected '<a id="test_link" href="somewhere.html">My test link</a>' to have text 'My test link is now longer'. (line ~18)
expect($("a#test_link")).toHaveText('My test link is now longer');
我位于同一 app/assets/javascripts 目录中的 application.js 文件具有以下内容:
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require vendor
//= require_tree .
我位于 spec/javascripts/support 目录中的 jasmine.yml 文件包含以下内容:
src_files:
- "application.{js,coffee}"
stylesheets:
helpers:
- "helpers/**/*.{js,coffee}"
spec_files:
- "**/*[Ss]pec.{js,coffee}"
src_dir: "app/assets/javascripts"
spec_dir: spec/javascripts
asset_paths:
- "vendor/assets/javascripts"
知道为什么在应用程序中正常工作的 jQuery 函数没有在测试环境中执行吗?
非常感谢!
-丽贝卡