robhurring/application.html.erb

## application.html.erb
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Ohai</title>
  <%= stylesheet_link_tag "application", media: "all" %>
  <%= csrf_meta_tags %>
</head>
<body class="container">
  <%= yield %>
  <%= javascript_include_tag "request_tracking" if Rails.env.test? %>
</body>
</html>

## feature_helpers.rb
# spec/support/feature_helpers.rb

module FeatureHelpers
  DEFAULT_WAIT_TIME = 120

  Capybara.register_driver :poltergeist_debug do |app|
    Capybara::Poltergeist::Driver.new(app,
      inspector: true,
      js_errors: true,
      timeout: DEFAULT_WAIT_TIME
    )
  end

  Capybara.default_wait_time = DEFAULT_WAIT_TIME
  Capybara.javascript_driver = :poltergeist_debug

  def wait_for_ajax(max_wait = Capybara.default_wait_time, check_pause = 0.1)
    ticks = 0
    notify_after_ticks = 15

    Timeout.timeout(max_wait) do
      until finished_all_ajax_requests?
        ticks += 1
        puts '[waiting for ajax...]' if ticks > notify_after_ticks
        sleep check_pause
      end
    end
  end

  def finished_all_ajax_requests?
    page.evaluate_script('window.__activeRequests__').zero?
  end

  def save_and_open_page
    filename = Rails.root.join('tmp', 'screenshots', "#{Time.now.to_i}.png")
    page.save_screenshot(filename, full: true)
    `open #{filename}`
  end
end

RSpec.configure do |config|
  config.include FeatureHelpers, type: :feature

  # snapshot failures in dev
  config.after(type: :feature) do |example|
    save_and_open_page if example.exception
  end
end

## request_tracking.js
// app/assets/javascripts/request_tracking.js

(function(module) {
  module.config(['$httpProvider',
    function($httpProvider) {
      var key = '__activeRequests__';

      $httpProvider.interceptors.push(function($window) {
        $window[key] = 0;

        var startRequest = function() {
          $window[key] += 1;
        };

        var finishRequest = function() {
          $window[key] -= 1;
          if($window[key] < 0) {
            $window[key] = 0;
          }
        }

        return {
          request: function(config) {
            startRequest();
            return config;
          },

          response: function(response) {
            finishRequest();
            return response;
          }
        };
      });
    }
  ]);

})(angular.module('MyModule'));
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Ohai</title>
	<%= stylesheet_link_tag "application", media: "all" %>
	<%= csrf_meta_tags %>
	</head>
	<body class="container">
	<%= yield %>
	<%= javascript_include_tag "request_tracking" if Rails.env.test? %>
	</body>
	</html>
	# spec/support/feature_helpers.rb

	module FeatureHelpers
	DEFAULT_WAIT_TIME = 120

	Capybara.register_driver :poltergeist_debug do \|app\|
	Capybara::Poltergeist::Driver.new(app,
	inspector: true,
	js_errors: true,
	timeout: DEFAULT_WAIT_TIME
	)
	end

	Capybara.default_wait_time = DEFAULT_WAIT_TIME
	Capybara.javascript_driver = :poltergeist_debug

	def wait_for_ajax(max_wait = Capybara.default_wait_time, check_pause = 0.1)
	ticks = 0
	notify_after_ticks = 15

	Timeout.timeout(max_wait) do
	until finished_all_ajax_requests?
	ticks += 1
	puts '[waiting for ajax...]' if ticks > notify_after_ticks
	sleep check_pause
	end
	end
	end

	def finished_all_ajax_requests?
	page.evaluate_script('window.__activeRequests__').zero?
	end

	def save_and_open_page
	filename = Rails.root.join('tmp', 'screenshots', "#{Time.now.to_i}.png")
	page.save_screenshot(filename, full: true)
	`open #{filename}`
	end
	end

	RSpec.configure do \|config\|
	config.include FeatureHelpers, type: :feature

	# snapshot failures in dev
	config.after(type: :feature) do \|example\|
	save_and_open_page if example.exception
	end
	end
	// app/assets/javascripts/request_tracking.js

	(function(module) {
	module.config(['$httpProvider',
	function($httpProvider) {
	var key = '__activeRequests__';

	$httpProvider.interceptors.push(function($window) {
	$window[key] = 0;

	var startRequest = function() {
	$window[key] += 1;
	};

	var finishRequest = function() {
	$window[key] -= 1;
	if($window[key] < 0) {
	$window[key] = 0;
	}
	}

	return {
	request: function(config) {
	startRequest();
	return config;
	},

	response: function(response) {
	finishRequest();
	return response;
	}
	};
	});
	}
	]);

	})(angular.module('MyModule'));