system_specにてclick_buttonでRuntimeerror

Question

前提

deviseで新規登録後、プロフィール設定画面にリダイレクトするように設定

userモデルのカラムであるuser_nameを、空欄で更新ボタンを押すとバリデーションがかかり、登録できないようにしてあります。

実現したいこと

system_specにて「user_nameが空欄の時、登録できないこと」のテストが通るようにしたい

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

1) Users user CRUD ログイン前 新規登録 user_nameが空欄の時、登録できないこと
     Failure/Error: click_button '更新'
     
     RuntimeError:
       #<ActiveStorage::Attached::One:0x00007faa8dd5e960> file does not exist
     # /usr/local/bundle/gems/rack-test-2.0.2/lib/rack/test/uploaded_file.rb:95:in `initialize_from_file_path'
     # /usr/local/bundle/gems/rack-test-2.0.2/lib/rack/test/uploaded_file.rb:36:in `initialize'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/form.rb:105:in `new'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/form.rb:105:in `file_to_upload'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/form.rb:90:in `add_input_param'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/form.rb:33:in `block in params'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/form.rb:31:in `each'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/form.rb:31:in `each_with_object'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/form.rb:31:in `params'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/form.rb:43:in `submit'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/node.rb:75:in `click'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/node.rb:138:in `call'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/rack_test/node.rb:138:in `click'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/node/element.rb:172:in `block in click'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/node/element.rb:608:in `block in perform_click_action'
     # /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/element.rb:608:in `perform_click_action'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/node/element.rb:171:in `click'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/node/actions.rb:58:in `click_button'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/session.rb:771:in `click_button'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/dsl.rb:52:in `call'
     # /usr/local/bundle/gems/capybara-3.37.1/lib/capybara/dsl.rb:52:in `click_button'
     # ./spec/system/users_spec.rb:71:in `block (5 levels) in <main>'

Finished in 0.81642 seconds (files took 1.74 seconds to load)
22 examples, 1 failure

Failed examples:

rspec ./spec/system/users_spec.rb:64 # Users user CRUD ログイン前 新規登録 user_nameが空欄の時、登録できないこと

該当のソースコード

require 'rails_helper'

RSpec.describe "Users", type: :system do
  before do
    driven_by(:rack_test)
  end

  let(:user) { create(:user) }
  let(:other_user) { create(:user) }

  describe 'user CRUD' do
    describe 'ログイン前' do
      describe '新規登録' do
        context 'フォームの入力が正常' do
          it 'ユーザーの新規登録が成功' do
            visit new_user_registration_path
            fill_in 'user[email]', with: '[e-mail]'
            fill_in 'user[password]', with: 'password'
            fill_in 'user[password_confirmation]', with: 'password'
            click_button '登録する！'
            expect(page).to  have_text('プロフィール')
          end
        end
        context 'メールアドレスが未記入' do
          it 'ユーザーの登録が失敗' do
            visit new_user_registration_path
            fill_in 'user[email]', with: nil
            fill_in 'user[password]', with: 'password'
            fill_in 'user[password_confirmation]', with: 'password'
            click_button '登録する！'
            expect(page).to  have_text('Welcome!')  
          end
        end
        context 'パスワードが未記入' do
          it 'ユーザーの登録が失敗' do
            visit new_user_registration_path
            fill_in 'user[email]', with: '[e-mail]'
            fill_in 'user[password]', with: nil
            fill_in 'user[password_confirmation]', with: nil
            click_button '登録する！'
            expect(page).to  have_text('Welcome!')  
          end
        end
        context '確認パスワードがパスワードと不一致' do
          it 'ユーザーの登録が失敗' do
            visit new_user_registration_path
            fill_in 'user[email]', with: '[e-mail]'
            fill_in 'user[password]', with: 'password1'
            fill_in 'user[password_confirmation]', with: 'password2'
            click_button '登録する！'
            expect(page).to  have_text('Welcome!')
          end
        end
        context 'パスワードが6文字未満' do
          it 'ユーザーの登録が失敗' do
            visit new_user_registration_path
            fill_in 'user[email]', with: '[e-mail]'
            fill_in 'user[password]', with: 'pass'
            fill_in 'user[password_confirmation]', with: 'pass'
            click_button '登録する！'
            expect(page).to  have_text('Welcome!')  
          end
        end
        it 'user_nameが空欄の時、登録できないこと' do   <-----------------問題のコード
          visit new_user_registration_path
          fill_in 'user[email]', with: '[e-mail]'
          fill_in 'user[password]', with: 'password'
          fill_in 'user[password_confirmation]', with: 'password'
          click_button '登録する！'
          fill_in 'user_name', with: nil
          click_button '更新'
          expect(page).to have_text('ユーザー名が入力されていません')
        end
      end
      
      it 'サービス申し込みができないこと' do
        visit services_path(user.id)
        expect(page).to have_no_text('申し込む')
      end

    end
    describe 'ログイン後' do
      it 'ログアウトができること' do
        visit new_user_registration_path
        fill_in 'user[email]', with: '[e-mail]'
        fill_in 'user[password]', with: 'password'
        fill_in 'user[password_confirmation]', with: 'password'
        click_button '登録する！'
        click_button 'ログアウト'
        expect(page).to  have_text('響け、私のギター。')
      end
    end
  end
