解決したいこと
rails チュートリアルを下敷きにしながらポートフォリオを作成しているのですが、12章のパスワード再設定の部分でハマっています。(お前いつもハマってんな)
やりたいことは before_actionのパスワード再設定リンクが失効していた場合、root画面に遷移してパスワード再設定用モーダルを「リンクが失効しています」のアラート付きで表示したいと考えていますがうまくできません。
(動作確認はrspecでしています)
やり方が間違っているのだと思うのですが、色々力不足でどうすればよいかわかりません。アドバイスいただければ有難いです。
現状
該当controllerの一部です。
class PasswordResetsController < ApplicationController
before_action :check_expiration, only: [:edit, :update]
protect_from_forgery except: :new
def new
end
private
# パスワードリセットの期限切れかどうかの確認をする
def check_expiration
if @user.password_reset_expired?
respond_to do |format|
format.html {
flash[:danger] = 'このリンクは失効しています'
redirect_to root_url
}
format.js {
# まずroot画面に遷移
redirect_to root_url
# new.js.erbをレンダリング
render :new
# expired.js.erbをレンダリング
render :expired
}
end
end
end
end
password_reset_expired?
の中身です。
class User < ApplicationRecord
def password_reset_expired?
reset_sent_at < 2.hours.ago
end
メールテンプレートの中身です。
ここでリンクをremote: trueにしているのでformat.jsで動くと考えたのですがそうではない?
<h2>パスワードのリセット</h2>
<p>下記のリンクからパスワードをリセットしてください</p>
<%= link_to "パスワードのリセット", edit_password_reset_url(@user.reset_token,
email: @user.email), remote: true %>
<p>上のリンクはこのメールの送信から2時間で失効します</p>
<p>【注意】もしパスワードのリセットを望まないのであれば、<br>
上のリンクは開かずにこのメールは破棄してください</p>
new.js.erb
とexpired.js.erb
の中身です。
newの方はmodalを呼び出しています
$("#password-set-modal").html("<%= escape_javascript(render 'form-modal') %>")
$("#password-set-modal").modal("show")
// ログインフォームを閉じる
$("#login-modal").modal("hide")
$(".js-message-error").html("<%= escape_javascript(render 'password_resets/expired_comment') %>");
modalのフォームです。
<!-- パスワード再設定用モーダル -->
<div id="password-set-modal" class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="display: flex;">
<h5 class="modal-title">パスワードの再設定</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<hr style="margin-bottom: 3px">
<p style="padding: 16px 16px;">登録したメールアドレスを入力してください</p>
<div class="modal-body">
<%= form_with(url: password_resets_path, scope: :password_reset,
class: 'js-form') do |f| %>
<!-- ここにエラーメッセージが出る -->
<div class="js-message-error"></div>
<%= f.label :email, "メールアドレス" %>
<%= f.email_field :email, class: 'form-control' %>
<hr style="margin: 0.5rem 249px"/>
<%= f.submit "送信", class: "mt2 btn btn-info form-btn float-right" %>
<% end %>
</div>
</div>
</div>
動作確認用のrspecです
require 'rails_helper'
RSpec.describe "PasswordResets", type: :system do
let(:user) { create :user }
path_regex = /(?:https?\:\/\/.*?)(?:localhost\:3000)(?:\/password\_resets)(\/.*?)(?:\/edit\?email=.*\..{2,3})/
before do
ActionMailer::Base.deliveries.clear
end
describe 'パスワード再設定について' do
before do
visit root_path
find('.navbar-toggler').click
page.evaluate_script('$(".fade").removeClass("fade")')
click_on 'ログイン'
click_on '(パスワードを忘れた方)'
end
context '失効した再設定リンクにアクセスした時' do
it '再設定モーダルを開いて失効したリンクの旨表示すること' do
fill_in 'メールアドレス', visible: true, with: user.email
click_on '送信', visible: true
sleep 1
part =
ActionMailer::Base
.deliveries
.last
.body
.parts
.detect { |p| p.content_type == "text/html; charset=UTF-8" }
password_reset_mail = part.body.raw_source
password_reset_url = password_reset_mail.match(path_regex)[0]
user.update_attribute(:reset_sent_at, 3.hours.ago)
visit URI(password_reset_url).request_uri
sleep 1
expect(page).to have_selector('.modal', visible: true)
expect(page).to have_content('パスワードの再設定')
expect(page).to have_content('このリンクは失効しています')
end
end
end
end
上のspecを走らせた時のRails.loggerとActiveRecord::Base.loggerを使ったコンソール上の吐き出されたログをご参考に下記いたします。
Run options: include {:last_run_status=>"failed"}
PasswordResets
パスワード再設定について
失効した再設定リンクにアクセスした時
D, [2021-11-01T11:16:10.742961 #17889] DEBUG -- : (0.1ms) begin transaction
I, [2021-11-01T11:16:11.813655 #17889] INFO -- : Started GET "/" for 127.0.0.1 at 2021-11-01 11:16:11 +0900
I, [2021-11-01T11:16:13.262404 #17889] INFO -- : Started GET "/assets/application-027f7cf09ae5defd1a810fb5b492477e462411a9aaa9a1fe294d146dcb0733e2.css" for 127.0.0.1 at 2021-11-01 11:16:13 +0900
I, [2021-11-01T11:16:13.264937 #17889] INFO -- : Started GET "/assets/application-b84564a5da0219d22c2b3126e94718be59fd3f00eb49bd9e2caeff025ab51ef0.js" for 127.0.0.1 at 2021-11-01 11:16:13 +0900
I, [2021-11-01T11:16:13.724884 #17889] INFO -- : Started GET "/login" for 127.0.0.1 at 2021-11-01 11:16:13 +0900
I, [2021-11-01T11:16:13.819899 #17889] INFO -- : Started GET "/password_resets/new" for 127.0.0.1 at 2021-11-01 11:16:13 +0900
D, [2021-11-01T11:16:13.835300 #17889] DEBUG -- : (0.1ms) SAVEPOINT active_record_1
D, [2021-11-01T11:16:13.835620 #17889] DEBUG -- : User Exists? (0.1ms) SELECT 1 AS one FROM "users" WHERE "users"."email" = ? LIMIT ? [["email", "test1@example.com"], ["LIMIT", 1]]
D, [2021-11-01T11:16:13.838360 #17889] DEBUG -- : User Create (0.5ms) INSERT INTO "users" ("name", "email", "created_at", "updated_at", "password_digest", "activation_digest", "activated", "activated_at") VALUES (?, ?, ?, ?, ?, ?, ?, ?) [["name", "TestUser"], ["email", "test1@example.com"], ["created_at", "2021-11-01 02:16:13.835901"], ["updated_at", "2021-11-01 02:16:13.835901"], ["password_digest", "$2a$04$Mjdg5KQImA76ZO7He0JMD.LDcMEXYOajf.mA3wlAtN95l28QxtkHq"], ["activation_digest", "$2a$04$Cpp33qsItkSQmGcT2MYy8.qtMBLyFz1h2.PfGRdo2mPzHBRpWBrTO"], ["activated", 1], ["activated_at", "2021-11-01 02:16:13.833682"]]
D, [2021-11-01T11:16:13.838725 #17889] DEBUG -- : (0.1ms) RELEASE SAVEPOINT active_record_1
I, [2021-11-01T11:16:14.122901 #17889] INFO -- : Started POST "/password_resets" for 127.0.0.1 at 2021-11-01 11:16:14 +0900
D, [2021-11-01T11:16:14.139020 #17889] DEBUG -- : User Load (0.1ms) SELECT "users".* FROM "users" WHERE "users"."email" = ? LIMIT ? [["email", "test1@example.com"], ["LIMIT", 1]]
D, [2021-11-01T11:16:14.141030 #17889] DEBUG -- : User Update (0.1ms) UPDATE "users" SET "reset_digest" = ?, "reset_sent_at" = ? WHERE "users"."id" = ? [["reset_digest", "$2a$04$WJj1xQ/EaR6Utf84A/SijeQPthmch0gxPmGEPyvkNdj6cbS7JuYPm"], ["reset_sent_at", "2021-11-01 02:16:14.140397"], ["id", 1]]
D, [2021-11-01T11:16:14.149979 #17889] DEBUG -- : UserMailer#password_reset: processed outbound mail in 6.9ms
I, [2021-11-01T11:16:14.155315 #17889] INFO -- : Delivered mail 617f4dee25275_45e168b0267ee@bond-mbp.mail (5.0ms)
D, [2021-11-01T11:16:14.155369 #17889] DEBUG -- : Date: Mon, 01 Nov 2021 11:16:14 +0900
メール部は省略
I, [2021-11-01T11:16:14.162510 #17889] INFO -- : Started GET "/" for 127.0.0.1 at 2021-11-01 11:16:14 +0900
D, [2021-11-01T11:16:15.124675 #17889] DEBUG -- : (0.1ms) SAVEPOINT active_record_1
D, [2021-11-01T11:16:15.124942 #17889] DEBUG -- : User Update (0.1ms) UPDATE "users" SET "updated_at" = ?, "reset_sent_at" = ? WHERE "users"."id" = ? [["updated_at", "2021-11-01 02:16:15.124258"], ["reset_sent_at", "2021-10-31 23:16:15.123957"], ["id", 1]]
D, [2021-11-01T11:16:15.125164 #17889] DEBUG -- : (0.0ms) RELEASE SAVEPOINT active_record_1
I, [2021-11-01T11:16:15.129685 #17889] INFO -- : Started GET "/password_resets/NTLqTBPxIBV236zZKsp1RQ/edit?email=test1%40example.com" for 127.0.0.1 at 2021-11-01 11:16:15 +0900
D, [2021-11-01T11:16:15.142499 #17889] DEBUG -- : User Load (0.1ms) SELECT "users".* FROM "users" WHERE "users"."email" = ? LIMIT ? [["email", "test1@example.com"], ["LIMIT", 1]]
I, [2021-11-01T11:16:15.146925 #17889] INFO -- : Started GET "/" for 127.0.0.1 at 2021-11-01 11:16:15 +0900
D, [2021-11-01T11:16:20.685421 #17889] DEBUG -- : (0.3ms) rollback transaction
再設定モーダルを開いて失効したリンクの旨表示すること (FAILED - 1)
Failures:
1) PasswordResets パスワード再設定について 失効した再設定リンクにアクセスした時 再設定モーダルを開いて失効したリンクの旨表示すること
Got 2 failures:
1.1) Failure/Error: expect(page).to have_selector('.modal', visible: true)
expected to find visible css ".modal" but there were no matches. Also found "", "", which matched the selector but not all filters.
# ./spec/systems/password_resets_spec.rb:261:in `block (4 levels) in <main>'
1.2) Failure/Error: expect(page).to have_content('パスワードの再設定')
expected to find text "パスワードの再設定" in "home画面"
# ./spec/systems/password_resets_spec.rb:262:in `block (4 levels) in <main>'
Finished in 9.95 seconds (files took 1.67 seconds to load)
1 example, 1 failure
Failed examples:
rspec ./spec/systems/password_resets_spec.rb:240 # PasswordResets パスワード再設定について 失効した再設定リンクにアクセスした時 再設定モーダルを開いて失効したリンクの旨表示すること
自分で試したこと
ググって色々な記事を見ましたがググり力不足で解決に至れませんでした。