ブラウザの自動操作で手軽さを追求したらAWS LambdaとPhantomJSの組み合わせにたどり着いた - Qiita
はじめに 2018/07/31追記 PhantomJSについて こちらで紹介したPhantomJSは現在、リポジトリがアーカイブされて利用は非推奨です。 手軽に実装すらなら現在は以下とpuppeteerの組み合わせがオススメです。 https://www.npmjs.com/package/@serverless-chrome/lambda こちらの組み合わせの記事ついては別途紹介記事を書きます。 DMM.com #1 Advent Calendar 2017 の14日目を担当します、 @mesh1neko です。 普段はAWSやNode.jsをメインに扱っています 今日はブラウザ操作を極力お手軽にやる組み合わせについて書きます。 ▼このAdvent Calendar について 前日の記事は、 @canacel さんの ReduxにImmutable.JSを適用してみた でした。 これは
PhantomJSからHeadless Chromeに移行したときにハマったポイント - Qiita
祝！Chrome Headless移行完了 私が担当しているプロジェクトのFeatureSpecで、Headless Chromeに移行が完了しました。なかなか大変だったので、ハマったポイントを覚えている限り書いておこうと思います。 Capybara.register_driver周辺 画像をダウンロードしない設定など テーブルに行がなくなるとテーブルごとvisibleがfalse扱いになる DatePickerを使用している箇所にfill_inでデータを入れると、DatePickerが表示されっぱなしになり、被っているボタンが押せなくなる driver依存の操作ができなくなる trigger('click')など driver.network_trafficなど alert, confirm, promptなどのダイアログ系が自動でOKを押されなくなる register_driverでH
CasperJS,PhantomJSのアプリケーションを即起動できる状態で相手に渡す方法 - Qiita
batで環境変数を設定するというごく当たり前の方法ですが、忘れそうなのでメモ。 何がしたいか 社内のWEBシステムが使い辛く、本質的じゃない作業に小一時間かかるので、操作を自動化したい！とリーダーからHELP 要件は以下の通り。 WEB操作を自動化したい ソフトのインストールはしない もらったらexeかbatを叩くだけ 1はCasperJSで作って解決しました。 問題は2と3。とにかくすぐ動かせる状態で欲しいとのこと！ 結論：バッチファイルを用意し、環境変数をセットするだけ DLしたcasperjsとphantomjsを適当に配置します。（今回はbin配下にした） アプリケーション名/ ├ bin/ │ ├ casperjs/ │ │ ├ casperjs.exe │ │ └ casperjs.js │ └ phantomjs/ │ └ phantomjs.exe ├ // some f
もう毎日の打刻めんどいからSlack botにやってもらおう ―― その２ - Qiita
class MessageHandler(Handler): '''メッセージハンドリングクラス''' (中略） def run_crawler(self): ''' クロール共通処理 ''' # ユーザー名を取得 send_user = self.get_send_user() user_info = super().get_user_info(send_user) # チャンネル名を取得 channel_info = self.get_channel_info() # ユーザー情報が存在すれば打刻処理を行う if user_info: if not super().is_all_fields_filled(send_user): self.message.reply('設定されていない項目があるため打刻処理を実行できません。') else: # クロール img_path = self
GhostbustersはSeleniumの塔に登るか？ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは！ 皆さん映画見てますか！！ 映画ってほんとうに良いものですよね！！！ 私は昨年ついに、立川シネマシティの会員になってしまいました！！！！ 突然ですが映画の話を差し込みます ゴーストバスターズ という1984年の大ヒット映画があります。科学兵器で幽霊退治をする映画です。 最近になってあらためて観ますと、劇中の最終目的地となるビルが呪術的な構造をしていて純度の高いSelenium（セレン）を含んでいる、なんて感じの説明があってニヤリとするわけです。 Seleniumの構造体に巣食うPhantomを退治してしまうのね... という
Capybaraでheadless chromeと戯れるための覚書。spider on ruby - Qiita
# !/usr/bin/env ruby require 'capybara' require 'capybara/dsl' require 'selenium-webdriver' chrome_option_arg = ['headless', 'disable-gpu', 'window-size=1680,1050'] Capybara.register_driver(:selenium) do |x| Capybara::Selenium::Driver.new( x, browser: :chrome, desired_capabilities: Selenium::WebDriver::Remote::Capabilities.chrome(chrome_options: { args: chrome_option_arg }) ); end Capybara.javascr
[memo] Install phantomjs into Ubuntu - Qiita
sudo apt-get update sudo apt-get install build-essential chrpath libssl-dev libxft-dev -y sudo apt-get install libfreetype6 libfreetype6-dev -y sudo apt-get install libfontconfig1 libfontconfig1-dev -y cd ~ export PHANTOM_JS="phantomjs-2.1.1-linux-x86_64" wget https://github.com/Medium/phantomjs/releases/download/v2.1.1/$PHANTOM_JS.tar.bz2 sudo tar xvjf $PHANTOM_JS.tar.bz2 sudo mv $PHANTOM_JS /usr
![[memo] Install phantomjs into Ubuntu - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/12e0eda238c45c8bc2ec3b206276c3d6ba3d19c2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCbWVtbyU1RCUyMEluc3RhbGwlMjBwaGFudG9tanMlMjBpbnRvJTIwVWJ1bnR1JTIwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1mM2VkMmFkMWQyZTlhMmRjMGQ0YmQ4MzFjYTM4YTM2NQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDAxMDAwMTAmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPThhZDZiZGQ2MGM4MzNjYWQzYWQxYzExOTE1OWYwNjM4%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D49e215bbfd6bd584d32ef3b5f5d8ecd7)
phantomjsの昔のバージョンがほしい場合（未解決） - Qiita
brew install phantomjs だと2018年2月時点でv2.1.1しか手に入らず、古いRailsでのテストのため昔のバージョンがほしいので色々調べてみた。 注意！！ 解決できてません。素直に最新版で使えるように、poltergeist等の依存ライブラリをアップデートした方が良いです 結論 macだとインストールできなかった。 npmでインストールできるので、してみる。バージョンを調べる。 $ npm view phantomjs versions $ npm install -g phantomjs@1.9.9 インストールはできたが、起動時にエラー。 child_process.js:380 throw new TypeError('"file" argument must be a non-empty string'); ^ TypeError: "file" argu
phantomjsでscroll後の画像がrenderできない - Qiita
問題 表題の通り。 会社のメンバーから質問きたので、解決方法を調査して答えました。 そのときの知見として残しておきます。 phantomjsの準備 ここで書くことじゃないけども、一応こんな感じ echo '{"scripts": {"start": "phantomjs script.js"}}' >> package.json echo 'console.log("Hello, World!"); phantom.exit()' >> script.js npm install --save-dev phantom phantomjs npm start var page = require('webpage').create(); page.viewportSize = { width: 320, height: 480 }; page.clipRect = { top: 0, lef
Windows環境でProtractor動かしてみる - Qiita
nodeを入れる 入っている方は読み飛ばしてください。 nodeのバージョン管理ソフト「nodist」を入れる 公式サイトからインストーラを取得する。 https://github.com/marcelklehr/nodist#installing-with-the-official-installer 特に問題がなければデフォルトのままインストールする。 参考： http://qiita.com/yokoh9/items/20d6bdc6030a3a861189 Gitクライアントを入れる Gitクライアントにパス通っていれば良い。 無ければ入れる。 Git GUIを入れる。 ここからインストーラを取得する。 http://git-scm.com/download/win 設定を二か所、デフォルトから変更する。 cmd.exe以外からも使うように設定変更する。 checkoutとcomm
protractorでAzure AD ログインしてみる - Qiita
protractor 実行下でAzure AD（以下、AAD）にログインしてみた。 ※AADログイン画面へのURL生成手順等は割愛。 自アプリから画面遷移してAADでログインする際、 browser.driver.sleepを使用してProtractorのコード実行タイミングを調整。 'use strict'; describe('My App', function() { // 認証情報 var EMAIL = "test@test.onmicrosoft.com"; var PASSWORD = "Abc1234567"; // AngularJSを使用していないページでのテストを許可 browser.ignoreSynchronization = true; // AADログイン画面へのURLなどを指定、遷移するページ var LOGIN_URL = "http://localhos
ProtractorとAngularJSではじめてのE2Eテスト - Qiita
この記事は前回からの続きとなります。 AngularJSのE2Eテストといえば、Protractorですね。公式ページにもあるfor AngularJSの記述がなんとも心強いです。 ProtractorはAngularJSのために開発されているだけあり、テスト実行時に何も考えずとも__AngularJSと同期してくれる__という最強に素晴らしい機能を備えています。 何を同期してくれるのか AngularJSはモデルの変更を検知するためにScope Life Cycleという機構を備えています。この機構によりモデルの変更は即座に検知され、同時にビューを最新の状態に保ちます。Protractorはこのライフサイクル中に実行される$digestループの完了を検知（同期）してくれるので、ビューの再レンダリングが完了する前にテスト処理が実行されてしまうといった事態を確実に回避してくれます。 また、$
gulpでProtractor(Selenium+Jasmine)を動かす - Qiita
ProtractorはAngularJSのためのE2E(End To End)テストのフレームワークです。 AngularJSのための、といっても中身はSelenium(ブラウザの自動操作ツール)とJasmine(javascript用のテストフレームワーク)なので、普通にWebシステムのE2Eテストとして使うことができます。 今回は、Protractorのインストールからgulpで実行するまでについてまとめます。 インストール npm(node.js)とgulpは入っている前提で。 Protractorはnpmからインストールし、webdriver-managerのupdateを実行します。 npm install protractor node node_modules/protractor/bin/webdriver-manager update Protractor単体で動かす S
ProtractorのテストコードをTypeScriptで書く - Qiita
前の記事でProtractorの導入を行いました。 しかし、JavaScriptでそのまま書いていたので、できればTypeScriptで書きたい。 さらにその上で、webpackを使って複数のテストコードをbundle化し、一つのjsファイルにします。 準備 今回使うパッケージを一通り入れておきます。 前回入れたprotractor関連は書いてないので、そちらは前の記事を参考にしてください。 typescript webpack ts-loader gulp gulp-typescript gulp-webpack glob npm install typescript webpack ts-loader gulp gulp-typescript gulp-webpack glob TypeScriptでコードを書く 今回もProtractorのデモサイトを使ったテストコードを書きます。
フロントエンドのテストに真面目に向き合う - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最新版=>フロントエンドのテストについて考える 背景 フロントエンドのテストは、テストランナー、フレームワーク、Node.js、ブラウザ、Selenium、WebDriverなど、登場人物が多い。また、UIと密接に絡むのも特徴である。 これまで社内では、テスト種別によって、それぞれ解決したい事柄が明示的に示されていなかった。それぞれのテスト種別にどんな意味があり、何を目的とするかを明確にすることで、機能に対して、どのようなテストを実装すればよいのか共通認識を持っておくために、この記事を作成した。 フロントエンドのテスト4象限 今回この記
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
selene 1.0aで「ModuleNotFoundError: No module named 'webdriver_manager.phantomjs'」と出て起動しない場合の対処 - Qiita
node.js で Phantom を使えるようにするまでの準備 - Qiita
PhantomJS × CasperJSによる初めてのブラウザテスト - Qiita
Pythonによるスクレイピング&機械学習のお勉強その2-2 - ブラウザーを経由したスクレイピング - Qiita
iPhone SimulatorでJavaScriptの自動テストを動かす - Qiita