end

FactoryBot.define do
  factory :user do
    sequence(:email)   { |n| "person#{n}@example.com" }
    password           { "123456" }
    user_name          { "test" }
    self_introduce     { "test" }
  end
end

<div class="profile">
  <div class="profile-form">
    <div class="text-center">
      <h4>プロフィール</h4>
      <% if @user.profile_image.present? %>
        <%= image_tag @user.profile_image.url, class: "rounded img-fluid" %>
      <% else %>
        <img class="login-icon" src="/assets/default_icon-9263fc59c414b7228d256fc178dcb22183561357950a68f5ad086ba7ee054974.jpeg">
      <% end %>
    </div>
    <div class="profile-container">
      <%= form_with url: update_home_path, method: :post do |f| %>
      <%= render "shared/partial", obj:@user %>
        <table>
          <tr>
            <th><%= f.label :profile_image, "アイコン画像" , class:"form-label" %></th>
            <td><%= f.file_field :profile_image, class: "mb-3 form-control", value: @user.profile_image %></td>
          </tr>
          <tr>
            <th><%= f.label :user_name ,"名前", class: "form-label" %></th>
            <td><%= f.text_field :user_name, class: "mb-3 form-control", value: @user.user_name %></td>
          </tr>
          <tr>
            <th><%= f.label :self_introduce ,"自己紹介", class: "form-label" %></th>
            <td><%= f.text_area :self_introduce, class: "mb-3 form-control", value: @user.self_introduce %></td>
          </tr>
          <tr>
            <th><%= f.label :youtube_url ,"youtubeチャンネルのurl", class: "form-label" %></th>
            <td><%= f.text_area :youtube_url, class: "mb-3 form-control", value: @user.youtube_url %></td>
          </tr>
          <tr>
            <th><%= f.label :instagram_url ,"instagramのurl", class: "form-label" %></th>
            <td><%= f.text_area :instagram_url, class: "mb-3 form-control", value: @user.instagram_url %></td>
          </tr>
          <tr>
            <th><%= f.label :twitter_url ,"Twwiterのurl", class: "form-label" %></th>
            <td><%= f.text_area :twitter_url, class: "mb-3 form-control", value: @user.twitter_url %></td>
          </tr>
          </table>
            <ul class="mb-3 form-check">
            <li><%= f.submit "更新", class: "btn btn-primary"%></li>　　<-----------更新と確かに記載している
            </ul>
        <% end %>
    </div>
  </div>
</div>

class User < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise  :database_authenticatable, :registerable,
          :recoverable, :rememberable, :validatable

  has_one_attached :profile_image

  has_many :services, dependent: :destroy
  has_many :movies, dependent: :destroy

  validates :user_name, presence: true, on: :update
end

わからない点

profile画面では確かに「更新」ボタンがあるのに、なぜ Failure/Error: click_button '更新'となるのかが
わかりません。

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

rails 7

ruby3.1.1

Answer 1

profile.html.erb画面の画像を選択するフォームのvalue: @user.profile_imageをvalue: @user.profile_image.urlをしたところ、上手くテストが通りました。