Wyłączyć animacje w testach Capybara

Question

Mam dużo animacji na mojej stronie, co naprawdę spowalnia moje testy w kapibarze, ponieważ kapibara często musi poczekać, aż element zostanie animowany, ponieważ zaczyna się ukryty.

znalazłem to rozwiązanie dla wszystkich animacji jQuery oparta:

<%= javascript_tag '$.fx.off = true;' if Rails.env.test? %>

jednak użyć twitter bootstrap i większość animacji z bootstrap jest wykonany przez CSS 3 (z JavaScript zastępczą). Moje pytanie brzmi: czy istnieje sposób na przejście przejść i animacji CSS 3 w testach?

Answer 1

Możesz spróbować utworzyć resetowanie przejścia i zastosować go do określonego elementu.

.reset-transition { 
    -webkit-transition: none; 
    -moz-transition: none; 
    -ms-transition: none; 
    -o-transition: none; 
    transition: none; 
} 

Można również stosować ją do wszystkich i umieszczać css po Bootstrap

* { 
    -webkit-transition: none; 
    -moz-transition: none; 
    -ms-transition: none; 
    -o-transition: none; 
    transition: none; 
} 

Można uczynić go bardziej specyficzne

div, a, span, footer, header { 
    -webkit-transition: none; 
    -moz-transition: none; 
    -ms-transition: none; 
    -o-transition: none; 
    transition: none; 
} 

Answer 2

# env.rb or spec_helper.rb 

Capybara.register_driver :poltergeist do |app| 
    opts = { 
    extensions: ["#{Rails.root}/features/support/phantomjs/disable_animations.js"] # or wherever 
    } 

    Capybara::Poltergeist::Driver.new(app, opts) 
end 

Capybara.javascript_driver = :poltergeist 

`` `

// disable_animations.js 
var disableAnimationStyles = '-webkit-transition: none !important;' + 
          '-moz-transition: none !important;' + 
          '-ms-transition: none !important;' + 
          '-o-transition: none !important;' + 
          'transition: none !important;' 

window.onload = function() { 
    var animationStyles = document.createElement('style'); 
    animationStyles.type = 'text/css'; 
    animationStyles.innerHTML = '* {' + disableAnimationStyles + '}'; 
    document.head.appendChild(animationStyles); 
}; 

lub tylko czas

var disableAnimationStyles = '-webkit-transition-duration: .0s !important;' + 
    '-o-transition-duration: .0s !important;' + 
'transition-duration: .0s !important;';