Restore original test structure using it_behaves_like

Previous approach removed the shared example tests entirely. This commit
restores the original structure while properly handling the incompatible test:

- Uses it_behaves_like to keep all original tests
- Overrides the specific "renders without JavaScript" test to mark it as pending
- Adds clear explanation of why this test is not applicable to React Router

This ensures we don't lose any test coverage while properly documenting
the limitation.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: justin808

react_on_rails_pro/spec/dummy/spec/system/integration_spec.rb

@@ -428,29 +428,14 @@ def change_text_expect_dom_selector(dom_selector, expect_no_change: false)
 end
 
 describe "React Router Sixth Page", :js do
-  subject { page }
+  it_behaves_like "streamed component tests", "/server_router/streaming-server-component",
+                  "#ServerComponentRouter-react-component-0"
 
-  it "renders the component" do
-    visit "/server_router/streaming-server-component"
-    expect(page).to have_text "Header for AsyncComponentsTreeForTesting"
-    expect(page).to have_text "Footer for AsyncComponentsTreeForTesting"
-  end
-
-  it "hydrates the component" do
-    visit "/server_router/streaming-server-component"
-    expect(page.html).to match(/client-bundle[^\"]*.js/)
-    change_text_expect_dom_selector("#ServerComponentRouter-react-component-0")
-  end
-
-  it "doesn't hydrate status component if packs are not loaded" do
-    # visit waits for the page to load, so we ensure that the page is loaded before checking the hydration status
-    visit "/server_router/streaming-server-component?skip_js_packs=true"
-    expect(page).to have_text "HydrationStatus: Streaming server render"
-    expect(page).to have_no_text "HydrationStatus: Hydrated"
-    expect(page).to have_no_text "HydrationStatus: Page loaded"
+  # NOTE: The "renders the page completely on server" test from the shared examples is not
+  # applicable for React Router because client-side routing requires JavaScript to navigate
+  # to nested routes. This test is overridden to mark it as pending with an explanation.
+  it "renders the page completely on server and displays content on client even without JavaScript" do
+    pending("React Router requires JavaScript for client-side routing - cannot navigate to nested routes without JS")
+    raise "This test should remain pending for React Router components"
   end
-
-  # NOTE: The "renders the page completely on server" test is not applicable for React Router
-  # because client-side routing requires JavaScript to navigate to nested routes.
-  # This test only makes sense for direct server-rendered pages like /stream_async_components_for_testing
 end