inky-rb 1.3.7.3 → 1.4.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6f128cd66f4c50d6498301a720c686a24f75afb6121f7574fcf38ae4e4197e39
-  data.tar.gz: 9953f571f49f8fe6712a89331726eca0e1c6756129d75d782e12685190549487
+  metadata.gz: 8b6292d929c4b925c5767a682f808c6f7f812925fe8769604e266459b19f0afb
+  data.tar.gz: 46349b5e9e7901e374e99d51f9bfbcaa1d083550336917629ea434c452ce4c99
 SHA512:
-  metadata.gz: a0c09ee38d1611662c935d09e4326fde73ff2261ff1cd45f457e693d37b640f4303da063269ae663fdf574564cdc368f0877a8219ade38a174d0f474e6e2ca61
-  data.tar.gz: b3154afa14af608c817f92b20a2763de1e681eb8b253aae12e76c85b5c7859e937afd7da7cee3243a86842f20611b69e151ae15291301f0a6d907f2dc66e745c
+  metadata.gz: d7c9410bd6ff9a642ccd5c51d8435a077234334c6dcfe23054f72bd6dc330a2cd4d07cd02bd2084dc0f65bed18ba08d82b904d5b08ced59e23b0f553b3daf22e
+  data.tar.gz: 1479e4b652d006b7a37092a05ee72d1177e0ab97ea514f0eb646acc25900da9799f887176cee1bef2f9527ebd13936d208ed5818bad3a44fee0b88da1ebbfcf5

data/.gitignore

@@ -3,3 +3,4 @@ pkg
 spec/_cases_output
 spec/test_app/log/*.log
 spec/test_app/tmp/
+Gemfile.lock

data/.rubocop.yml

@@ -153,5 +153,8 @@ Metrics/BlockLength:
     - 'Rakefile'
     - 'spec/**/*.rb'
 
+Style/MutableConstant:
+  Enabled: false
+
 Style/Encoding:
   Enabled: false

data/.travis.yml

@@ -2,15 +2,17 @@ sudo: false
 language: ruby
 rvm:
   - 2.0.0
-  - 2.4.1
+  - 2.6.1
 gemfile:
   - gemfiles/rails_3.gemfile
   - gemfiles/rails_4.gemfile
   - gemfiles/rails_5.gemfile
+  - gemfiles/rails_6.gemfile
 matrix:
   exclude:
   - rvm: 2.0.0
     gemfile: gemfiles/rails_5.gemfile
+  - rvm: 2.0.0
+    gemfile: gemfiles/rails_6.gemfile
 before_install:
-  - gem install bundler
   - 'npm install -g inky-cli'

data/README.md

@@ -163,4 +163,4 @@ The Inky parser can be accessed directly for programmatic use.
 Inky-rb currently requires:
 
 * Ruby 2.0+
-* Rails 3, 4 or 5
+* Rails 3, 4, 5 or 6

data/gemfiles/rails_6.gemfile

@@ -0,0 +1,5 @@
+source "https://rubygems.org"
+
+gem "rails", ">=6.0.0.beta"
+
+gemspec path: "../"

data/inky.gemspec

@@ -5,11 +5,11 @@ require 'inky/rails/version'
 Gem::Specification.new do |s|
   s.name        = 'inky-rb'
   s.version     = Inky::Rails::VERSION
-  s.summary     = 'Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails, a responsive email framework from ZURB.  '
-  s.description = 'Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails, a responsive email framework from ZURB.  '
-  s.authors     = ["ZURB"]
-  s.email       = ['foundation@zurb.com']
-  s.homepage    = 'https://github.com/zurb/inky-rb'
+  s.summary     = 'Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails'
+  s.description = 'Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails'
+  s.authors     = ["Foundation"]
+  s.email       = ['contact@get.foundation']
+  s.homepage    = 'https://github.com/foundation/inky-rb'
   s.licenses    = ['MIT']
 
   s.files         = `git ls-files -z`.split("\x0")
@@ -18,7 +18,7 @@ Gem::Specification.new do |s|
 
   s.add_dependency "foundation_emails", "~> 2"
   s.add_dependency "nokogiri"
-  s.add_development_dependency "bundler", "~> 1.6"
+  s.add_development_dependency "bundler"
   s.add_development_dependency "capybara"
   s.add_development_dependency "rails"
   s.add_development_dependency "rake"

data/lib/inky/component_factory.rb

@@ -12,6 +12,11 @@ module Inky
     tags = tags.to_set if tags.respond_to? :to_set
     IGNORED_ON_PASSTHROUGH = tags.freeze
 
