如何控制水豚/phantomjs测试的时间

Question

我想测试一些截止日期是否在不同时区和一天中的不同时间正确显示给用户。我的测试使用水豚+rspec+phantomjs。

我正在将一个块传递给 Timecop.travel(datetime) 并且该块内的测试代码正确地获取了模拟的日期时间，但看起来 PhantomJS / 模拟的浏览器没有得到模拟的时间。

有没有什么已知的方法可以让 PhantomJS 与 Timecop 一起工作？或者其他方法来模拟或操纵时间以进行测试？

这是一个简单的例子来说明我的意思。

time_spec.rb:

it "should show the Time travel date" do
  # current date is 2017-01-24
  Date.today.should == Date.parse("2017-01-24")
  Timecop.travel( Time.parse("2001-01-01 01:01") ) {
    sign_in(user)
    visit "/#{user.username}"

    Date.today.should == Date.parse("2001-01-01")
    page.should have_text("Today is 2001-01-01")
    page.should have_text("Javascript says 2001-01-01")
  }
end

用户.html.erb：

<p>Today is <%= Time.now.iso8601 %></p>
<script>
  var now = moment().format()
  $('p').append("<p>Javascript says "+now+"</p>")
</script>

运行测试的输出：

Failures:

  1) Dashboard should show the time travel date
     Failure/Error: page.should have_text("Javascript says 2001-01-01")
       expected to find text "Javascript says 2001-01-01" in 
       "Today is 2001-01-01T01:01:00-08:00 Javascript says 2017-01-24T12:36:02-08:00"
     # ./spec/features/time_spec.rb:67:in `block (3 levels) in <top (required)>'
     # /gems/ruby-2.2.0/gems/timecop-0.8.0/lib/timecop/timecop.rb:147:in `travel'
     # /gems/ruby-2.2.0/gems/timecop-0.8.0/lib/timecop/timecop.rb:121:in `send_travel'
     # /gems/ruby-2.2.0/gems/timecop-0.8.0/lib/timecop/timecop.rb:62:in `travel'
     # ./spec/features/time_spec.rb:59:in `block (2 levels) in <top (required)>'

Answer 1

正如您所发现的，TimeCop 只调整服务器时间，而浏览器使用系统时间。有许多 JS 库允许伪造时间，它们都是通过模拟 JS 日期类来工作的。我成功使用的一个是我在我的文件中实现的Sinon.JS_head.html.haml

- if defined?(Timecop) && Timecop.top_stack_item
  = javascript_include_tag "testing/sinon-1.17.3.js"
  - unix_millis = (Time.now.to_f * 1000.0).to_i
  :javascript
    sinon.useFakeTimers(#{unix_millis});

在需要任何其他 JS 之前。这会将任何页面中的浏览器时间设置为 Timecop 设置的任何内容。