🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Capybara

Capybaraは、 Rubyで開発されているWebアプリケーションテストフレームワークです。Webブラウザ不要でブラウザ上のユーザー操作及びJavaScriptの挙動を自動化することができます。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

RSpec

RSpecはRuby用のBDD(behaviour-driven development)フレームワークです。

selenium

Selenium(セレニウム)は、ブラウザをプログラムで作動させるフレームワークです。この原理を使うことにより、ブラウザのユーザーテストなどを自動化にすることができます。

Q&A

解決済

2回答

3830閲覧

Selenium::WebDriver::Error::ElementClickInterceptedError が解決できない

haru_ren

総合スコア48

Capybara

Capybaraは、 Rubyで開発されているWebアプリケーションテストフレームワークです。Webブラウザ不要でブラウザ上のユーザー操作及びJavaScriptの挙動を自動化することができます。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails 6

Ruby on Rails 6は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

RSpec

RSpecはRuby用のBDD(behaviour-driven development)フレームワークです。

selenium

Selenium(セレニウム)は、ブラウザをプログラムで作動させるフレームワークです。この原理を使うことにより、ブラウザのユーザーテストなどを自動化にすることができます。

0グッド

0クリップ

投稿2020/12/30 15:55

現在、オリジナルアプリを作成しており、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>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

こちらhtml、scssファイルを修正しているうちに解決いたしました。
これにてクローズとさせて頂きます。

投稿2021/01/12 09:08

haru_ren

総合スコア48

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

クリックしようとしたノードの上に、ダイアログなど別のノードが表示されているのでしょう。
画面スナップショットを見たら分かるのでは?

投稿2020/12/30 16:02

otn

総合スコア85893

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問