DevTools Tips: Record and replay user flows with the Recorder | Blog | Chrome for DevelopersBuild with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
ブラウザ自動操作技術の深層へ、直接触れて学ぶ WebDriver と Chrome DevTools Protocol
ウェブアプリケーションの開発においてE2Eテストの自動化は身近なトピックです。SeleniumやPuppetter、PlaywrightやAppiumなどがブラウザ・ネイティブアプリの自動操作のOSSとしてよく挙げられます。しかし、それらの裏側はご存知でしょうか？ 本トークではこれらのツールの背後にいるWebDriver、Chrome DevTools Protocolsに焦点を当てます。 WebDriver、CDPとはなにか、その違い、仕様について、PHPエンジニアに身近な言語を用いて"直接"実装することを通じて解説します。 本トークを通じて直接触れることでライブラリでwrapされている裏側まで知ることできます。E2Eテスト自動化の課題に出会ったときに「裏側がこうだからたぶんこういうことだよね」と想像できるようになる、少し世界の見え方が変わる時間を提供します。
Migrating from Capybara to Puppeteer — Engineering Blog - Wealthfront
A little over 9 months ago, Wealthfront converted 100% of our end-to-end tests from Selenium (via Capybara) to Puppeteer. The process involved converting hundreds of tests that provide coverage for just about all of Wealthfront’s product offerings on the website. This blog post will cover why we migrated away from Selenium, the process we used to convert the tests, and the result of the completed
GitHub - qawolf/qawolf: 🐺 Create browser tests 10x faster
At QA Wolf, we’re building the magical QA experience that we wanted when we were managing engineering teams. With zero effort on your part, we get you to 80% automated test coverage in 4 months — and keep you there. We plan. You’ll get a test matrix covering every user flow in your web app, from happy path to edge case and everything in between. We automate. Using vanilla, open source Microsoft Pl
Using with puppeteer · Jest
Generating code coverage for test files using Puppeteer is currently not possible if your test uses page.$eval, page.$$eval or page.evaluate as the passed function is executed outside of Jest's scope. Check out issue #7962 on GitHub for a workaround. Use jest-puppeteer PresetJest Puppeteer provides all required configuration to run your tests using Puppeteer. First, install jest-puppeteer
Puppeteer Recorder - Chrome Web Store
A Chrome extension for recording browser interaction and generating Puppeteer & Playwright scripts
Getting Started with Jest and Puppeteer
Jest is a testing framework maintained by Facebook that works great with Puppeteer, a library for controlling Headless Chrome. In this post we will go over how to: Setup Jest, Puppeteer and BabelUse Puppeteer’s API to emulate a mobile device, use selectors, scroll a page, listen to requests, and return response dataWrite tests that are asynchronous and make assertions in JestPuppeteer is still und
LayoutTestsから始めるChromiumソースコードリーディング - Qiita
この記事はChromium Browser Advent Calendar 2017 19日目の記事です。カレンダー参加者にはChromiumコミッタの方たちが並んでいますが、空きがあったのでせっかくならと思い飛び込んでみました。 まえがき 筆者は普段WEBアプリケーションのフロントエンド／サーバーサイドの開発をしています。Chrome内部のアーキテクチャや仕組みについてはアドベントカレンダーの他の記事に詳しく書かれているのでそちらに任せるとして（どの記事も力作なのでまだ全部読み切れていない）、普段WEBフロントエンドを書く人間にとって価値のある情報をまとめるべくこの記事を執筆しました。 Chromiumのコードベースはとても巨大で、何も知らない状態からいきなりコードを読み始めるのはなかなか難しいです。普段利用しているブラウザのAPIがどういう風に実装されているかを探そうすのもコツが要りま
Automated testing with Headless Chrome | Blog | Chrome for Developers
If you want to run automated tests using Headless Chrome, look no further! This article will get you all set up using Karma as a runner and Mocha+Chai for authoring tests. What are these things? Karma, Mocha, Chai, Headless Chrome, oh my! Karma is a testing harness that works with any of the most popular testing frameworks (Jasmine, Mocha, QUnit). Chai is an assertion library that works with Node
Talend API Tester - Free Edition
REST、SOAP、HTTP APIと視覚的に対話できます。 Talend API Testerへようこそ! これは、以前はRestlet Clientと呼んでいたFreeエディションです。Talend API Testerにより、HTTPとREST APIの呼び出し、検索、テストが容易に行えます。 Talend API Tester - Freeエディションの主な機能は次のとおりです。 1. リクエストの送信とレスポンスの検査。 Talend API Tester - Freeエディションは、どんなに複雑なHTTPリクエストでも処理できます。リクエストは変数を挿入することで動的にできます。セキュリティ、認証、さらにはハイパーメディアとHTML形式も完全にサポートされています。HTTPレスポンスを表示し、見栄えを整え、検査できます。 2. API動作の検証。 APIが仕様どおりに動作してい
GitHub - Experience-Monks/hihat: :tophat: local Node/Browser development with Chrome DevTools
local Node/Browser development with Chrome DevTools Runs a source file in a Chrome DevTools process. Saving the file will reload the tab. This is useful for locally unit testing browser code with the full range of Web APIs (WebGL, WebAudio, etc). It provides access to profiling, debugger statements, network requests, and so forth. It can also be used to develop typical Node projects, or as a gener
Automate NW.js UI testing — Yaniv Kessler's blog
NW.js, previously known as node-webkit is a technology that enables a whole new way of writing desktop applications using web technologies. If you are not familier with it, I strongly suggest you get acquainted, and after you do, get back to this post. Recently I ran into this nifty module called chrome-remote-interface, a Remote Debugging Protocol interface to instrument Chrome. Quite a few of th
Chrome Extension の CI が出来るようになるまで(導入編) · けんごのお屋敷
個人的に趣味で Chrome Extension の開発をしていますが、最近いろいろとノウハウも溜まってきたので Chrome Extension の CI について少しまとめてみようと思います。 目次 はじめに Chrome Extension のテストを書く 何をテストするのか テストフレームワーク Jasmine のインストール Jasmine でテストを書いてみる JavaScript APIs をモックする HTML Fixture を読み込む Chrome Extension のテストを実行する テストランナー Karma Karma のインストール Karma でテストを実行する ファイルの変更を監視する コードカバレッジを出力する HTML Fixture を読み込む Chrome Extension を CI する CI サービス Wercker Wercker にリポジ
Automation testing Chrome extensions
This article would be helpful if you develop Chrome extension and you need automation testing to reduce cost of testing. We try to automate functional testing of Chrome extension with Selenium WebDriver. On the other hand it may look impossible to automate as Selenium works only with webUI and to manipulate Chrome extension should be used GUI testing tool similar to ldtp. You can use any GUI autom
Chrome Extensionでユニットテストしてみる #TddAdventJp - くりにっき
これは TDD Advent Calendar 2013 の24日目です。 23日目 @quicy さんの レガシースタイル: JnarioでJavaのTDD でした 24日目 : Chrome Extensionでユニットテストしてみる Chrome Gitlab Notifier でユニットテストをしてみたので共有です 何をテストするのか？ 人によって粒度は違うと思いますが、自分の場合普段のウェブアプリの開発だと Model : 割と書く 不安なところは全部テストを書く View : 書かない デザイン崩れや使いやすいかどうかは目で見ないと分からないため自動化できない 社内ツールを作ることが多いので、画面は適当でいい 分単位で変わる仕様に対してユニットテストを書くのは無駄 Controller : 多少書く GETやPOST叩いた時にエラーが起きないこと（最低限のハッピーパスの担保）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - KabaLabs/Cypress-Recorder: A dev tool that records user interaction with a web application and generates cypress code to allow the developer to replicate that particular session.
GitHub - reg-viz/storycap: A Storybook Addon, Save the screenshot image of your stories via puppeteer.
GitHub - shellscape/mocha-chrome: :coffee: Run Mocha tests using headless Google Chrome
web-platform-tests in Blink and beyond
ebrehault/resurrectio: CasperJS test recorder Chrome extension
