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

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

新規登録して質問してみよう
ただいま回答率
87.20%
Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

解決済

Rspecで要素は存在するがスクロールして画面から見えなくなったことをテストしたい

mikeko0901
mikeko0901

総合スコア1

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

2回答

0評価

0クリップ

85閲覧

投稿2021/05/06 14:19

表題の通りなんですが、

Rspecで要素は存在するが、下にスクロールすることでトップにあった要素が画面内から見えなくなったことをテストしたいです。
なぜこのようなテストが必要かというと、ボタンを押すと下にスクロールするという機能があり、それが正しく動くかを検証したいからです。

イメージ説明
例えば、画像のように「サポートページ:Ruby徹底攻略」という文字がありますが、
下にスクロールすると、

イメージ説明
このように「サポートページ:Ruby徹底攻略」は見えなくなります。しかし画面内の要素としては消えていません。
この「見えなくなる」ということをテストしたいです。

何卒よろしくお願いします

良い質問の評価を上げる

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

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

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

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

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

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

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

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

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

hentaiman
hentaiman

2021/05/06 14:42

nodejsインストールミスってるだけでは?
mikeko0901
mikeko0901

2021/05/06 14:55

私もNode.jsのインストールができていないのかなと思いまして、、 Dockerfileの && curl -sL https://deb.nodesource.com/setup_12.x | bash - \ && apt-get install -y nodejs でインストールできていないのでしょうか・・・記述が誤っているのでしょうか・・
hentaiman
hentaiman

2021/05/07 04:42

dockerfileの最下部に以下を追加してみたら? RUN curl -sL https://deb.nodesource.com/setup_15.x | bash - \ && apt-get update -y \ && apt-get install -y nodejs \ && apt autoremove -y ちなみに自分ならnodeをphpコンテナにインストールするのではなくnpm用のコンテナ別で用意します
mikeko0901
mikeko0901

2021/05/07 07:02

ありがとうございます。いただいたものをDockerfileの最下部に追加し、 docker-compose build docker-compose up まで進めました!!。しかし、その後、 ・docker exec -it [コンテナ名] bash でプロジェクトのコンテナ内に入る ・root@c7a256e6f42e:/var/www/html# cd [フォルダ名] (フォルダ移動) ・root@c7a256e6f42e:/var/www/html/[フォルダ名]# npm install && npm run dev で以下のエラーが出てしまいます… 『bash: npm: command not found』 …npm install && npm run devは、コンテナ内に入って実行するのですよね? 何度もすみません… npm用のコンテナを別に用意した方がうまく行くのでしたらそちらも試してみようと思いました…

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

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

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

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです