【Rspec】컨트롤러의 테스트 코드로 수수께끼의 에러가 나온 이야기~CSS의 기술 미스~

해결하고 싶은 것

모델 테스트 코드가 끝나고 컨트롤러 테스트 코드를 작성했습니다.
내용을 아무것도 쓰지 않고 실행하고 녹색으로 모든 것이 다니고 안심.
그런데 내용을 써 체크해 가자 시작한 화살의 사건입니다.

발생한 문제 / 오류

Failures:

  1) PartiesController GET #index indexアクションにリクエストすると正常にレスポンスが返ってくる
     Failure/Error: <%= image_tag '1.jpeg', class: 'img-fluid', alt: 'Responsive image' %>

     ActionView::Template::Error:
       Invalid CSS after "  padding: 20px;0": expected "{", was "}"
     # (sass):10660
     # ./app/views/parties/index.html.erb:10:in `_app_views_parties_index_html_erb__2288480399134122666_70347675772820'
     # ./spec/requests/parties_spec.rb:11:in `block (3 levels) in <top (required)>'
     # ------------------
     # --- Caused by: ---
     # Sass::SyntaxError:
     #   Invalid CSS after "  padding: 20px;0": expected "{", was "}"
     #   (sass):10660

Failure/Error: <%= image_tag '1.jpeg', class: 'img-fluid', alt: 'Responsive image' %>
이 코드는 top 페이지에 표시하고 있는 이미지의 코드로 관계없는 것일 것인데, 왠지 여기가 걸린다.
테스트 코드는 이런 느낌.

parties_spec.rb

require 'rails_helper'

describe PartiesController, type: :request do

  before do
    @party = FactoryBot.build(:party)
  end

  describe "GET #index" do
    it "indexアクションにリクエストすると正常にレスポンスが返ってくる" do
      get root_path
      binding.pry
      expect(response.status).to eq 200
    end
    it "indexアクションにリクエストするとレスポンスに投稿済みのpartyの名前が存在する" do
    end
    it "indexアクションにリクエストするとレスポンスに投稿済みのpartyの画像が存在する" do
    end
    it "indexアクションにリクエストするとレスポンスに投稿済みのpartyの開催地域が存在する" do
    end
    it "indexアクションにリクエストするとレスポンスに投稿済みのpartyのジャンルが存在する" do
    end
  end
end

binding.pry 에서 멈추지 않았습니다.
index 액션으로 나란히 있는 것과 관계없는 것이 걸려 있는 것은 알았지만, 아무래도 원인이 잡히지 않은 채 시간이 지나 버리고 있었다.
거기서 에러문을 읽어 보면, CSS가 이상한 것 같은 표시.
응? ? 왜 CSS? ?

ActionView::Template::Error:
Invalid CSS after "  padding: 20px;0": expected "{", was "}"

padding: 20px;0잘 보면 이것이 이상한 것을 깨닫는다.
「　;　」의 뒤에 수수께끼에 「　0　」이 들어 있다. 미스 타입이다.
복사하고 VScode의 검색에 걸어 보면, 해당하는 기술이 CSS 파일에 있었으므로 0을 지워 수정.

확실히 테스트가 다녔다!
에러의 해소 방법의 기본은 에러문을 읽는다는 것이 아직도 제대로 되어 있지 않다고 통감.
검색하고 힌트를 받았으므로 감사합니다.

참고로했습니다.

CSS 설명이 잘못되어 오류가 발생한 이야기

고마워요.