Selenium WebDriver, Nokogiri を使って、文字列からHTML を作って、
それをJavaScript で実行して、DOM を更新しているけど、
こういう原始的なやり方で良いのかな？

もっと、ERB とか、Vue.js みたいな、UI コンポーネント指向の書き方はできないのかな？

doc = Nokogiri::HTML(driver.page_source)
content_wrapper = doc.at_css("#content") # 全体の枠

# 画像ノード
img_wrapper_str = <<"EOT"
<div class="img_wrapper"><img></div>
EOT

picture_urls.each do | pict_url | # 画像のURL
img_wrapper = Nokogiri::HTML::DocumentFragment.parse img_wrapper_str

img = img_wrapper.at_css "img"
img.set_attribute('src', pict_url) # 属性

img_wrapper.parent = content_wrapper # 親
end

jsCode = <<"EOT"
var elem = document.getElementById("content");
elem.innerHTML = '#{ content_wrapper.inner_html }';
EOT

driver.execute_script jsCode # JavaScript を実行