Skip to content

Instantly share code, notes, and snippets.

@rilian
Forked from keithtom/no_animations.rb
Last active October 5, 2019 07:49
Show Gist options
  • Save rilian/c259360c3ffa9562b29ec552c6b2b6c6 to your computer and use it in GitHub Desktop.
Save rilian/c259360c3ffa9562b29ec552c6b2b6c6 to your computer and use it in GitHub Desktop.
Rack Middleware to disable Disable CSS3/jQuery Animations for Capybara
Rails.application.configure do
# ...
require_relative '../../spec/support/no_animations'
config.middleware.use Rack::NoAnimations
end
module Rack
# disable CSS3 and jQuery animations in test mode for speed, consistency and avoiding timing issues.
# Usage for Rails:
# in config/environments/test.rb
# config.middleware.use Rack::NoAnimations
class NoAnimations
def initialize(app, options = {})
@app = app
end
def call(env)
@status, @headers, @body = @app.call(env)
return [@status, @headers, @body] unless html?
response = Rack::Response.new([], @status, @headers)
@body.each { |fragment| response.write inject(fragment) }
@body.close if @body.respond_to?(:close)
response.finish
end
private
def html?
@headers["Content-Type"] =~ /html/
end
def inject(fragment)
disable_animations = <<-EOF
<script type="text/javascript">(typeof jQuery !== 'undefined') && (jQuery.fx.off = true);</script>
<style>
* {
-o-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
</style>
EOF
fragment.gsub(%r{</head>}, disable_animations + "</head>")
end
end
end
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment