Railsチュートリアル13章Expected at least 1 element matching "div.pagination", found 0..

Question

テストを実施していますが
エラーメッセージが出てつまずいています。

#microposts_interface_test.rb

require 'test_helper'

class MicropostsInterfaceTest < ActionDispatch::IntegrationTest

  def setup
    @user = users(:michael)
  end

  test "micropost interface" do
    log_in_as(@user)
    get root_path
    assert_select 'div.pagination' #<=ここでfail発生
    # 無効な送信
    assert_no_difference 'Micropost.count' do
      post microposts_path, params: { micropost: { content: "" } }
    end
    assert_select 'div#error_explanation'
    # 有効な送信
    content = "This micropost really ties the room together"
    assert_difference 'Micropost.count', 1 do
      post microposts_path, params: { micropost: { content: content } }
    end
    assert_redirected_to root_url
    follow_redirect!
    assert_match content, response.body
    # 投稿を削除する
    assert_select 'a', text: 'delete'
    first_micropost = @user.microposts.paginate(page: 1).first
    assert_difference 'Micropost.count', -1 do
      delete micropost_path(first_micropost)
    end
    # 違うユーザーのプロフィールにアクセス (削除リンクがないことを確認)
    get user_path(users(:archer))
    assert_select 'a', text: 'delete', count: 0
  end
  test "micropost sidebar count" do
    log_in_as(@user)
    get root_path
    assert_match "#{@user.microposts.count} microposts", response.body
    # まだマイクロポストを投稿していないユーザー
    other_user = users(:malory)
    log_in_as(other_user)
    get root_path
    assert_match "0 microposts", response.body
    other_user.microposts.create!(content: "A micropost")
    get root_path
    assert_match "1 micropost", response.body
  end
end

#microposts.yml
orange:
  content: "I just ate an orange!"
  created_at: <%= 10.minutes.ago %>
  user: michael

tau_manifesto:
  content: "Check out the @tauday site by @mhartl: http://tauday.com"
  created_at: <%= 3.years.ago %>
  user: michael

cat_video:
  content: "Sad cats are sad: http://youtu.be/PKffm2uI4dk"
  created_at: <%= 2.hours.ago %>
  user: michael

most_recent:
  content: "Writing a short test"
  created_at: <%= Time.zone.now %>
  user: michael
  
#13.27
<% 30.times do |n| %>
micropost_<%= n %>:
  content: <%= Faker::Lorem.sentence(5) %>
  created_at: <%= 42.days.ago %>
  user: michael
<% end %>

ants:
  content: "Oh, is that what you want? Because that's how you get ants!"
  created_at: <%= 2.years.ago %>
  user: archer

zone:
  content: "Danger zone!"
  created_at: <%= 3.days.ago %>
  user: archer

tone:
  content: "I'm sorry. Your words made sense, but your sarcastic tone did not."
  created_at: <%= 10.minutes.ago %>
  user: lana

van:
  content: "Dude, this van's, like, rolling probable cause."
  created_at: <%= 4.hours.ago %>
  user: lana

#microposts_controller.rb
class MicropostsController < ApplicationController
  before_action :logged_in_user, only: [:create, :destroy]
  before_action :correct_user,   only: :destroy #13.52
  
  def create
    @micropost = current_user.microposts.build(micropost_params)
    if @micropost.save
      flash[:success] = "Micropost created!"
      redirect_to root_url
    else
      @feed_items = current_user.feed.paginate(page: params[:page])
      render 'static_pages/home'
    end
  end

  def destroy 
    @micropost.destroy
    flash[:success] = "Micropost deleted"
    redirect_to request.referrer || root_url
  end
  
  private
    def micropost_params
      params.require(:micropost).permit(:content)
    end
    
    def correct_user
      @micropost = current_user.microposts.find_by(id: params[:id])
      redirect_to root_url if @micropost.nil?
    end
end

#show.html.erb
<% provide(:title, @user.name) %>
<div class="row">
  <aside class="col-md-4">
    <section class="user_info">
      <h1>
        <%= gravatar_for @user %>
        <%= @user.name %>
      </h1>
    </section>
  </aside>
  
  <div class="col-md-8">
  <%# <div class="div.col-md-8"> %>
    <% if @user.microposts.any? %>
      <h3>Microposts (<%= @user.microposts.count %>)</h3>
      <ol class="microposts">
      <%# </ol.class="microposts"> %>
        <%= render @microposts %>
      </ol>
      <%# </ol.class> %>
      <%= will_paginate @microposts %>
    <% end %>
  </div>
</div>

エラーメッセージ

FAIL["test_micropost_interface", MicropostsInterfaceTest, 0.8189151930000662]
 test_micropost_interface#MicropostsInterfaceTest (0.82s)
        Expected at least 1 element matching "div.pagination", found 0..
        Expected 0 to be >= 1.
        test/integration/microposts_interface_test.rb:13:in `block in <class:MicropostsInterfaceTest>'

実際にサイトに表示すると、ページネーションは機能していました。
ご教授頂けると幸いです。
よろしくお願いいたします。

Answer 1

こんばんは。

実際にサイトに表示すると、ページネーションは機能していました。

とありますが、テストではなく、developmentモードで起動してブラウザで見た時にはページング用のリンクなどが表示されているということですね。

可能なら、ページングの部品が表示されている状態で、HTMLのソースがどうなっているか確認してみてください。
ブラウザの開発者ツールや、「ページのソースを表示」といったメニューで確認できると思います。

テストで指定している div.pagination は、HTMLの中に<div class="pagination">....という要素が存在することを想定しています。

実際に表示した際のページングのリンク付近に、<div class="pagination">.... というタグがあれば、なにかほかにも問題があるのかもしれません。
（fixturesで記載したテストデータが登録されていないとか）

逆に、実際に表示した際には、ページングのリンクなどは存在しても<div class="pagination">.... というタグが見当たらないのだとすると、テストをちょっと修正するかなにかが必要かと思います。

差し支えなければ、結果を教えていただけると嬉しいです。

こちらの質問ももしかしたら近いのかな？とは思っています。
https://teratail.com/questions/213274

Comments

[menmanegi_ayaka]

早速のコメントありがとうございます
問題が見つかりました！

home.html.erb
```
<% if logged_in? %>
<%= render 'static_pages/home_logged_in' %>
<% else %>
<%= render 'static_pages/home_not_logged_in' %>
<% end %>
```

_home_logged_in.html.erb
```
<div class="row">
<aside class="col-md-4">
<section class="user_info">
<%= render 'shared/user_info' %>
</section>
<section>
<%= render 'shared/micropost_form' %>
</section>
</aside>
<div class="col-md-8">
<h3>Micropost Feed</h3>
<%= render 'shared/feed' %>
</div>
</div>
```

home_logged_in.html.erbの
<div class="col-md-8">
<h3>Micropost Feed</h3>
<%= render 'shared/feed' %>
</div>
が抜けておりました
show.html.erbばかり見てました

お陰さまで前に進めそうです( ＾∀＾)

[suama]

よかったですね！

[menmanegi_ayaka]

@suama さん
ありがとうございました！！