タグ

techrachoとPuppeteerに関するhachiのブックマーク (2)

  • Docker + Puppeteer を使ったテスト自動化の入門体験記|TechRacho by BPS株式会社

    ebi です。前回の記事と同タイミングに下書きしていた記事なのに何故か半年間放置されていました……。 いつかやろうと思っていた Puppeteer 記事について、ウイングドアさんの記事に先越されちゃったので、Puppeteer の基的な説明なんかはそちらに任せていきなり題から入っていきます。 なお、この記事はもっと雑にやろうとしたことやったことを垂れ流していくスタンスの記事で落差が酷いですが予めご了承ください。 特に目新しいツールの記事でもなくて恐縮ですが、過去の記事の傾向からして何をいまさらなので気後れせずやっていきます。 前置き この記事での自動化させたいテストとは、普段実際にブラウザを使用して画面を操作して期待する画面の表示、動き、ページ遷移をテストするような動作確認の類です。 画面操作と期待する結果について、厳密なテストコード化はせず、スクリーンショットを撮影して終わります。

    Docker + Puppeteer を使ったテスト自動化の入門体験記|TechRacho by BPS株式会社
  • Puppeteerで簡単にホームページのキャプチャ画像を取得|TechRacho by BPS株式会社

    BPSの福岡拠点として一緒にお仕事させて頂いてます、株式会社ウイングドアのアリタです。 今回は、サイズ指定のホームページのキャプチャ画像を簡単に取得する方法のご紹介です。 (Puppeteer知っている方は読み飛ばしていただいて大丈夫です) 追記(2019/06/19): waitForNavigation()を使わない方法に修正しました。 はじめに ホームページのキャプチャを取りたいけれど、毎度 キャプチャ画像を取得 * Windowsの場合:Snipping Tool を使ってキャプチャ画像を取得(参考) * Macの場合:「Command + Shift + 4」でキャプチャ画像を取得 指定サイズに画像切り抜き など手動で行なっていたら・・面倒ですよね。 そこで、Puppeteerを利用したキャプチャ画像の取得方法をご紹介します。 Puppeteerとは Puppeteer Pupp

    Puppeteerで簡単にホームページのキャプチャ画像を取得|TechRacho by BPS株式会社
  • 1