[Rails]RSpecで"<%= f.collection_select ... %>"テスト時の"Capybara::ElementNotFound:"が解決できない

Question

Rails 6 によるポートフォリオのRSpecテストを書いています。

レコードの新規登録画面でインスタンス変数に配列を代入して<%= f.collection_select ... %>に渡しているのですが、システムスペックでCapybaraを用いたテストがうまくいかずに長時間詰まっています。

ご助言をいただけると幸いです。

起きている問題

RSpecのシステムスペックで、Capybaraにより<%= f.collection_select ... %>からselect要素を生成すると、<option value=\"<モデルのid>\">となってしまう。

その結果、find("#glider_flight_aircraft_type_id").find("option[value='1]").select_optionを通すことができない。

期待する要素

"<select class="select required" name="***[***]" id="***_id"><option value=""></option>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
...
</select>"

今回

"<select name=\"glider_flight[aircraft_type_id]\" id=\"glider_flight_aircraft_type_id\"><option value=\"\"></option>\n
<option value=\"553\">ASK_4</option>\n
<option value=\"554\">ASK_5</option>\n
<option value=\"555\">ASK_6</option>
</select>"

関連するコード

src/app/controllers/glider_flights_controller.rb

class GliderFlightsController < ApplicationController
...
  before_action :set_glider_flight_selectors, only: [:new, :edit, :new_from_groups] <= ここでselect boxの値をセット

  def new
    @glider_flight = GliderFlight.new
  end

  def create
    @glider_flight = current_user.glider_flights.build(glider_flight_params)
    if @glider_flight.save
      new_log_number
      flash[:success] = "フライトログを投稿しました。"
      redirect_to glider_flights_url
    else
      render 'glider_flights/new'
    end
  end

src/app/controllers/application_controller.rb

class ApplicationController < ActionController::Base
...
  def set_glider_flight_selectors
    @glider_type = AircraftType.where("category = ?", 'glider')
  end
...
end

src/app/views/glider_flights/new.html.erb

<% provide(:button_text, '登録する') %>
...
<%= form_with(model: @glider_flight, local: true) do |f| %>
  <%= render 'shared/error_messages', object: f.object %>
...
  <%= f.collection_select :aircraft_type_id, @glider_type, :id, :aircraft_type, prompt: "選択してください" %>
...
  <%= f.submit yield(:button_text) %>
<% end %>

@glider_typeの中身(手動で)

