simple form html css,使用simple_form Rails时测试HTML 5表单验证

我正在为我的待办事项列表应用程序使用devise和simple_form.现在,我的用户/ edit.html.erb有以下代码

Edit profile

我的user.rb看起来像这样:

class User < ActiveRecord::Base

devise :database_authenticatable, :registerable,

:recoverable, :rememberable, :trackable, :validatable

attr_accessible :email,:nick_name, :password, :password_confirmation, :remember_me

validates :nick_name, presence: true # the other fields already validated by devise

has_many :lists , dependent: :destroy

end

现在,当我点击带有空nick_name字段的提交按钮时,我会得到一个弹出式警报.它不像普通的浏览器警报,我认为它是一个HTML5功能.我将此消息Please fill out this field作为空字段下方的弹出窗口.我已禁用javascript,但它仍显示相同的消息.这是我的nick_name输入字段:

现在,当我在模型中删除nick_name的状态验证时,此弹出窗口不会出现.当验证行被注释掉时,

simple_form在幕后做了一些魔术吗？

由于这个弹出窗口没有显示任何html代码的痕迹,如何在capybara/rspec中测试这个验证？