RailsアプリでRspecでテストコードを書いている際の要素が取れないエラー

Question

前提・実現したいこと

Railsでタスク管理アプリを作っています。
複数のタスクを作成した場合、タスクが作成日時の降順に並んでいることを確認するためにRspecにてテストコードを記載している際に以下のエラーメッセージが発生しました。

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

Failure/Error: expect(task_list[0]).to have_content 'タスク２'
       expected to find text "タスク２" in ""

ブラウザ上にはタスク２と表示されているのですが、
空欄になっており、値が取得できていないようです。
しかし、解決策がわからないままとなってます。

該当のソースコード

require 'rails_helper'

RSpec.describe 'タスク管理機能', type: :system do
  before do
    FactoryBot.create(:task)
    FactoryBot.create(:second_task)
  end
  
describe 'タスク一覧画面' do
context '複数のタスクを作成した場合' do
  it 'タスクが作成日時の降順に並んでいること' do
  visit tasks_path
  task_list = all('.task_list') 
  expect(task_list[0]).to have_content 'タスク２'
  expect(task_list[1]).to have_content 'タスク１'
  end
end
end

FactoryBot.define do
  factory :task do
    title { 'タスク１' }
    content { 'コンテント１' }
  end
  factory :second_task, class: Task do
    title { 'タスク２' }
    content { 'コンテント２' }
  end
end

class TasksController < ApplicationController
  before_action :set_task, only: [:show, :edit, :update, :destroy]

  # GET /tasks
  def index
    @tasks = Task.all
    @title = Task.group(:title).pluck(:title).sort
    @tasks = Task.order(created_at: :desc)
    if params[:sort_expired]
      @tasks = Task.all.order(deadline: :desc)
    end
  end

  def search
      @tasks = Task.where('title LIKE ?', "%#{params[:title]}%")
      @title = Task.group(:title).pluck(:title).sort
      render :index
  end

  # GET /tasks/1
  def show
    @task = Task.find(params[:id])
  end

  # GET /tasks/new
  def new
    @task = Task.new
  end

  # GET /tasks/1/edit
  def edit
  end

  # POST /tasks
  def create
    @task = Task.new(task_params)

    if @task.save
      redirect_to @task, notice: 'Task was successfully created.'
    else
      render :new
    end
  end

  # PATCH/PUT /tasks/1
  def update
    if @task.update(task_params)
      redirect_to @task, notice: 'Task was successfully updated.'
    else
      render :edit
    end
  end

  # DELETE /tasks/1
  def destroy
    @task.destroy
    redirect_to tasks_url, notice: 'Task was successfully destroyed.'
  end

  private
    # Use callbacks to share common setup or constraints between actions.
    def set_task
      @task = Task.find(params[:id])
    end

    # Only allow a trusted parameter "white list" through.
    def task_params
      params.require(:task).permit(:title, :content, :rank, :deadline, :status)
    end
end

<h1>Tasks</h1>

<div class="">
<p>タイトル</p>
<%= form_tag(tasks_path, :method => 'get' ) do %>
<%= text_field_tag(:title) %>
<p>ステータス</p>
<%= select_tag(:status) %>
<%= submit_tag '検索'%>
<% end %>
</div>

<table>
  <thead>
    <tr>
      <th>Title
      </th>
      <th>Content</th>
      <th>Rank</th>
      <th>Deadline</th>
      <th>状態</th>
      <th colspan="3"></th>
    </tr>
  </thead>

  <tbody>
    <% @tasks.each do |task| %>
      <tr>
        <td><%= task.title %></td>
        <td><%= task.content %></td>
        <td><%= task.rank %></td>
        <td><%= task.deadline %></td>
        <td><%= task.status %></td>
        <td><%= link_to 'Show', task %></td>
        <td><%= link_to 'Edit', edit_task_path(task) %></td>
        <td><%= link_to 'Destroy', task, method: :delete, data: { confirm: 'Are you sure?' } %></td>
      </tr>
    <% end %>
  </tbody>
</table>

<%= link_to "終了期限でソートする", tasks_path(sort_expired: "true") %>
<br>

<%= link_to 'New Task', new_task_path %>

試したこと

FactoryBotではなくdescribe内に必要な値をcreateする記述に変更してみましたが関係ありませんでした。

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

Gemfileは以下のとおりです。

group :development, :test do
  gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
  gem 'database_cleaner'
  gem 'rspec-rails'
  gem 'spring-commands-rspec'
  gem 'factory_bot_rails'
  gem 'faker'
  gem 'launchy'
end

group :development do
  gem 'web-console', '>= 3.3.0'
  gem 'listen', '>= 3.0.5', '< 3.2'
  gem 'spring'
  gem 'spring-watcher-listen', '~> 2.0.0'
end

group :test do
  gem 'capybara', '>= 2.15'
  gem 'webdrivers'
end

よろしくおねがいいたします。

Comments

[winterboum]

もしまだ未解決なら、viewとcontrollerを見せて下さい。

[ktanizaw]

ご連絡ありがとうございます。
原因はわからないままとなっております・・・

viewとcontrollerのソースコードを質問に追記しました。確認お願いします。

Answer 1

対象のviewは　<h1>Tasks</h1>　で始まっているviewで間違いないですね？
task_list = all('.task_list') とあるのですが、そのviewには task_listというクラスのついた要素が無いので、配列task_listが空となっています

Comments

[ktanizaw]

ご回答ありがとうございます！

クラス付がされていなかったですね・・・失礼しました。
解決致しました！