add inherited component test

Author: reeganviljoen

docs/CHANGELOG.md

@@ -86,7 +86,7 @@ nav_order: 6
 
 * Updates testing docs to include an example of how to use with RSpec.
 
-    *Rylan Bowers*
+    *Rylanview_cache Bowers*
 
 * Add `--skip-suffix` option to component generator.
 

test/sandbox/app/components/cache_component.html.erb

@@ -1,3 +1,2 @@
 <p class='cache-component__cache-key'><%= view_cache_dependencies %></p>
-<%# <% binding.irb %>
 <p class='cache-component__cache-message' data-time=data-time="<%= Time.zone.now %>"><%= "#{foo} #{bar}" %></p>

test/sandbox/app/components/inherited_cache_component.html.erb

@@ -0,0 +1,3 @@
+<p class='cache-component__cache-key'><%= view_cache_dependencies %></p>
+
+<p class='cache-component__cache-message' data-time=data-time="<%= Time.zone.now %>"><%= "#{foo} #{bar}" %></p>

test/sandbox/app/components/inherited_cache_component.rb

@@ -1,8 +1,7 @@
 # frozen_string_literal: true
 
 class InheritedCacheComponent < CacheComponent
-
   def initialize(foo:, bar:)
-    super(foo: foo, bar: bar)
+    super
   end
 end

test/sandbox/app/components/no_cache_component.html.erb

@@ -1,4 +1,3 @@
 <p class='cache-component__cache-key'><%= view_cache_dependencies %></p>
-<%# <% binding.irb %>
 
 <p class='cache-component__cache-message' data-time=data-time="<%= Time.zone.now %>"><%= "#{foo} #{bar}" %></p>

test/sandbox/test/rendering_test.rb

@@ -1279,6 +1279,24 @@ def test_cache_component
     assert_selector(".cache-component__cache-message", text: "foo baz")
   end
 
+  def test_cache_component
+    component = InheritedCacheComponent.new(foo: "foo", bar: "bar")
+    render_inline(component)
+
+    assert_selector(".cache-component__cache-key", text: component.view_cache_dependencies)
+    assert_selector(".cache-component__cache-message", text: "foo bar")
+
+    render_inline(InheritedCacheComponent.new(foo: "foo", bar: "bar"))
+
+    assert_selector(".cache-component__cache-key", text: component.view_cache_dependencies)
+
+    new_component = InheritedCacheComponent.new(foo: "foo", bar: "baz")
+    render_inline(new_component)
+
+    assert_selector(".cache-component__cache-key", text: new_component.view_cache_dependencies)
+    assert_selector(".cache-component__cache-message", text: "foo baz")
+  end
+
   def test_no_cache_component
     component = NoCacheComponent.new(foo: "foo", bar: "bar")
     render_inline(NoCacheComponent.new(foo: "foo", bar: "bar"))