現在、オリジナルアプリを作成しており、Rspecにてbootstrapを導入したのですがSelenium::WebDriver::Error::ElementClickInterceptedErrorが発生し解決できず困っております。
bootstrap導入前はテストは通っておりました。
何卒よろしくお願いいたします。
エラー
Failure/Error: click_on '削除' Selenium::WebDriver::Error::ElementClickInterceptedError: element click intercepted: Element <a class="delete-live_companion" data-confirm="本当に...しますか?" rel="nofollow" data-method="delete" href="/live_companions/1">削除</a> is not clickable at point (699, 261). Other element would receive the click: <div class="row">...</div> (Session info: headless chrome=87.0.4280.88) .............................................. Failure/Error: click_link "編集" Selenium::WebDriver::Error::ElementClickInterceptedError: element click intercepted: Element <a class="edit-live_companion" href="/live_companions/1/edit">...</a> is not clickable at point (653, 261). Other element would receive the click: <div class="row">...</div> (Session info: headless chrome=87.0.4280.88) [Screenshot]: /Users/genkihirano/Portfolio/connect/tmp/screenshots/failures_r_spec_example_groups_live_companions_nested_3_nested_nested_削除成功のフラッシュが表示されること_382.png
live_companions_spec.rb(システムテスト)
require 'rails_helper' RSpec.describe "LiveCompanions", type: :system do let!(:user) { create(:user) } let!(:other_user) { create(:user) } let!(:live_companion) { create(:live_companion, :picture, user: user) } let!(:comment) { create(:comment, user_id: user.id, live_companion: live_companion) } describe "投稿詳細ページ" do context "ページレイアウト" do before do login_for_system(user) visit live_companion_path(live_companion) end context "投稿の削除", js: true do it "削除成功のフラッシュが表示されること" do login_for_system(user) visit live_companion_path(live_companion) within find('.change-live_companion') do click_on '削除' end page.driver.browser.switch_to.alert.accept expect(page).to have_content '投稿が削除されました' end end end end
show.html.erb
<% provide(:title, "#{@live_companion.artist_name}") %> <% @comments = @live_companion.feed_comment(@live_companion.id) %> <div id="fh5co-portfolio"> <div class="container"> <div class="row"> <div class="col-md-4"> <span class="picture"> <%= link_to((image_tag @live_companion.picture.thumb400.url), live_companion_path(@live_companion.id), class: 'live_companion-picture') if @live_companion.picture.url.present? %> </span> <%= render 'users/favorite_form' %> <%= render 'users/live_list_form' %> </div> <div class="col-md-8"> <h2 class="artist_name"><%= @live_companion.artist_name %></h2> <div class="change-live_companion"> <% if current_user == @live_companion.user %> <%= link_to "編集", edit_live_companion_path(@live_companion), class: 'edit-live_companion' %> <% end %> <% if current_user.admin? || (current_user == @live_companion.user) %> <%= link_to "削除", live_companion_path(@live_companion), method: :delete, class: 'delete-live_companion', data: { confirm: "本当に削除しますか?" } %> <% end %> </div> <h4 class="live_name"><%= @live_companion.live_name %></h4> <h4 class="schedule"><%= @live_companion.schedule %></h4> <h4 class="live_memo"><%= @live_companion.live_venue %></h4> <h4 class="live_memo"><%= @live_companion.live_memo %></h4> <div class="comment"> <%= render "comments/feed_comments" %> <%= render "comments/new" %> </div> </div> </div> </div> </div>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。