Playwright を使うなら Jest は要らない？ : (*x).b=z->a+y/c
◆ Playwright でも Jest と同じ expect() を使える ◆ ユニットテストにも使えるなら Jest はなくてもいい？ ◆ モック機能は Jest が便利なのであったほうがいいかも ◆ Playwright のセレクタで React のコンポーネントが使えるけど minify してるとダメ Playwright と Jestちょっと前に Playwright 使おうかなーと書いて最近使ってみてました Puppeteer の場合はブラウザを操作するだけなので テストに関する機能は別のツールを使う必要があります ユニットテストで Jest を使っているならそのまま Jest を使えます Playwright だとそういう機能が組み込まれています 便利だけどユニットテストで Jest を使ってると共存するのはどうするのがいいんでしょう？ 探してみると jest-playwri
PlayWright を使ってE2Eテストを書いてみた | Tech Blog | CRESCO Tech Blog
こんにちは。クロステック・オフィスの benishouga です。 この記事は「CRESCO Advent Calendar 2020」20日目の記事です。 今回は PlayWright というライブラリについて、調べる機会があったので、PlayWright とは？という説明を少しと、簡単な使い方として「ユーザー操作を記録してのコード生成」「マルチブラウザ向けの E2E テスト」を行ってみたいと思います。
Microsoft Edgeのユーザーエージェントがカオスなので注意 - Qiita
Windows 10の標準ブラウザ「Microsoft Edge」のユーザーエージェントがカオスです。下記の太字部分に注目してください。 Mozilla/5.0 (Windows NT 10.0; Win64; x64; ServiceUI 11) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299 （Microsoft EdgeHTML 16にて確認） なんと、Microsoft EdgeはWebkit系エンジンではない（EdgeHTMLエンジンといいます）にも関わらず、AppleWebkit、Chrome、Safariという文字列が入っています。これは、Webkit系ブラウザと互換性を持たせ、WebKitブラウザ用の処理も実行できるようにするためです。 (参考：M
WebのUIテスト自動化 - Seleniumを使ってみる - Qiita
Appiumを色々触っているんですが、仕組みが同じSeleniumもちょっと触ってみました。 だいぶ色々なことができそうなのでこちらも触りつつメモを取っていこうと思います。 実際の動画デモ 実際にどんなことができるのか、参考動画を撮ってみました。 内容的にはネタな感じにしていますが、どんなことができるか分かってもらえるかと思いますｗ Seleniumとは Seleniumはクロスブラウザ、クロスプラットフォームのUIテストツールです。 ブラウザに表示される要素を操作し、取得して想定されうる状態になっているかをテストできます。 また、画面のキャプチャを撮ることもできます。 検索してみると有用な記事がいくつかあるので、詳細はそちらを見てください。 ここでは簡単に触ったメモや所感を書いていきます。 JavaScriptテスト自動化ツールSeleniumのこれまでとこれから（前編）。第1回 日本S
滅び行くAndroid 標準ブラウザをサポート外にして悩みの種をなくす話
Android 4.3系以前で使われた標準のブラウザ（Android Browser）は、不具合も多いし、デバッグ方法もろくにない。スマホのIE6と化しているこのブラウザはもうサポートするのやめたかった。 しかもこの標準のブラウザはGoogleからのサポートはすでに切られています。脆弱性も絶賛放置中！ https://plus.google.com/+AdrianLudwig/posts/1md7ruEwBLF（公式見つからなかった） なのでユーザー的にも開発者的にも標準ブラウザを使うメリットはないので、 標準ブラウザのユーザーをChromeに移行するようにページトップに警告を表示し、Android 標準ブラウザをサポートから外しました。 標準ブラウザを判定する方法 あまりJSでがんばりたくないので、UAで判定します。いつもカオスなUAですが今回もカオスです。 Android端末ユーザーエ
ブラウザ対応が簡単に！「modernizr.js」の機能と利用方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、最近あだ名が増えるばかりのおじいちゃんと申します。 今回はブラウザ対応で便利な「modernizr.js」を紹介します。 modernizr.jsとは modernizr.jsはJavaScriptのライブラリです。 閲覧者のブラウザがどのような機能をサポートしているかをチェックして、HTMLタグにサポート状況を判別できるクラスを付与し、その結果を記録したmodernizrグローバルオブジェクトを生成してくれます。 それらを利用して、ブラウザごとの処理を記載することが可能となります。ということで、さっそく使ってみましょう。 ダウンロード 下記よりダウンロードが可能です。 Modernizr http://modernizr.com/ modernizr.jsをダウンロードしようとするとチェックボックスが並んでいるページが表示されます。これらの項目はmodernizr.jsを使用
Yandex、UI要素をシンプル化した新ブラウザのアルファ版を公開
検索エンジン、メールサービス、オンラインショッピングサイトなどを手がけるロシア企業のYandexが、自社製ブラウザの新バージョンを公開した。このブラウザは、ユーザーインターフェイスで気を散らす要素をそぎ落として最小限にしようと試みている。 テスト用の初期アルファ版として公開されているこのブラウザは、できる限りウェブコンテンツに集中できるように設計され、アドレスバーや「戻る」ボタンといったインターフェイス要素は目立たない形で配置されている。Yandexによると、このブラウザはまた、同社が計画している将来のモバイルデバイス向けブラウザの原型になるという。 この新バージョンのブラウザは実際、今日のブラウザの大半と外見がやや異なっている。新規タブページの背景には動画が表示されているほか、「Opera」の「スピードダイヤル」に似たカスタマイズ可能なタイルが格子状に配置され、お気に入りのサイトやよく利
ChromiumベースのユニークなGoogle Chrome派生ブラウザ6個まとめ | フリーソフトラボ.com
ITリテラシーの高いユーザー層を中心に着実にシェアを伸ばしている、Google製ウェブブラウザのGoogle Chromeですが、その設計のベースになっているのが、Googleが中心となって開発している、Chromiumと呼ばれるオープンソースプロジェクトのウェブブラウザです。 Google Chromeは、このChromiumにGoogleが商標やロゴを施し、自動更新機能、Adobe Flashを組み込むなどカスタムビルドしたものとして製品化されていますが、 Chrome以外にも、Chromiumのソースコードを流用して独自にブランドや機能を追加しリリースされているブラウザがいくつか存在します。 というわけで今回は、そんな”Google Chrome派生ブラウザ”とも言えるユニークなChromiumベースブラウザたちを”ネタ”として集めてみました。実用性ではどれもChromeと比べて大き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - microsoft/playwright: Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
http://solidstate.jp/Others/cssChange/script_85.html