[1] pry(#<#<Class:0x00007f773cacbd08>>)> @glider_type
=> [#<AircraftType:0x00007f773cb2bd70
  id: 1,
  aircraft_type: "ASK21",
  category: "glider",
  created_at: Sun, 19 Jun 2022 21:53:58.084863000 JST +09:00,
  updated_at: Sun, 19 Jun 2022 21:53:58.084863000 JST +09:00>,
 #<AircraftType:0x00007f773cb95b30
  id: 2,
  aircraft_type: "ASK21B",
  category: "glider",
  created_at: Sun, 19 Jun 2022 21:53:58.104022000 JST +09:00,
  updated_at: Sun, 19 Jun 2022 21:53:58.104022000 JST +09:00>,
 #<AircraftType:0x00007f773cb95a68
  id: 3,
  aircraft_type: "ASK23b",
  category: "glider",
  created_at: Sun, 19 Jun 2022 21:53:58.127391000 JST +09:00,
  updated_at: Sun, 19 Jun 2022 21:53:58.127391000 JST +09:00>]

src/spec/factories/aircraft_types.rb

FactoryBot.define do
  factory :aircraft_type do
    sequence(:aircraft_type) { |n| "ASK_#{n}" }
    category { "glider" }
  end
end

src/spec/systems/glider_glights_spec.rb

require 'rails_helper'
require 'glider_flights_helper'

RSpec.describe GliderFlight, type: :system do
  describe 'logged in user' do
    before do
      user = create(:user)
      user.confirm
      user.avatar.attach(io: File.open(Rails.root.join('app/assets/images/t_kyab.jpg')), filename: 't_kyab.jpg')
      user.user_cover.attach(io: File.open(Rails.root.join('app/assets/images/test/user_test_cover/user_test_cover_4.jpg')), filename: 'user_test_cover_4.jpg')
      create(:glider_initial_log, user: user)
      sign_in user
      @glider_type = create_list(:aircraft_type, 3)
    end
    it 'should get new_glider_flight_path' do
      get new_glider_flight_path
      expect(response).to have_http_status 200
    end
    context 'with valid value' do
      it 'glider flight can be registered' do
        visit new_glider_flight_path
        fill_in 'glider_flight[date]', with: Date.today

        binding.pry

        find("#glider_flight_aircraft_type_id").find("option[value='1]").select_option
        select 'JA21MA', from: 'glider_flight[glider_ident]'
        fill_in 'glider_flight[departure_point]', with: '***'
        fill_in 'glider_flight[takeoff_time]', with: Time.current
        fill_in 'glider_flight[release_alt]', with: '400'
        fill_in 'glider_flight[number_of_landing]', with: 1
        fill_in 'glider_flight[arrival_point]', with: '***'
        fill_in 'glider_flight[landing_time]', with: Time.current + 6
        choose 'ウインチ曳航'
        choose '機長'
        check '野外飛行'
        fill_in 'glider_flight[note]', with: '備考欄です。'
        click_button '登録する'
        expect(GliderFlight.all).to change{ GliderFlight.all.size }.by(1)
        expect(current_path).to eq glider_flights_path
      end
    end
  end
end

RSpecエラー文

Failures:

  1) GliderFlight logged in user with valid value glider flight can be registered
     Failure/Error: find("#glider_flight_aircraft_type_id").find("option[value='ASK_4']").select_option
     
     Capybara::ElementNotFound:
       Unable to find css "option[value='ASK_4']" within #<Capybara::Node::Element tag="select" path="/html/body/header/div/main/article[2]/div/div[2]/form/div[1]/div/div[2]/div[2]/div[1]/select">
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/node/finders.rb:310:in `block in synced_resolve'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/node/base.rb:83:in `synchronize'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/node/finders.rb:299:in `synced_resolve'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/node/finders.rb:60:in `find'
     # ./spec/systems/glider_glights_spec.rb:23:in `block (4 levels) in <main>'

@glider_typeの中身(RSpecを実行した場合)

前項該当箇所の直前でbinding.pryしました。

[1] pry(#<RSpec::ExampleGroups::GliderFlight_2::LoggedInUser::WithValidValue>)> @glider_type
=> [#<AircraftType:0x000055895018fd60
  id: 553,
  aircraft_type: "ASK_4",
  category: "glider",
  created_at: Wed, 06 Jul 2022 21:59:31.387230000 JST +09:00,
  updated_at: Wed, 06 Jul 2022 21:59:31.387230000 JST +09:00>,
 #<AircraftType:0x0000558950175cf8
  id: 554,
  aircraft_type: "ASK_5",
  category: "glider",
  created_at: Wed, 06 Jul 2022 21:59:31.394274000 JST +09:00,
  updated_at: Wed, 06 Jul 2022 21:59:31.394274000 JST +09:00>,
 #<AircraftType:0x00005589501e7970
  id: 555,
  aircraft_type: "ASK_6",
  category: "glider",
  created_at: Wed, 06 Jul 2022 21:59:31.402043000 JST +09:00,
  updated_at: Wed, 06 Jul 2022 21:59:31.402043000 JST +09:00>]

capybaraで取得した要素の中身

[1] pry(#<RSpec::ExampleGroups::GliderFlight_2::LoggedInUser::WithValidValue>)> find('#glider_flight_aircraft_type_id').native.to_s
=> "<select name=\"glider_flight[aircraft_type_id]\" id=\"glider_flight_aircraft_type_id\"><option value=\"\">選択してください</option>\n<option value=\"553\">ASK_4</option>\n<option value=\"554\">ASK_5</option>\n<option value=\"555\">ASK_6</option></select>"

---

お手数お掛けしますが、よろしくお願いいたします。