ruby-on-rails – 功能测试移动设备的条件页面内容呈现

>移动设备上的用户位于该站点的移动版本上
>移动用户点击“访问完整网站”按钮,将其带到桌面网站
>将桌面值放入会话中以确保记录他们在移动设备上查看桌面站点的首选项(当移动用户首次访问移动设备上的主页时,他们会自动重定向到移动网站)
>在桌面站点主页上,移动设备用户可以看到“切换到移动站点”横幅以便他们这样做(桌面用户显然从未看到此横幅)

使用Mobvious实现条件渲染的代码很简单：

应用程序/视图/首页/ index.html.haml

- for_device_type :mobile do
  .switch-to-mobile-site-banner
    # code for banner

代码本身按预期工作：问题是我想为此写一个RSpec feature test,但我想我似乎无法在RSpec功能测试场景中正确模拟移动用户代理,我无法直接访问请求对象.我的理由是,这里的功能规范比request spec更合适,因为我正在测试页面上是否存在特定内容.

到目前为止,从helper specs of the Mobvious gem获取提示,我已经在我的功能规范中删除了一个请求对象,它将device_type设置为：mobile,我想要,但我似乎无法获得.switch-to-mobile-中的内容要显示的网站横幅：

规格/功能/ mobile_navigation_features_spec.rb

feature 'Switch to mobile site banner' do
  include Mobvious::Rails::Helper

  given(:env) { double('env') }
  given(:request) { double('request') }

  background do
    allow(env).to receive(:[]).with('mobvious.device_type').and_return(:mobile)
    allow(request).to receive(:env).and_return(env)
  end

  scenario 'mobile user prefers using the desktop site' do
    visit root_url(desktop: 1)
    puts "Device type is #{device_type}" # => correctly returns :mobile
    expect(page).to have_selector('.switch-to-mobile-site-banner') # fails
  end
end

期望是失败的,并使用save_and_open_page来查看页面上的呈现显示没有横幅,我不知道为什么.当代码通过Mobvious’for_device_type方法运行时,我似乎没有得到任何错误,所以我想也许我在请求对象模拟(？)中缺少某些东西.

我没有专门针对任何实现/测试类型,因此我对如何测试我想要的功能有任何其他想法.我认为rack_session_access gem最初可能有所帮助,但除非我使用它错了,否则我无法用它做我想做的事.

澄清：我正在使用Poltergeist for Capybara的javascript驱动程序.

用解决方案更新

我认为这个问题真正让我感到震惊的是,在mobvious-rails宝石中,当你想获得device_type时,它是calls the request object directly而我想我需要嘲笑这个以便让帮助器在我的规格中正常工作.正如答案中所指出的那样,高级功能规范中的这种低级别模拟是一种代码(spec？)气味,事后我应该听到代码实际告诉我我做错了.此外,出于某种原因,在这种情况下添加js：true甚至没有在我脑海中浮现,无论是否在我的其他测试中使用过它.

我最终使用Billy Chan和Kaleidoscope的部分答案来制定我喜欢的解决方案更简单,更清洁：

规格/功能/ mobile_navigation_features_spec.rb

feature 'Switch to mobile site banner' do
  background do
    page.driver.headers = { "User-Agent" => "mobile" }
  end

  scenario 'mobile user prefers using the desktop site',js: true do
    visit root_path(desktop: 1)
    expect(page).to have_selector('.switch-to-mobile-site-banner')
  end
end

由于Kaleidoscope是第一个提出一系列工作规格的人,我将大部分时间都拿走了,我将给予他赏金,但我会接受Billy Chan的答案是正确的,因为我认为这是一个更”规范的解决方案,我将指导其他人在将来参考.