chrisgibson/Gemfile

## __README.md

      
    Raw
  

              __README.md
            
          
    Inspired by https://github.com/thoughtbot/fake_stripe but specifically for Stripe.js v3 "payment" elements.

  
## app__views__layoutes__application.html.erb
<!-- app/viwes/layouts/application.html.erb -->
<!DOCTYPE html>
<html>
  <head>
    <%= javascript_include_tag "#{STRIPE_JS_HOST}/v3/" %>
  </head>
</html>

## config__initializers__stripe.rb
# config/initializers/stripe.rb

unless defined? STRIPE_JS_HOST
  STRIPE_JS_HOST = ENV.fetch("STRIPE_JS_HOST", "https://js.stripe.com")
end

## Gemfile
group :test do
  gem "roda"
end

## spec__support__fake_stripe.rb
# spec/support/fake_stripe.rb

# Stand-in for Stripe.js in tests.
#
# Serves up a mocked version of the Stripe.js v3 (in
# spec/support/fake_stripe/fake_stripe_v3.js) that provides the "payment"
# element.
class FakeStripe
  def self.boot
    Capybara::Server.new(App.freeze.app, port: server_port).tap(&:boot)
  end

  def self.boot_once
    @boot_once ||= boot
  end

  def self.server_port
    @server_port ||= begin
      server = TCPServer.new(0)
      server.addr[1]
    ensure
      server&.close
    end
  end

  class App < Roda
    route do |r|
      r.get "v3/" do
        response["Content-Type"] = "text/javascript"
        response.write File.read(File.expand_path("fake_stripe/fake_stripe_v3.js", __dir__))
      end
    end
  end
end

STRIPE_JS_HOST = "http://localhost:#{FakeStripe.server_port}"

## spec__support__fake_stripe__fake_stripe_v3.js
// spec/support/fake_stripe/fale_stripe_v3.js

/* Mocked version of Stripe.js v3 for use in tests.
 *
 * See spec/support/fake_stripe.rb.
 */
class StripeElement {
  mount(el) {
    if (typeof el === 'string') {
      el = document.querySelector(el)
    }

    el.innerHTML = '<h1>Fake Stripe v3</h1>'
  }

  on(event, handler) {
    if (event == 'ready') {
      handler()
    }
  }

  addEventListener() {}
}

window.Stripe = () => {
  return {
    elements: () => {
      return {
        create: (type, options) => new StripeElement(),
        getElement: name => new StripeElement(),
      }
    },

    confirmPayment: ({ elements, confirmParams } = {}) => {
      // success
      window.location.href = confirmParams.return_url
      return Promise.resolve()

      // failure
      // return Promise.resolve({ error: {} })
    },
  }
}

## spec__system__checkout_spec.rb
# spec/system/checkout_spec.rb

require "rails_helper"

RSpec.describe "Checkout", type: :system do
  before do
    FakeStripe.boot_once
  end
end
	<!-- app/viwes/layouts/application.html.erb -->
	<!DOCTYPE html>
	<html>
	<head>
	<%= javascript_include_tag "#{STRIPE_JS_HOST}/v3/" %>
	</head>
	</html>
	# config/initializers/stripe.rb

	unless defined? STRIPE_JS_HOST
	STRIPE_JS_HOST = ENV.fetch("STRIPE_JS_HOST", "https://js.stripe.com")
	end
	# spec/support/fake_stripe.rb

	# Stand-in for Stripe.js in tests.
	#
	# Serves up a mocked version of the Stripe.js v3 (in
	# spec/support/fake_stripe/fake_stripe_v3.js) that provides the "payment"
	# element.
	class FakeStripe
	def self.boot
	Capybara::Server.new(App.freeze.app, port: server_port).tap(&:boot)
	end

	def self.boot_once
	@boot_once \|\|= boot
	end

	def self.server_port
	@server_port \|\|= begin
	server = TCPServer.new(0)
	server.addr[1]
	ensure
	server&.close
	end
	end

	class App < Roda
	route do \|r\|
	r.get "v3/" do
	response["Content-Type"] = "text/javascript"
	response.write File.read(File.expand_path("fake_stripe/fake_stripe_v3.js", __dir__))
	end
	end
	end
	end

	STRIPE_JS_HOST = "http://localhost:#{FakeStripe.server_port}"
	// spec/support/fake_stripe/fale_stripe_v3.js

	/* Mocked version of Stripe.js v3 for use in tests.
	*
	* See spec/support/fake_stripe.rb.
	*/
	class StripeElement {
	mount(el) {
	if (typeof el === 'string') {
	el = document.querySelector(el)
	}

	el.innerHTML = '<h1>Fake Stripe v3</h1>'
	}

	on(event, handler) {
	if (event == 'ready') {
	handler()
	}
	}

	addEventListener() {}
	}

	window.Stripe = () => {
	return {
	elements: () => {
	return {
	create: (type, options) => new StripeElement(),
	getElement: name => new StripeElement(),
	}
	},

	confirmPayment: ({ elements, confirmParams } = {}) => {
	// success
	window.location.href = confirmParams.return_url
	return Promise.resolve()

	// failure
	// return Promise.resolve({ error: {} })
	},
	}
	}
	# spec/system/checkout_spec.rb

	require "rails_helper"

	RSpec.describe "Checkout", type: :system do
	before do
	FakeStripe.boot_once
	end
	end