【capybara】JavaScriptで生成されたselectタグを選択することができない

Question

前提・実現したいこと

capybaraで記事の新規投稿をする場合の統合テストを書いています。
新規投稿画面で、以下のように「犬種」を選択すると、その子カテゴリーのselectタグが出てくるようにJavaScript (jQuery) を書いています。
![]
この新しく生成されたselectタグを、capybara上で選択されるようにしたいのですが、以下のようなエラーが発生します。

発生している問題・エラーメッセージ

Failures:

  1) post create post
     Failure/Error: select 'ゴールデンレトリバー', from: 'child_category'
     
     Capybara::ElementNotFound:
       Unable to find select box "child_category" that is not disabled and Unable to find input box with datalist completion "child_category" that is not disabled

該当のソースコード

spec/features/post_spec.rb

require 'rails_helper'

feature 'post', type: :feature do
  let(:user) { create(:user) }
  background do
    parent_category = Category.create(name: '大型犬', ancestry: nil)
    child_category = Category.create(name: 'ゴールデンレトリバー', ancestry: 9)
  end

  scenario 'create post', js: true do
    visit root_path
    expect(page).to have_no_content('新規投稿')

    visit login_path
    fill_in 'user_email', with: user.email
    fill_in 'user_password', with: user.password
    find('input[value="ログイン"]').click
    expect(current_path).to eq root_path
    expect(page).to have_content('新規投稿')

    expect {
      click_link('new-post-btn')
      expect(current_path).to eq new_post_path
      attach_file 'post_images_1', "#{Rails.root}/spec/support/assets/test-image.png", make_visible: true
      fill_in 'post_title', with: 'フィーチャスペックのテスト'
      fill_in 'post_body', with: 'フィーチャスペックのテスト'
      select '大型犬', from: 'parent_category'
      select 'ゴールデンレトリバー', from: 'child_category' ###ここでエラー発生###
      find('input[value="保存"]').click
    }.to change(Post, :count).by(1)
  end
end

rails_helper.rb

require 'spec_helper'
ENV['RAILS_ENV'] ||= 'test'
require File.expand_path('../config/environment', __dir__)
if Rails.env.production?
  abort('The Rails environment is running in production mode!')
end
require 'rspec/rails'

require 'capybara/rspec'
require 'capybara/poltergeist'

begin
  ActiveRecord::Migration.maintain_test_schema!
rescue ActiveRecord::PendingMigrationError => e
  puts e.to_s.strip
  exit 1
end
RSpec.configure do |config|
  Dir[Rails.root.join('spec/support/**/*.rb')].sort.each { |f| require f }
  config.include Devise::Test::ControllerHelpers, type: :controller
  config.include ControllerMacros, type: :controller
  config.include FactoryBot::Syntax::Methods
  Capybara.javascript_driver = :poltergeist
  Capybara.register_driver :poltergeist do |app|
    Capybara::Poltergeist::Driver.new(app, {js_errors: false})
  end

  Headless.new.start

  require 'database_cleaner'
  config.before(:suite) do
    DatabaseCleaner.strategy = :truncation
    DatabaseCleaner.clean_with(:truncation)
  end

  config.before(:each) do
    DatabaseCleaner.start
  end

  config.after(:each) do
    DatabaseCleaner.clean
  end

  config.fixture_path = "#{::Rails.root}/spec/fixtures"
  config.use_transactional_fixtures = false
  config.infer_spec_type_from_file_location!
  config.filter_rails_from_backtrace!  
end

FactoryBot::SyntaxRunner.class_eval do
  include ActionDispatch::TestProcess
end

posts_controller.rb

  def new
    @post = Post.new
    @images_count = @post.images.length.to_i

    @category_parent_array = ['---', '大型犬', '中型犬', '小型犬']
  end

new.html.haml

.form-group#category
  = f.label :parent_category, '犬種：'
  = f.select :parent_category, @category_parent_array, {}, { id: 'parent_category', class: 'form-control' }

javascriptで生成されるselectタグ

<select id="child_category" class="form-control mt-2" name="post[child_category]">
  <option value="---">---</option>
  <option value="ゴールデンレトリバー" data-category="10">ゴールデンレトリバー</option>
  <option value="ラブラドールレトリバー" data-category="11">ラブラドルレトリバー</option>
    ##（中略）
</select>

post-categoies.js

$(document).on('turbolinks:load', function(){
  $(function(){
    // カテゴリーセレクトボックスのオプションを作成
    function appendOption(category){
      var html = `<option value="${category.name}" data-category="${category.id}">${category.name}</option>`;
      return html;
    }
    // 子カテゴリーの表示作成
    function appendChidrenBox(insertHTML){
      var childSelectHtml = '';
      childSelectHtml = `
      <select id="child_category" class="form-control mt-2" name="post[child_category]">
        <option value="---">---</option>
        ${insertHTML}
      </select>`;
      $('#category').append(childSelectHtml);
    }  
    // 親カテゴリー選択後のイベント
    $('#parent_category').on('change', function(){
      var parentCategory = document.getElementById('parent_category').value; //選択された親カテゴリーの名前を取得
      if (parentCategory != "---"){ //親カテゴリーが初期値でないことを確認
        $.ajax({
          url: '/posts/set_category_children',
          type: 'GET',
          data: { parent_name: parentCategory },
          dataType: 'json'
        })
        .done(function(children){
          $('#child_category').remove(); //親が変更された時、子以下を削除するする
          var insertHTML = '';
          children.forEach(function(child){
            insertHTML += appendOption(child);
          });
          appendChidrenBox(insertHTML);
        })
        .fail(function(){
          alert('カテゴリー取得に失敗しました');
        })
      }else{
        $('#child_category').remove(); //親カテゴリーが初期値になった時、子以下を削除するする
      }
    });
  });
});

試したこと

以下の記事を参考にして、poltergeistをセットアップしているのですが、うまくいかず・・・

使えるRSpec入門・その4「どんなブラウザ操作も自由自在！逆引きCapybara大辞典」

また他にもcapybara-webkitを導入してみたりなどもしましたが、これもまたうまく動作しないという状態です。。
原因や解決方法がわかりそうな方がいらっしゃいましたら、ご助言いただけますと幸いです。????‍♂️

補足情報（FW/ツールのバージョンなど）

ruby 2.5.1
rails 5.2.3