RailsチュートリアルテストをRSpecで実施 【フィーチャスペック編 users_signup_spec 2/7】

spec/features/users_signup_spec.rb

RSpec.feature "UsersSignup", type: :feature do

  # サインアップページ
  describe "signup"
    # signupフォームが正しいこと
    scenario "sign up form have right css"

    # 情報が valid
    context "valid info"
      # 成功 (increment: 1)
      scenario "success create user"
      # successメッセージがあること
      scenario "success messages"
      # profile-page へリダイレクトすること
      scenario "redirect to profile-page"

    # 情報が invalid
    context "invalid info"
      # 失敗 (increment: 0)
      scenario "fail create user"
      # errorメッセージがあること
      scenario "error messages"
      # サインアップページのまま
      scenario "render signup-page"
end

spec/features/users_signup_spec.rb
require 'rails_helper'

RSpec.feature "UsersSignup", type: :feature do

  include SupportModule
  # subject { page }

  describe "signup" do
    before { visit "/signup" }
    it_behaves_like "signup-form have right css"
    # normal
    # valid な情報の場合
    context "valid info" do
      # 成功 (increment: 1)
      it_behaves_like "success create user"
    end
    # abnomal
    # invalid な情報の場合
    context "invalid info" do
      # 失敗 (increment: 0)
      it_behaves_like "fail create user"
    end
  end
end

  spec/support/shared_examples.rb

                      # フォーム

    # サインアップ
    # users#new
    shared_examples_for "signup-form have right css" do
      it { expect(page).to have_css('label', text: 'Name') }
      it { expect(page).to have_css('label', text: 'Email') }
      it { expect(page).to have_css('label', text: 'Password') }
      it { expect(page).to have_css('label', text: 'Confirmation') }
      it { expect(page).to have_css('input#user_name') }
      it { expect(page).to have_css('input#user_email') }
      it { expect(page).to have_css('input#user_password') }
      it { expect(page).to have_css('input#user_password_confirmation') }
      it { expect(page).to have_button('Create my account') }
    end

                    # ユーザの作成

    # ユーザの作成（一般ユーザ）
    # users#create
    # 成功
    shared_examples_for "success create user" do
      scenario "user increment 1" do
        expect {
          visit signup_path
          fill_in_signup_form(:user) # => SupportModule を使用
          click_button "Create my account"
        }.to change(User, :count).by(1)
        # 成功メッセージ
        expect(page).to have_css("div.alert.alert-success", text: "Welcome to the Sample App!")
        # profile-page へリダイレクトしていること
        expect(page).to have_current_path(user_path(User.last))
        expect(current_path).to eq user_path(User.last)
      end
    end
    # 失敗
    shared_examples_for "fail create user" do
      scenario "user increment 0" do
        expect {
          visit signup_path
          fill_in_signup_form(:user, invalid: true) # => SupportModule を使用
          click_button "Create my account"
        }.to change(User, :count).by(0)
        # 失敗メッセージ
        expect(page).to have_css('div.alert.alert-danger', text: "errors")
        # サインアップページのまま
        expect(page).to have_title("Sign up")
        expect(page).to have_css("h1", text: "Sign up")
      end
    end

  spec/support/support_module.rb

  module SupportModule

    def fill_in_signup_form(user, option = { invalid: false })
      if option[:invalid]
        fill_in "Name",         with: ""
        fill_in "Email",        with: ""
        fill_in "Password",     with: ""
        fill_in "Confirmation", with: ""
      else
        # 属性値をハッシュとして作成
        params = attributes_for(user) # => ファクトリ使用
        fill_in "Name",         with: params[:name]
        fill_in "Email",        with: params[:email]
        fill_in "Password",     with: params[:password]
        fill_in "Confirmation", with: params[:password]
      end
    end
  end

  # spec/factories/users.rb
  FactoryBot.define do
    # 自分
    # factory [ファクトリ名], class: [クラス名]
    factory :user, class: User do
      name     "Example user"
      email    "user@example.com"
      password              "foobar"
      password_confirmation "foobar"
      admin false
    end
  end

  $ rails console test --sandbox
  [1] pry(main)>
  [2] pry(main)> u = FactoryBot.attributes_for(:user)
  => {:name=>"Example user",
   :email=>"user@example.com",
   :password=>"foobar",
   :password_confirmation=>"foobar",
   :admin=>false}

$ bin/rspec spec/features/users_signup_spec.rb

UsersSignup
  signup
    behaves like signup-form have right css
      should have visible css "label" with text "Name"
      should have visible css "label" with text "Email"
      should have visible css "label" with text "Password"
      should have visible css "label" with text "Confirmation"
      should have visible css "input#user_name"
      should have visible css "input#user_email"
      should have visible css "input#user_password"
      should have visible css "input#user_password_confirmation"
      should have visible button "Create my account"
    valid info
      behaves like success create user
        user increment 1
    invalid info
      behaves like fail create user
        user increment 0

Finished in 6.22 seconds (files took 2.21 seconds to load)
11 examples, 0 failures