質問をすることでしか得られない、回答やアドバイスがある。

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

ただいまの
回答率

87.37%

docker上でsystemspecを実行したが、javascript利用箇所でエラーが出る

受付中

回答 0

投稿

  • 評価
  • クリップ 1
  • VIEW 372
退会済みユーザー

退会済みユーザー

現在ruby on railsのポートフォリオにdockerを導入しています。
chromeのimageを指定して、systemspec自体は動くようになったのですが、数カ所でエラーが起きています。

 Comments コメント削除 投稿ユーザーの場合 コメントの削除ができる
     Failure/Error: page.accept_confirm '削除しますか?'

     Capybara::NotSupportedByDriverError:
       Capybara::Driver::Base#accept_modal

このほかにもエラーが何箇所か起きているのですが、Javascriptを使っている部分で起きています。

調べたところ、テストに js:trueのオプションをつける必要があるとのことでしたのでjsを使用しているテストコードにit 'コメントの削除ができる', js:true doとしてテストを実行したのですが、ブラウザーが見つからないというエラーが発生してしまいます。

1.1) Failure/Error: driven_by :remote_chrome

          Webdrivers::BrowserNotFound:
            Failed to find Chrome binary.


解決をしたいのですが、どのようにコードを改善すれば良いかわからないため、わかる方いましたらご教授いただきたいです。
以下、該当ファイルのコードです。

Dockerfile

FROM ruby:2.6.5

RUN apt-get update -qq && apt-get install -y build-essential imagemagick nodejs

RUN mkdir /search_laundry
WORKDIR /search_laundry


COPY Gemfile /search_laundry/Gemfile
COPY Gemfile.lock /search_laundry/Gemfile.lock

RUN gem install bundler && bundle install
COPY . /search_laundry


docker-compose.yml

version: '3'

services:
  db:
    image: mysql:5.7
    command: mysqld --character-set-server=utf8 --collation-server=utf8_unicode_ci
    environment:
      MYSQL_USER: root
      MYSQL_PASSWORD:
      MYSQL_ROOT_PASSWORD: password
      MYSQL_DATABASE: search_laundry_development
    ports:
      - "3306:3306"
    volumes:
      - mysql-data:/var/lib/mysql

  web:
    build: .
    command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
    environment:
      - AWS_ACCESS_KEY_ID
      - AWS_SECRET_ACCESS_KEY
      - GOOGLE_MAP_API
    volumes:
      - .:/search_laundry
    ports:
      - "3000:3000"
    depends_on:
      - db 
      - chrome
    tty: true
    stdin_open: true
  chrome:
    image: selenium/standalone-chrome:latest
    ports:
      - 4444:4444
volumes:
  mysql-data:
    driver: local

rails_helper

Capybara.register_driver :remote_chrome do |app|
  url = "http://chrome:4444/wd/hub"
  caps = ::Selenium::WebDriver::Remote::Capabilities.chrome(
    "goog:chromeOptions" => {
      "args" => [
        "no-sandbox",
        "headless",
        "disable-gpu",
        "window-size=1680,1050"
      ]
    }
  )
  Capybara::Selenium::Driver.new(app, browser: :remote, url: url, desired_capabilities: caps)
end

RSpec.configure do |config|

  config.before(:each, type: :system, js: true) do
    driven_by :remote_chrome
    Capybara.server_host = IPSocket.getaddress(Socket.gethostname)
    Capybara.server_port = 3001
    Capybara.app_host = "http://#{Capybara.server_host}:#{Capybara.server_port}"
  end

  config.before(:each, type: :system) do
    driven_by :rack_test
  end
end

開発環境は以下のとおりです。

  • rails 6.0.3.3
  • docker 19.03.13
  • rspec 4.0.1

よろしくお願いいたします。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

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

  • ただいまの回答率 87.37%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る