Rspec: feature spec 功能测试 测试JavaScript.
我们要把应用各组件放在一起做集成 测试,这样才能保证模型和控制器之间能够良好契合。
在 RSpec 中,这种测试称为功能测试(feature spec),有时也称为验收测试(acceptance test)或集成测试(integration test)。这种测试的作用是确保 软件作为一个整体能按预期使用。
Capybara库 (8000star),用来定义功能测试的步骤,模拟真实用户的使用过程。 5.1已经自带这个库,因为系统测试依赖它。
Rails5.1 框架增加了系统测试。用的是MiniTest.
作者喜欢使用Rspec开发Rails应用。
在spec/rails_helper.rb中加入 require 'capybara/rspec'
6.3 一个简单的功能测试
bin/rails generate rspec:feature projects
feature test 和controller test 的区别:控制器测试绕过用户界面,直接把参数发给controller actions.
用到了expect{}.to , scenario作用等同于it。
6.2 Capybara DSL
除了 ,click_link, fill_in, with, click_button还有很多方法。
选择符还可以限定范围,让 Capybara 在页面的某一部分中(within)查找指定的元素。假设有如下的
HTML:
<div id="node">
<a href="http://nodejs.org">click here!</a>
</div>
<div id="rails">
<a href="http://rubyonrails.org">click here!</a>
</div>
我们可以像下面这样指明点击哪个“click here!”链接:
within "#rails" do
click_link "click here~!"
end
此外,还可以使用 Capybara 提供的多个 find 方法找出特定元素及其值。例如:
language = find_field("Programming language").value
expect(language).to eq "Ruby"
find("#fine_print").find("#disclaimer").click
find_button("Publish").click
以上是我最常使用的 Capybara 方法 ,完整方法见Capybara DSL 文档。
6.5调试feature test
save_and_open_page,保存并打开出错的页面。需要手动打开open tmp/...。
安装gem 'launchy'后可以自动打开保存的HTML文件。
测试完成后,应当在提交版本控制之前,把不需要的save_and_open_page删除。
6.6测试JavaScript交互
bin/rails g rspec:feature tasks
be_completed 匹配器matcher :
js:true选项传给scenario,Capybara默认带JS驱动。
然后变更运行浏览器,换为Chrome运行测试
配置:
1. spec/rails_helper.rb中把下面一行注释去掉,
Dir[Rails.root.join('spec/support/**/*.rb')].each { |f| require f }
2. 创建文件 spec/support/capybara.rb,并写:
Capybara.javascript_driver = :selenium_chrome
3. 安装ChromeDriver.需要看
见 ChromeDriver 官方文档。
如果安装了brew,则敲击brew install chromedriver
出现提示:
安装提示安装,成功。
运行bin/rspec spec/features/tasks_spec.rb,弹出chrome窗口,我们的应用在这个窗口加载,自动点击连接填写表单自动,完成任务,测试成功。为了运行效率只在需要JavaScript的案例上面使用js:true
6.7headless driven
不在浏览器窗口 运行测试,只在命令行界面中运行。禁止打开新窗口。
让Selenium在Chrome的无界面模式下运行测试:
编辑spec/support/capybara.rb.
Capybara.javascript_driver = :selenium_chrome_headless
6.8 等待JavaScript执行完毕
默认情况下,Capybara等待2了,如果没有按钮出现,放弃,这个时间可以调整。
Capybara.default_max_wait_time = 15
这个设置在rspec/rails_helper.rb内加载的地方就行,可以放在capybara.rb文件中。
缺点:整体速度变慢,
可以使用using_wait_time针对特定案例修改时间。
scenario "runs a really slow process" do
using_wait_time(15) do
# 测试代码
end
end
6.9小结
功能测试,先在浏览器实操以下模拟需要的步骤,然后在使用Capybara一一实现。
站在客户角度,看有些操作是否可以简化,甚至删除,从而提升用户体验。
Rspec: feature spec 功能测试 测试JavaScript.的更多相关文章
- 通过Jasmine和Guard自动测试JavaScript
原文标题:Autotesting JavaScript with Jasmine and Guard 原文地址:http://edspencer.net/2013/06/15/autotesting- ...
- 一个免费的自动化跨平台测试JavaScript的工具——BrowserSwarm
BrowserSwarm是一个免费工具,能够自动化跨平台测试JavaScript.
- 使用Jest测试JavaScript (入门篇)
1 什么是 Jest? Jest是 Facebook 的一套开源的 JavaScript 测试框架, 它自动集成了断言.JSDom.覆盖率报告等开发者所需要的所有测试工具,是一款几乎零配置的测试框架. ...
- Mozilla正在SpiderMonkey中测试JavaScript并行计算
Mozilla正致力于实现JavaScript“并行(parallelism)计算”,以便充分利用硬件性能.Dave Herman是Mozilla Research的首席研究员和策略总监.近日,他在一 ...
- 运用PhantomJS测试JavaScript
我认为我不需要说服你,测试你的JavaScript代码是一个好主意.但是,测试需要DOM操作的JavaScript代码有时候确是繁琐的.这意味着你需要在浏览器中测试代码而不能使用终端,对吗?错了,事实 ...
- 测试JavaScript数组Array
<script> var numbers = [1, 2, 3, 4, 5]; function isLessThan3(value,index,array) { var returnVa ...
- [js测试]JavaScript Web Quiz By davidshariff
Question1 var foo = function foo() { console.log(foo === foo); }; foo(); 输出是"true",因为foo就指 ...
- Rails 4.0 bundle exec rspec spec/requests/xxx 测试失败的解决
rails项目没有使用默认的单元测试包,而是使用了rspec-rails来测试. 按照文档说明首先生成对应的测试文件: rails generate integration_test xxx invo ...
- 新书《编写可测试的JavaScript代码 》出版,感谢支持
本书介绍 JavaScript专业开发人员必须具备的一个技能是能够编写可测试的代码.不管是创建新应用程序,还是重写遗留代码,本书都将向你展示如何为客户端和服务器编写和维护可测试的JavaScript代 ...
随机推荐
- Python: re.compile()
compile(pattern,flags=0) 1.编译一个正则表达式模式,返回一个模式对象 2.第二个参数flags是匹配模式,可以使用按位或‘|'表示同时生效,也可以在正则表达式字符串中指定 P ...
- 限制 input 输入框只能输入纯数字
oninput = "value=value.replace(/[^\d]/g,'')"
- 配置QT Mingw & opencv
可以直接从这里下载别人构建好的 https://github.com/huihut/OpenCV-MinGW-Build --------------------------------------- ...
- redis 哨兵机制环境搭建
Redis哨兵机制,一主二从 注:Redis哨兵切换,建议一主多从 一.一主二从 教程步骤:https://www.cnblogs.com/zwcry/p/9046207.html 二.哨兵配置(se ...
- oracle中验证身份证是否合法的函数脚本
--创建函数 入参是身份证 返回1 合法 0不合法 CREATE OR REPLACE FUNCTION fn_checkidcard (p_idcard IN VARCHAR2) RETURN ...
- Win32 消息响应顺序
如果窗口处理函数响应了 WM_RBUTTONUP后,不会响应WM_CONTEXTMENU消息了.
- I2C总线信号时序总结【转】
本文转载自:https://i.cnblogs.com/EditPosts.aspx?opt=1 I2C总线信号时序总结 总线空闲状态 I2C总线总线的SDA和SCL两条信号线同时处于高电平时,规定 ...
- 支持github的chrome插件octotree
1.这款插件有何作用? 方便浏览github上的源码 2.安装方法 通过以下链接进行安装: https://chrome.google.com/webstore
- windows下的gvim和emmet 下载和安装 + "omnifunc is not set" solution?
注意几个地方: 引导键是ctrl-y, 其他就是实际的操作键了, 如: n下一个插入点, N是上一个插入点(不是p), ctrl-y + i是自动为图片添加宽度和高度尺寸, 要点是要把光标移动到 im ...
- LightOJ 1393 Crazy Calendar(博弈)题解
题意:r*c方格中,每个格子有一定石子,每次移动每格任意数量石子,只能向下或者向右动一格,不能移动为败 思路:显然是Nim,到右下曼哈顿距离为偶数的不用管,因为先手动一下后手动一下最后移到右下后还是先 ...