+    # These constants are used to circumvent an issue with JRuby Nokogiri.
+    # For more details see https://github.com/zurb/inky-rb/pull/94
+    INTERIM_TH_TAG = 'inky-interim-th'.freeze
+    INTERIM_TH_TAG_REGEX = %r{(?<=\<|\<\/)#{Regexp.escape(INTERIM_TH_TAG)}}
+
     def _pass_through_attributes(elem)
       elem.attributes.reject { |e| IGNORED_ON_PASSTHROUGH.include?(e.downcase) }.map do |name, value|
         %{#{name}="#{value}" }
@@ -40,27 +45,28 @@ module Inky
 
     def _transform_button(component, inner)
       expand = _has_class(component, 'expand')
+      attributes = _pass_through_attributes(component)
       if component.attr('href')
         target = _target_attribute(component)
         extra = ' align="center" class="float-center"' if expand
-        inner = %{<a href="#{component.attr('href')}"#{target}#{extra}>#{inner}</a>}
+        inner = %{<a #{attributes}href="#{component.attr('href')}"#{target}#{extra}>#{inner}</a>}
       end
       inner = "<center>#{inner}</center>" if expand
 
       classes = _combine_classes(component, 'button')
       expander = '<td class="expander"></td>' if expand
-      %{<table class="#{classes}"><tr><td><table><tr><td>#{inner}</td></tr></table></td>#{expander}</tr></table>}
+      %{<table class="#{classes}"><tbody><tr><td><table><tbody><tr><td>#{inner}</td></tr></tbody></table></td>#{expander}</tr></tbody></table>}
     end
 
     def _transform_menu(component, inner)
       attributes = _combine_attributes(component, 'menu')
-      %{<table #{attributes}><tr><td><table><tr>#{inner}</tr></table></td></tr></table>}
+      %{<table #{attributes}><tbody><tr><td><table><tbody><tr>#{inner}</tr></tbody></table></td></tr></tbody></table>}
     end
 
     def _transform_menu_item(component, inner)
       target = _target_attribute(component)
       attributes = _combine_attributes(component, 'menu-item')
-      %{<th #{attributes}><a href="#{component.attr('href')}"#{target}>#{inner}</a></th>}
+      %{<#{INTERIM_TH_TAG} #{attributes}><a href="#{component.attr('href')}"#{target}>#{inner}</a></#{INTERIM_TH_TAG}>}
     end
 
     def _transform_container(component, inner)
@@ -91,12 +97,12 @@ module Inky
       subrows = component.elements.css(".row").to_a.concat(component.elements.css("row").to_a)
       expander = %{<th class="expander"></th>} if large_size.to_i == column_count && subrows.empty?
 
-      %{<th class="#{classes}" #{_pass_through_attributes(component)}><table><tr><th>#{inner}</th>#{expander}</tr></table></th>}
+      %{<#{INTERIM_TH_TAG} class="#{classes}" #{_pass_through_attributes(component)}><table><tbody><tr><th>#{inner}</th>#{expander}</tr></tbody></table></#{INTERIM_TH_TAG}>}
     end
 
     def _transform_block_grid(component, inner)
       classes = _combine_classes(component, "block-grid up-#{component.attr('up')}")
-      %{<table class="#{classes}"><tr>#{inner}</tr></table>}
+      %{<table class="#{classes}"><tbody><tr>#{inner}</tr></tbody></table>}
     end
 
     def _transform_center(component, _inner)
@@ -116,12 +122,12 @@ module Inky
     def _transform_callout(component, inner)
       classes = _combine_classes(component, 'callout-inner')
       attributes = _pass_through_attributes(component)
-      %{<table #{attributes}class="callout"><tr><th class="#{classes}">#{inner}</th><th class="expander"></th></tr></table>}
+      %{<table #{attributes}class="callout"><tbody><tr><th class="#{classes}">#{inner}</th><th class="expander"></th></tr></tbody></table>}
     end
 
     def _transform_spacer(component, _inner)
       classes = _combine_classes(component, 'spacer')
-      build_table = ->(size, extra) { %{<table class="#{classes} #{extra}"><tbody><tr><td height="#{size}px" style="font-size:#{size}px;line-height:#{size}px;">&#xA0;</td></tr></tbody></table>} }
+      build_table = ->(size, extra) { %{<table class="#{classes} #{extra}"><tbody><tr><td height="#{size}" style="font-size:#{size}px;line-height:#{size}px;">&nbsp;</td></tr></tbody></table>} }
       size = component.attr('size')
       size_sm = component.attr('size-sm')
       size_lg = component.attr('size-lg')
@@ -135,9 +141,15 @@ module Inky
       end
     end
 
+    def _transform_h_line(component, _inner)
+      classes = _combine_classes(component, 'h-line')
+      attributes = _pass_through_attributes(component)
+      %{<table #{attributes}class="#{classes}"><tr><th>&nbsp;</th></tr></table>}
+    end
+
     def _transform_wrapper(component, inner)
       attributes = _combine_attributes(component, 'wrapper')
-      %{<table #{attributes} align="center"><tr><td class="wrapper-inner">#{inner}</td></tr></table>}
+      %{<table #{attributes} align="center"><tbody><tr><td class="wrapper-inner">#{inner}</td></tr></tbody></table>}
     end
   end
 end

data/lib/inky/configuration.rb

@@ -7,6 +7,8 @@ module Inky
   # Set Inky's configuration
   # @param config [Inky::Configuration]
   def self.configuration=(config)
+    raise TypeError, "Not an Inky::Configuration" unless config.is_a?(Configuration)
+
     @configuration = config
   end
 
@@ -23,11 +25,30 @@ module Inky
   end
 
   class Configuration
-    attr_accessor :template_engine, :column_count
+    attr_reader :template_engine, :column_count, :components
 
     def initialize
       @template_engine = :erb
       @column_count = 12
+      @components = {}
+    end
+
+    def template_engine=(value)
+      raise TypeError, "#{value.inspect} (#{value.class}) does not respond to 'to_sym'" unless value.respond_to?(:to_sym)
+
+      @template_engine = value.to_sym
+    end
+
+    def components=(value)
+      raise TypeError, "#{value.inspect} (#{value.class}) does not respond to 'to_hash'" unless value.respond_to?(:to_hash)
+
+      @components = value.to_hash
+    end
+
+    def column_count=(value)
+      raise TypeError, "#{value.inspect} (#{value.class}) does not respond to 'to_int'" unless value.respond_to?(:to_int)
+
+      @column_count = value.to_int
     end
   end
 end

data/lib/inky/rails/template_handler.rb

@@ -13,9 +13,13 @@ module Inky
           raise("No template handler found for #{type}")
       end
 
-      def call(template)
-        compiled_source = engine_handler.call(template)
-
+      def call(template, source = nil)
+        compiled_source =
+          if source
+            engine_handler.call(template, source)
+          else
+            engine_handler.call(template)
+          end
         "Inky::Core.new.release_the_kraken(begin; #{compiled_source};end)"
       end
 

data/lib/inky/rails/version.rb

@@ -1,6 +1,6 @@
 module Inky
   module Rails
-    VERSION = '1.3.7.3'.freeze
+    VERSION = '1.4.2.0'.freeze
   end
   NODE_VERSION, GEM_VERSION = Rails::VERSION.rpartition('.').map(&:freeze)
 end

data/lib/inky.rb

@@ -20,8 +20,9 @@ module Inky
         callout: 'callout',
         spacer: 'spacer',
         wrapper: 'wrapper',
-        menu_item: 'item'
-      }.merge(options[:components] || {})
+        menu_item: 'item',
+        h_line: 'h-line',
+      }.merge(::Inky.configuration.components).merge(options[:components] || {})
 
       self.component_lookup = components.invert
 
@@ -40,6 +41,8 @@ module Inky
       html = Nokogiri::HTML.public_send(parse_cmd, str)
       transform_doc(html)
       string = html.to_html
+      string.gsub!(INTERIM_TH_TAG_REGEX, 'th')
+      string.gsub!(' ', ' ') # Convert non-breaking spaces to explicit   entity
       Inky::Core.re_inject_raws(string, raws)
     end
 

data/spec/_cases_output/button/no_link.inky

@@ -0,0 +1 @@
+<table class="button"><tbody><tr><td><table><tbody><tr><td>I'm missing an href</td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_expand_class.inky

@@ -0,0 +1,4 @@
+<table class="button expand foo"><tbody><tr><td><table><tbody><tr><td><center><a href="http://example.com" align="center" class="float-center">
+  A label
+</a></center></td></tr></tbody></table></td>
+<td class="expander"></td></tr></tbody></table>

data/spec/_cases_output/button/with_extra_attr.inky

@@ -0,0 +1,3 @@
+<table class="button"><tbody><tr><td><table><tbody><tr><td>
+  A label
+</td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_image.inky

@@ -0,0 +1,3 @@
+<table class="button"><tbody><tr><td><table><tbody><tr><td><a href="#">
+  <img src="http://www.example.com/" width="600" height="400">
+</a></td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_link.inky

@@ -0,0 +1,3 @@
+<table class="button some classes"><tbody><tr><td><table><tbody><tr><td><a href="http://example.com">
+	A label
+</a></td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_link_and_extra_attr.inky

@@ -0,0 +1,3 @@
+<table class="button"><tbody><tr><td><table><tbody><tr><td><a foo="bar" href="http://example.com">
+	A label
+</a></td></tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/button/with_tricky_class.inky

@@ -0,0 +1,22 @@
+<table class="button noexpand"><tbody><tr><td><table><tbody><tr><td><a href="http://example.com">
+  A label
+</a></td></tr></tbody></table></td></tr></tbody></table>
+
+<table class="button expand-niet"><tbody><tr><td><table><tbody><tr><td><a href="http://example.com">
+  A label
+</a></td></tr></tbody></table></td></tr></tbody></table>
+
+<table class="button expand foo"><tbody><tr><td><table><tbody><tr><td><center><a href="http://example.com" align="center" class="float-center">
+  A label
+</a></center></td></tr></tbody></table></td>
+<td class="expander"></td></tr></tbody></table>
+
+<table class="button foo expand"><tbody><tr><td><table><tbody><tr><td><center><a href="http://example.com" align="center" class="float-center">
+  A label
+</a></center></td></tr></tbody></table></td>
+<td class="expander"></td></tr></tbody></table>
+
+<table class="button foo expand bar"><tbody><tr><td><table><tbody><tr><td><center><a href="http://example.com" align="center" class="float-center">
+  A label
+</a></center></td></tr></tbody></table></td>
+<td class="expander"></td></tr></tbody></table>

data/spec/_cases_output/callout/basic.inky

@@ -0,0 +1 @@
+<table class="callout"><tbody><tr><th class="callout-inner">Simple callout</th><th class="expander"></th></tr></tbody></table>

data/spec/_cases_output/callout/with_attributes.inky

@@ -0,0 +1,3 @@
+<table foo="bar" class="callout"><tbody><tr><th class="callout-inner some klasses">
+  <p>I'm in a callout!</p>
+</th><th class="expander"></th></tr></tbody></table>

data/spec/_cases_output/general/empty_attributes.inky

@@ -0,0 +1,6 @@
+<!-- pending -->
+
+<table class="button"><tr><td><table><tr><td>
+	<span data-foo="" data-bar="">
+</span></td></tr></table></td></tr></table>
+

data/spec/_cases_output/general/multiple_root.inky

@@ -0,0 +1,2 @@
+<table class="callout"><tbody><tr><th class="callout-inner">Hey</th><th class="expander"></th></tr></tbody></table>
+<table class="callout"><tbody><tr><th class="callout-inner">You</th><th class="expander"></th></tr></tbody></table>

data/spec/_cases_output/general/no_tag.inky

@@ -0,0 +1 @@
+Very simple test...

data/spec/_cases_output/general/root_within_text.inky

@@ -0,0 +1,7 @@
+Text before
+<table class="callout"><tbody><tr><th class="callout-inner">Ho</th><th class="expander"></th></tr></tbody></table>
+Text after
+<table class="callout"><tbody><tr><th class="callout-inner">Ho</th><th class="expander"></th></tr></tbody></table>
+Text after
+<table class="callout"><tbody><tr><th class="callout-inner">Ho</th><th class="expander"></th></tr></tbody></table>
+Text after

data/spec/_cases_output/general/void_html_elements.inky

@@ -0,0 +1,6 @@
+<table class="callout"><tbody><tr><th class="callout-inner">
+Hello
+<br>
+Here's an image:
+<img src="http://www.example.com" width="400" height="200">
+</th><th class="expander"></th></tr></tbody></table>

data/spec/_cases_output/grid/columns.inky

@@ -0,0 +1,2 @@
+<th class="some classes small-12 large-12 columns first last" foo="bar"><table><tbody><tr><th>First column</th>
+<th class="expander"></th></tr></tbody></table></th>

data/spec/_cases_output/grid/container.inky

@@ -0,0 +1 @@
+<table foo="bar" align="center" class="container klass"><tbody><tr><td>some content</td></tr></tbody></table>

data/spec/_cases_output/grid/container_with_align.inky

@@ -0,0 +1 @@
+<table align="left" class="container"><tbody><tr><td>some content</td></tr></tbody></table>

data/spec/_cases_output/grid/row.inky

@@ -0,0 +1 @@
+<table foo="bar" class="row some klasses"><tbody><tr>columns here</tr></tbody></table>

data/spec/_cases_output/grid/row_with_columns.inky

@@ -0,0 +1,5 @@
+<table class="row collapse"><tbody><tr>
+  <th class="small-12 large-4 columns first"><table><tbody><tr><th>First column</th></tr></tbody></table></th>
+  <th class="small-12 large-4 columns"><table><tbody><tr><th>Second column</th></tr></tbody></table></th>
+  <th class="small-12 large-4 columns last"><table><tbody><tr><th>Last column</th></tr></tbody></table></th>
+</tr></tbody></table>

data/spec/_cases_output/h_line/basic.inky

@@ -0,0 +1 @@
+<table class="h-line"><tr><th>&nbsp;</th></tr></table>

data/spec/_cases_output/h_line/h_line.inky

@@ -0,0 +1,2 @@
+Hello
+<table class="h-line"><tr><th>&nbsp;</th></tr></table>

data/spec/_cases_output/h_line/multiple.inky

@@ -0,0 +1,3 @@
+<!-- pending https://github.com/foundation/inky/issues/137 --->
+Hello
+<table class="h-line"><tr><th>&nbsp;</th></tr></table>

data/spec/_cases_output/h_line/with_attr.inky

@@ -0,0 +1 @@
+<table class="h-line"><tr><th>&nbsp;</th></tr></table>

data/spec/_cases_output/menu/item.inky

@@ -0,0 +1 @@
+<th foo="bar" class="menu-item some classes"><a href="http://example.com">An item</a></th>

data/spec/_cases_output/menu/menu.inky

@@ -0,0 +1,2 @@
+<table foo="bar" class="menu some classes"><tbody><tr><td><table><tbody><tr>
+</tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/menu/menu_with_align.inky

@@ -0,0 +1,2 @@
+<table align="left" class="menu"><tbody><tr><td><table><tbody><tr>
+</tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/menu/menu_with_items.inky

@@ -0,0 +1,5 @@
+<table class="menu small-vertical"><tbody><tr><td><table><tbody><tr>
+  <th class="menu-item"><a href="http://example.com/1">An item</a></th>
+  <th class="menu-item"><a href="http://example.com/2">Another Item</a></th>
+  <th class="menu-item"><a href="http://example.com/3">Last Item</a></th>
+</tr></tbody></table></td></tr></tbody></table>

data/spec/_cases_output/spacer/basic.inky

@@ -0,0 +1,5 @@
+<div>
+  Stuff on top
+  <table class="spacer"><tbody><tr><td height="16" style="font-size:16px;line-height:16px;">&nbsp;</td></tr></tbody></table> 
+  Stuff on bottom
+</div>

data/spec/_cases_output/spacer/with_attr.inky

@@ -0,0 +1,6 @@
+<!-- pending https://github.com/foundation/inky/issues/135 --->
+<div>
+  Stuff on top
+  <table foo="bar" class="spacer"><tbody><tr><td height="16" style="font-size:16px;line-height:16px;">&nbsp;</td></tr></tbody></table> 
+  Stuff on bottom
+</div>

data/spec/_cases_output/spacer/with_size.inky

@@ -0,0 +1,5 @@
+<div>
+  Stuff on top
+  <table class="spacer some classes"><tbody><tr><td height="42" style="font-size:42px;line-height:42px;">&nbsp;</td></tr></tbody></table> 
+  Stuff on bottom
+</div>

data/spec/_cases_output/spacer/with_size_lg.inky

@@ -0,0 +1,5 @@
+<div>
+  Stuff on top
+  <table class="spacer some classes show-for-large"><tbody><tr><td height="666" style="font-size:666px;line-height:666px;">&nbsp;</td></tr></tbody></table> 
+<p>Stuff on bottom</p>
+</div>

data/spec/_cases_output/spacer/with_size_sm.inky

@@ -0,0 +1,5 @@
+<div>
+  Stuff on top
+  <table class="spacer some classes hide-for-large"><tbody><tr><td height="42" style="font-size:42px;line-height:42px;">&nbsp;</td></tr></tbody></table> 
+  Stuff on bottom
+</div>

data/spec/_cases_output/spacer/with_size_sm_and_lg.inky

@@ -0,0 +1,5 @@
+<div>
+  Stuff on top
+  <table class="spacer some classes hide-for-large"><tbody><tr><td height="42" style="font-size:42px;line-height:42px;">&nbsp;</td></tr></tbody></table><table class="spacer some classes show-for-large"><tbody><tr><td height="666" style="font-size:666px;line-height:666px;">&nbsp;</td></tr></tbody></table> 
+  Stuff on bottom
+</div>

data/spec/_cases_output/spacer/with_sizes_and_attr.inky

@@ -0,0 +1,6 @@
+<!-- pending https://github.com/foundation/inky/issues/135 --->
+<div>
+  Stuff on top
+  <table foo="bar" class="spacer some classes hide-for-large"><tbody><tr><td height="42" style="font-size:42px;line-height:42px;">&nbsp;</td></tr></tbody></table><table foo="bar" class="spacer some classes show-for-large"><tbody><tr><td height="666" style="font-size:666px;line-height:666px;">&nbsp;</td></tr></tbody></table> 
+  Stuff on bottom
+</div>

data/spec/_cases_output/wrapper/basic.inky

@@ -0,0 +1 @@
+<table class="wrapper" align="center"><tbody><tr><td class="wrapper-inner">In the wrap</td></tr></tbody></table>

data/spec/_cases_output/wrapper/with_align.inky

@@ -0,0 +1 @@
+<table align="left" class="wrapper"><tbody><tr><td class="wrapper-inner">In the wrap</td></tr></tbody></table>

data/spec/_cases_output/wrapper/with_attributes.inky

@@ -0,0 +1 @@
+<table foo="bar" class="wrapper some classes" align="center"><tbody><tr><td class="wrapper-inner">In the wrap</td></tr></tbody></table>

data/spec/cases/button/with_extra_attr.inky

@@ -0,0 +1,3 @@
+<button foo="bar">
+  A label
+</button>

data/spec/cases/button/with_link.inky

@@ -1,3 +1,3 @@
-<button href="http://example.com" class="some classes" foo="bar">
+<button href="http://example.com" class="some classes">
 	A label
 </button>

data/spec/cases/button/with_link_and_extra_attr.inky

@@ -0,0 +1,3 @@
+<button href="http://example.com" foo="bar">
+	A label
+</button>

data/spec/cases/h_line/basic.inky

@@ -0,0 +1 @@
+<h-line/>

data/spec/cases/h_line/multiple.inky

@@ -0,0 +1,8 @@
+<!-- pending https://github.com/foundation/inky/issues/137 --->
+Hello
+<h-line/>
+World
+<h-line foo="bar"/>
+Bye
+<h-line class="x" foo="bar"/>
+Zzz

data/spec/cases/h_line/with_attr.inky

@@ -0,0 +1,2 @@
+<!-- pending https://github.com/foundation/inky/issues/137 --->
+<h-line foo="bar"/>

data/spec/cases/spacer/with_attr.inky

@@ -0,0 +1,6 @@
+<!-- pending https://github.com/foundation/inky/issues/135 --->
+<div>
+  Stuff on top
+  <spacer foo="bar"/>
+  Stuff on bottom
+</div>

data/spec/cases/spacer/with_size.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <spacer class="some classes" foo="bar" size="42"/>
+  <spacer class="some classes" size="42"/>
   Stuff on bottom
 </div>

data/spec/cases/spacer/with_size_lg.inky

@@ -1,4 +1,4 @@
 <div>
   Stuff on top
-  <spacer class="some classes" foo="bar" size-lg="666"/>
+  <spacer class="some classes" size-lg="666"/>
 <p>Stuff on bottom</p>

data/spec/cases/spacer/with_size_sm.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <spacer class="some classes" foo="bar" size-sm="42"></spacer>
+  <spacer class="some classes" size-sm="42"></spacer>
   Stuff on bottom
 </div>

data/spec/cases/spacer/with_size_sm_and_lg.inky

@@ -1,5 +1,5 @@
 <div>
   Stuff on top
-  <spacer class="some classes" foo="bar" size-sm="42" size-lg="666"/>
+  <spacer class="some classes" size-sm="42" size-lg="666"/>
   Stuff on bottom
 </div>

data/spec/cases/spacer/with_sizes_and_attr.inky

@@ -0,0 +1,6 @@
+<!-- pending https://github.com/foundation/inky/issues/135 --->
+<div>
+  Stuff on top
+  <spacer class="some classes" foo="bar" size-sm="42" size-lg="666"/>
+  Stuff on bottom
+</div>