Capybaraを使う！！！(Rails + Rspec + Capybara)

4341 ワード
RSpec Ruby Capybara Rails Ruby テキストリンク

Rspecの導入がまだの方はこちら

Rails + Rspec + Capybaraを前提として進めていきます。

Capybara

テストのためのrubyフレームワークです
これを使うと画面表と同じ様な感覚でE2Eテストを実施できます。

インストールする

1.Gemfileに追加

Gemfile
group :development, :test do
 gem 'capybara'
 gem 'selenium-webdriver'
end

インストールします、

$ bundle install

2.spec_helper.rbにrequire 'capybara/rspec'を追加

spec_helper.rb
require 'capybara/rspec'
RSpec.configure do |config|

3.テストを書く


のような
一般的なログイン画面で
メールアドレス（name="email"),
パスワード（name="password"）
でログイン（ログインを押したら"ログインしました"）
するまでのテストです。

spec/system/user_spec.rb
require 'rails_helper'

RSpec.feature 'login' do
  background do
    # ユーザ作成
    User.create!(name:'testuser', email: '[email protected]', password: '123456', password_confirmation: '123456')
  end
  scenario 'ログインする' do
    # ログインページを開く
    visit login_path

    # ログインフォームにメールアドレスとパスワードを入力する
    fill_in 'email', with: '[email protected]'
    fill_in 'password', with: '123456'
    # ログインボタンをクリック
    click_on 'ログイン'
    # ログインに成功したことを検証
    expect(page).to have_content 'ログインしました'
  end
end

画面上のような操作でテストができるので便利です！！！

※RSpecでヘルパーを作成する方法
こちらの記事が参考になります
https://breakthrough-tech.yuta-u.com/rspec/how-to-make-spec-support/