rails チュートリアル８章の終わりでrails tを実行したら謎のエラーが出た

Question

前提・実現したいこと

rails チュートリアルの８章の終わりくらいで、rails t を実行すると以下のようなエラーが出ました。
解決方法を具体的に（初心者です）教えていただけますか？？

users_signup_test.rb のコードを以下に貼りました。

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

Error:
UsersSignupTest#test_invalid_signup_information:
Nokogiri::CSS::SyntaxError: unexpected '<' after '.'
test/integration/users_signup_test.rb:15:in `block in class:UsersSignupTest'

該当のソースコード

require 'test_helper'

class UsersSignupTest < ActionDispatch::IntegrationTest

test "invalid signup information" do
get signup_path
assert_no_difference 'User.count' do
post users_path, params: { user: { name: "",
email: "user@invalid",
password: "foo",
password_confirmation: "bar" } }
end
assert_template 'users/new'
assert_select 'div#<CSS id for error explanation>'
assert_select 'div.<CSS class for field with error>'

end

test "valid signup information" do
get signup_path
assert_difference 'User.count', 1 do
post users_path, params: { user: { name: "Example User",
email: "[e-mail]",
password: "password",
password_confirmation: "password" } }
end
follow_redirect!
assert_template 'users/show'
assert_not flash.empty?
end
end

試したこと

users_signup_test.rb のどこかがおかしいのかな〜と

色々とググりましたがわからずです・・・。

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

ここにより詳細な情報を記載してください。

Answer 1

assert_select 'div#<CSS id for error explanation>'
assert_select 'div.<CSS class for field with error>'

ここで文法エラーになってます。
cssセレクタの記述がおかしいです。

<CSS class for field with error> これは「エラーのcssクラス名をここに書いてください」的な意味合いなので、実際のクラス名で置き換える必要があります。 正しい文法だと`div.error-field`みたいな感じになります。

Comments

[yutakanagashima]

ありがとうございます。チュートリアル５章にて、その部分の記述に関するコードを変更するのを忘れていたようでした。無事エラーは出なくなりました。またよろしくお願いします。

[set0gut1]

おめでとうございます！

Answer 2

私も同じところで詰まったのでこれから学習される方の参考に、実際のクラス名で置き換えた例を記載しておきます。

（置き換え前）

assert_select 'div#<CSS id for error explanation>'
assert_select 'div.<CSS class for field with error>'

（置き換え後）

assert_select 'div#error_explanation'
assert_select 'div.field_with_errors'

Answer 3

 Nokogiri::CSS::SyntaxError: unexpected '<' after '.'

とのことなので，CSS の記述が間違っている（. のあとに < がある）のではないでしょうか。

Comments

[yutakanagashima]

ありがとうございます。無事該当部分を書き換えてうまくいきました。またご指導よろしくお願いします。