Extract class for rendering js html fixtures

Author: rossta

app/javascript/test/fixtures/views/searches/combobox.html

@@ -5,7 +5,7 @@
             dialog:open@window->search-combobox#openInTarget
           "><form data-controller="autosubmit-form" data-autosubmit-delay-value="300" data-autosubmit-minimum-length-value="3" data-turbo-frame="search" action="/search" accept-charset="UTF-8" method="post"><div class="flex items-center flex-row pl-2 col-gap-xs"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1200 1200" class="w-[32px] fill-current text-theme">
   <path d="m1135.2 986.4-254.4-226.8c124.8-181.2 105.6-430.8-55.199-591.6-181.2-182.4-476.4-182.4-657.6 0-182.4 181.2-182.4 476.4 0 658.8 160.8 160.8 410.4 178.8 591.6 55.199l226.8 253.2c38.398 43.199 105.6 45.602 146.4 3.6016l6-6c40.801-40.801 39.598-108-3.6016-146.4zm-422.4-273.6c-120 120-313.2 120-432 0-120-120-120-313.2 0-432 120-120 313.2-120 432 0 120 120 120 313.2 0 432z"></path>
-</svg><label for="query" class="sr-only">Search</label> <input value="Rails" autofocus="autofocus" role="combobox" aria-expanded="false" aria-autocomplete="none" aria-controls="search-listbox" aria-owns="search-listbox" aria-haspopup="listbox" aria-activedescendant="" data-action="
+</svg><label for="query" class="sr-only">Query</label> <input value="Rails" autofocus="autofocus" role="combobox" aria-expanded="false" aria-autocomplete="none" aria-controls="search-listbox" aria-owns="search-listbox" aria-haspopup="listbox" aria-activedescendant="" id="search-combobox" data-action="
                   focus-&gt;combobox#tryOpen
                   input-&gt;autosubmit-form#submit
-                " placeholder="Search Joy of Rails" class="w-full step-1" type="search" name="query" id="query" /></div></form><ul id="search-listbox" role="listbox" class="grid" data-controller="search-listbox"><li aria-label="Mastering Custom Configuration in Rails" role="option" id="search-option_page_01jc3etwr9rb4gabrneh0dwjjh" class="rounded"><a href="/articles/mastering-custom-configuration-in-rails" data-turbo-frame="_top" class="p-2 block"><div class="font-semibold">Mastering Custom Configuration in <mark>Rails</mark></div><div class="text-sm">As your Ruby on <mark>Rails</mark> application grows, you‘ll need to add your own bits of configuration. Where do you put API keys for third-party apps? What if you need different…</div></a></li><li aria-label="Introducing Joy of Rails" role="option" id="search-option_page_01jc3etwj4p7csjx5a92qxpzad" class="rounded"><a href="/articles/introducing-joy-of-rails" data-turbo-frame="_top" class="p-2 block"><div class="font-semibold">Introducing Joy of <mark>Rails</mark></div><div class="text-sm">…With Joy of <mark>Rails</mark>, I want to do something a little different—more than I can with a static website. Built with <mark>Rails</mark> Joy of <mark>Rails</mark> is a <mark>Rails</mark> monolith currently running…</div></a></li><li aria-label="Add your Rails app to the Home Screen - the Ultimate Guide" role="option" id="search-option_page_01jc3etwn1nrym36ch59gf03gy" class="rounded"><a href="/articles/add-your-rails-app-to-the-home-screen" data-turbo-frame="_top" class="p-2 block"><div class="font-semibold">Add your <mark>Rails</mark> app to the Home Screen - the Ultimate Guide</div><div class="text-sm">…In this article, I‘ll show you how to set up your <mark>Rails</mark> app to be installable as a PWA. Install Joy of <mark>Rails</mark> Since Joy of <mark>Rails</mark> is itself a <mark>Rails</mark>…</div></a></li></ul></div>
+                " placeholder="Search Joy of Rails" class="w-full step-1" type="search" name="query" /></div><input value="search" autocomplete="off" type="hidden" name="name" id="name" /></form><ul id="search-listbox" role="listbox" class="grid" data-controller="search-listbox"><li aria-label="Here’the thing" role="option" id="search-option_search_result_articles-heres-the-thing" class="rounded"><a href="/articles/heres-the-thing"><div>Here’the thing</div><div>Ruby is a programming language</div></a></li><li aria-label="Introducing Joy of Rails" role="option" id="search-option_search_result_articles-joy-of-rails" class="rounded"><a href="/articles/joy-of-rails"><div>Introducing Joy of Rails</div><div>Rails is a web application framework</div></a></li></ul></div>

