html.erbと検証ツールのコードが不一致の件

【共有】
html.erbファイルのコードとそのコードのレスポンスビューのコードが一致しない件
ChatAppのユーザーログイン機能の結合テストコードで「fill_in ‘user_email’, with: @user.email」というコードが出てきたので、html.erbファイルの中から「@user.email」を入力する対象のフォーム（フォーム名：‘user_email’）を探していましたが見つかりません、、、

そこで、メンターにご教示頂いた内容を共有します。

Q、対象のフォーム（フォーム名：‘user_email’）はどこにありますか？

A,対象のファイル名はhtml.erbファイルにはなく、レスポンスの画面上にのみ存在する。
このhtml.erbはヘルパーメソッド「form_with」が使われているので、ビューを返す時に自動で不足している要素をrailsが補完して表示してくれる。その為、html.erbとレスポンスのビューではコードが一致しない。

※ヘルパーメソッドはrailsの機能の一つなのでGemfileに「gem ‘rails’, ‘~> 6.0.0’」の記載が必要とのことです。

 

・app/views/devise/sessions/new.html.erb
https://gyazo.com/80b1f618111714590617a53063d5d253

<div class='field-label'>
  <%= f.label :email%>
</div>
<div class='field-input'>
  <%= f.email_field :email, autofocus: true%>
</div>

・そのコードのレスポンスのビュー
https://gyazo.com/8659959d72d53d04574e730b7be8f4c8

<div class='field-label'>
  <label for="user_email">Email</label>
</div>
<div class='field-input'>
  <input autofocus="autofocus" type="email" value name="user[email]" id="user_email">
</div>