lib/html_fixtures/renderer.rb

@@ -0,0 +1,65 @@
+module HtmlFixtures
+  class Renderer
+    def render_all
+      request = ActionDispatch::Request.new({})
+      request.routes = ApplicationController._routes
+
+      instance = ApplicationController.new
+      instance.set_request! request
+      instance.set_response! ApplicationController.make_response!(request)
+      view_context = instance.view_context
+
+      File.write(
+        Rails.root.join("app", "javascript", "test", "fixtures", "views", "darkmode", "switch.html"),
+        DarkMode::Switch.call
+      )
+
+      search_result = Data.define(:title, :url, :body) do
+        def to_key = [url.parameterize]
+
+        def model_name = ActiveModel::Name.new(self, nil, "SearchResult")
+      end
+
+      Class.new(ApplicationComponent) do
+        attr_reader :search_result
+
+        def initialize(search_result)
+          @search_result = search_result
+        end
+
+        def view_template
+          a(href: search_result.url) do
+            div { raw safe(search_result.title) }
+            div { raw safe(search_result.body) }
+          end
+        end
+
+        Searches::Result.register(search_result, self)
+      end
+
+      search_results = [
+        search_result.new(title: "Here’the thing", url: "/articles/heres-the-thing", body: "Ruby is a programming language"),
+        search_result.new(title: "Introducing Joy of Rails", url: "/articles/joy-of-rails", body: "Rails is a web application framework")
+      ]
+
+      File.write(
+        Rails.root.join("app", "javascript", "test", "fixtures", "views", "searches", "combobox.html"),
+        Searches::Combobox.new(results: search_results, query: "Rails").call(view_context:)
+      )
+    end
+  end
+end
+
+module InlineSvgIdGeneratorRandomnessOverrideForFixtures
+  def call
+    "non-random-for-fixtures"
+  end
+end
+
+if Rails.env.local?
+  class InlineSvg::IdGenerator::Randomness
+    class << self
+      prepend InlineSvgIdGeneratorRandomnessOverrideForFixtures
+    end
+  end
+end

lib/tasks/fixtures/html.rake

@@ -1,37 +1,7 @@
 namespace :fixtures do
   task html: :environment do
-    if Rails.env.local?
-      class InlineSvg::IdGenerator::Randomness
-        class << self
-          prepend InlineSvgIdGeneratorRandomnessOverrideForFixtures
-        end
-      end
-    end
+    require_relative "../../html_fixtures/renderer"
 
-    Rake::Task["db:seed"].invoke
-
-    request = ActionDispatch::Request.new({})
-    request.routes = ApplicationController._routes
-
-    instance = ApplicationController.new
-    instance.set_request! request
-    instance.set_response! ApplicationController.make_response!(request)
-    view_context = instance.view_context
-
-    File.write(
-      Rails.root.join("app", "javascript", "test", "fixtures", "views", "darkmode", "switch.html"),
-      DarkMode::Switch.call
-    )
-
-    File.write(
-      Rails.root.join("app", "javascript", "test", "fixtures", "views", "searches", "combobox.html"),
-      Searches::Combobox.new(pages: Page.search("Rails*").with_snippets.ranked.limit(3), query: "Rails").call(view_context:)
-    )
-  end
-end
-
-module InlineSvgIdGeneratorRandomnessOverrideForFixtures
-  def call
-    "non-random-for-fixtures"
+    HtmlFixtures::Renderer.new.render_all
   end
 end