test('event should work', async ({ mount }) => { let clicked = false; // Mount a component. Returns locator pointing to the component. const component = await mount( <Button title="Submit" onClick={() => { clicked = true }}></Button> ); // As with any Playwright test, assert locator text. await expect(component).toContainText('Submit'); // Perform locator click. This will trigger the event. await
Future of Storybook in 2023
Storybook is the industry-standard UI development workshop for components and pages. It's used by BBC, Netflix, Twitter, and thousands more teams. Our goal is to make the tools and techniques used by the best frontend teams available to everyone. Today, Storybook has established itself as the best practice for component development, testing, and documentation. It supports every major web framework
JavaScript関連プロジェクトのランキング「2020 JavaScript Rising Stars」が公開
JavaScript関連プロジェクトのランキング「2020 JavaScript Rising Stars」が公開：GitHubリポジトリの年間スターを比較 「Best of JavaScript」プロジェクトは、2020年に最も注目を集めたJavaScriptプロジェクトなどのランキング「2020 JavaScript Rising Stars」を発表した。総合ランキングでは、過去5年間首位を維持した「Vue.js」を抜いて、「Deno」が首位を獲得した。 Best of JavaScript（Best of JS）は、Webプラットフォームと「Node.js」関連の約1500のオープンソースプロジェクトについてリストを毎日更新しているWebサイト。大阪府在住のフルスタックWeb開発者ミカエル・ランボー氏が運営している。 直近の1日、7日、30日、12カ月にGitHubリポジトリが獲得し
真に効果的なテスト自動化を実現するために。 フレームワークに依存しない「普遍的なテクニック」を徹底解説！ 本書は、Webアプリケーションのテスト担当者や開発者が、自身のプロジェクトにスムーズに自動テストを導入し、自動テストに支えられた開発プロセスを実現できるようになる実践的なガイドブックです。主に下記に挙げるような内容を解説します。 ・自動テストに取り組むための心構えや考え方、マインドセット ・テスト全般や自動テストに関する基本的な知識 ・E2E自動テストの実践方法 ・自動テストや開発プロセスの改善方法 ・様々なトラブルシューティングの技術 「なぜ自動化が必要なのか？」という目的の理解に重きを置き、ただ自動化して終わりになるのではなく、自動テストを軸にしながらプロダクトを継続的に改善していくための考え方や技法を解説しています。 E2Eテストの実践方法の解説では、手を動かして学べるハンズオン
JSer.info #623 - Vite 4.0がリリースされました。 Vite 4.0 is out! | Vite SWCをサポートする@vitejs/plugin-react-swcを追加、デフォルトでES2020形式で出力するように変更、CSSを文字列としてインポートする方法の変更などの変更が含まれています。 SvelteベースのフレームワークであるSvelteKit 1.0がリリースされました。 Announcing SvelteKit 1.0 α版からの変更点は次のマイグレーションガイドにまとめられています。 Migration guide · Discussion #5774 · sveltejs/kit Node v19.3.0がリリースされました。 Node v19.3.0 (Current) | Node.js Node v19.3.0では、npm 9系となるnpm
ウェブアプリケーションフレームワークとして最近注目度が少しずつ上がっているのがSvelteです。以前、Svelteをちょびっとサンプルを触ってみた感じ、コードの雰囲気は <script setup> 版のVue 3っぽいなー、という感じです。あとはプロパティ入力のあるコンポーネントでHTMLを生成するという基本構成はReactもAngularもみんなそうなので、今時のウェブフロントエンドのフレームワークを触ったことがあれば難しくはない気がします。 1コンポーネントでおさまる範囲ではちょっと前にかんたんなアプリの試作をしてみました（毎週何回も使ってるので手間の割に活躍してます）が、じゃあ、一本分のアプリを作るときはどうなんだ、ということでSvelteKitでプロジェクトを新規で作ってみたけど、いろいろな未知の要素がでてきて、これはどうなんだ？というのをドキュメントから探す、という学び方もまあ
Rails で Playwright が公式にサポートされたので RSpec 経由で使ってみた｜ONE CAREER Tech Blog
Ruby では Capybara というライブラリを経由して自動操作ツールを呼び出すことが多いです。この辺りのエコシステムについては Playwright の Ruby クライアントを開発してくださっている Yusuke Iwaki さん（@yi01imagination）のスライドがわかりやすいです。 Rails で Playwright をつかった E2E テストを動かしてみるGem のインストールまずは必要なライブラリをインストールします。 Rails は main ブランチを指定しつつ、Playwright を動かすために必要なライブラリを導入します。 gem "rails", github: "rails/rails", branch: "main" group :development, :test do gem 'rspec-rails' end group :test do
State of Storybook 2021
Storybook is the industry-standard UI development workshop for components and pages. It's used by BBC, Netflix, Twitter, and thousands more teams. Since the beginning, our goal was to make the tools and techniques used by the best frontend teams available to everyone. Today, Storybook has established itself as the best practice for component development, testing, and documentation. It supports eve
はじめに皆さんこんにちは。踊るエンジニア木戸です。 Playwright連載3日目の今回は、その便利機能たちをCypressと比較しながら紹介します。Cypressで馴染みの便利機能がPlaywrightではどう実現されているのか、E2Eテストに関わる関係者の悩みを解決するどんな便利機能が備わっているのか、詳しく見てみましょう。 テストコード生成の補助まずはテストコードを記述する際の便利機能について紹介します。 Playwrightでは、テストケースに沿ったアクションを実行させるために、まず操作対象のDOMを取得する必要があります。Test generator機能を使用すると、実際に対象ページをブラウザで表示させ、操作対象にマウスオーバーすることで、DOMを取得するためのコードを生成してくれます。
JSer.info #607 - ESLint v8.23.0がリリースされました。 ESLint v8.23.0 released - ESLint - Pluggable JavaScript Linter このリリースでは、eslint.config.jsという新しい設定ファイルが試験的に利用できるようになっています。 この設定ファイルを導入する背景については、次の記事で解説されています。 extendsや複数のファイル形式など既存の.eslintrc設定ファイルが複雑になっていることなどについて書かれています。 ESLint's new config system, Part 1: Background - ESLint - Pluggable JavaScript Linter TypeScript 4.8が正式にリリースされました。 Announcing TypeScript
完全に理解できる！Playwrightことはじめ
はじめに 本記事では、Playwrightを使ったテスト実装についてざっくりとまとめます。 この記事は誰のためのものか ✔ Playwrightで可能なことを知りたい人 ✔ 使い方を忘れてしまった人、及び未来の私 🎭 Playwrightとは Microsoftが中心となり、OSSとして開発しているWebテスト/自動化のためのフレームワークのことを指します。主にE2Eテストで利用します。 OSS(Open Source Software)とは？ ソースコードが公開されていて、誰でも自由に利用・改変・再配布することができるソフトウェアのことです！OSSは、有志のコミュニティによって開発され、メンテナンスされています。
JSer.info #692 - Headless UI v2.0 for Reactがリリースされました。 Headless UI v2.0 for React - Tailwind CSS Floating UIのanchor指定をサポート、Checkboxコンポーネント、Fieldsetコンポーネント、Comboboxがvirtual propsをサポートなどの変更が含まれています。 Astro 4.8がリリースされました。 Astro 4.8 | Astro 実験的な機能としてAstro Actions、Request Rewritingの追加が行われています。 また、パフォーマンスの改善やinjectRouteのバグ修正などの変更が含まれています。 Node.js の進化に伴い不要となったかもしれないパッケージたちという記事では、外部パッケージで提供されていた機能の一部がNode
JSer.info #641 - Vite 4.3がリリースされました。 Vite 4.3 is out! | Vite Vite 4.3では主にパフォーマンスの改善が含まれています。 起動速度を40%から80%程度改善、HMRの処理時間を20%から40%程度改善されています。 これらをどうやって改善したのかについては、次の記事で解説されています。 How we made Vite 4.3 faaaaster 🚀 | sun0day's blog - lost in code Deno 1.33がリリースされました。 Deno 1.33: Deno 2 is coming Deno 2に向けた変更が含まれています。 unstable APIとしてDeno KVを追加、deno.jsonの形式変更が含まれています。 新しい設定形式はよりネストが少なくなるようになっています。古い設定形式はD
まえおき playwright は、何も考えずに npm install playwright すると、Chromiumブラウザなどがダウンロードされ、自動操作ではそれが使われる。 PuppeteerではexecutablePathを指定することで、自分のChromeを使うことができた。 これをPlaywrightではどうやるの？という話。 executablePathを指定する？ Puppeteerと同じく、 playwright.chromium.launch() のパラメータでexecutablePathを指定すればいけます。 ただ、もっと簡単な方法があります。 channelを指定するだけ！ 公式ドキュメントにはしれっと書いてあるんですが、 playwright.chromium.launch({channel: 'chrome'}) って書けば、PCにインストールされているChr
2022年10月16日開催のVue Fes Japan 2022について、いくつかの公演をピックアップして紹介します。 なお、本イベントはオンライン開催で、録画がすでに公開されています。 メドピアトラック FUTUREトラック クラウドサイントラック 2022年10月16日、Vue.jsの国内大規模カンファレンス、Vue Fes Japan 2022が開催されました。Vue Fes Japan 2019が台風、Vue Fes Japan 2020が新型コロナウィルス感染症によって中止となったため、Vue Fes Japan 2018以来4年ぶりの開催となります。 オープニング | 川口 和也（Vue.js日本ユーザーグループ代表） Vue.js日本ユーザーグループ代表 川口和也氏はオープニングでVue Fesの歴史から振り返りました。台風、コロナ禍で2度の開催中止。これらの自体が運営、コミ
[レポート]ソフトウェアテストを改善するためのいくつかのアイディア #jassttokyo | DevelopersIO
JaSST'2024 Tokyoの「ソフトウェアテストを改善するためのいくつかのアイディア」というセッションのレポートとなります。講演者であり書籍の訳者でもある山口氏が「ここは訳しづらかった」「こういう意味合いだと思います」などの、話を交えながら優しくお伝えしてくれる素晴らしいセッションでした こんにちは。AWS事業本部モダンアプリケーションコンサルティング部に所属している今泉（@bun76235104）です。 私は2024年3月14日~3月15日に開催されているJaSSTソフトウェアテストシンポジウム-JaSST'24 Tokyoに参加させていただきました。 今回は聴講したセッションのうち、ソフトウェアテストをカイゼンするためのいくつかのアイデアについて私なりの概要やおすすめだと思ったポイントについてまとめたいと思います。 ソフトウェアテストをカイゼンするためのいくつかのアイデア 講演者
![[レポート]ソフトウェアテストを改善するためのいくつかのアイディア #jassttokyo | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/761a8bd4354635dc2c4167f24604edc9f8433a3b/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2024%2F03%2Fjasst_tokyo24_report.jpeg)
サイボウズ フロントエンドエキスパートチームの活動 2022年上期 | サイボウズ フロントエンドエキスパートチーム
サイボウズ フロントエンドエキスパートチームの 2022 年上期（１月〜6 月）の取り組みを紹介します。 プロダクトへの支援 プロダクト支援としておもに次の 2 つを行いました。 kintone のフロントエンドリアーキテクチャ サイボウズ製品の販売管理システムのフロントエンドリアーキテクチャ これらの支援活動は現在（2022 年 7 月〜）も継続中です。 kintone のフロントエンドリアーキテクチャ kintone のフロントエンドリアーキテクチャプロジェクト、通称フロリアへの支援を昨年から引き続いて行っています。メンバーはプロジェクトのチームに所属する形で支援活動をしています。 フロリアの詳細については次の記事を参照ください。 また、直接的な支援ではありませんが、フロリアプロジェクトでの社外アウトプット（社の技術ブログへの執筆）を支援する活動も行っています。 サイボウズ製品の販売管
AWS Lambda with Container ImageでPlaywrightを動かす | スマートショッピング
はじめにエンジニアの@biosugar0です。 皆さんは2020年のre:Inventで発表されたLambdaのコンテナサポートを使っていますか？ この機能、個人的にはこれまでのZIPで固めてやる方法があまり好きではなかったのでとても嬉しい発表でした。 さて、今回はLambdaコンテナ内でplaywright-pythonを使う方法を紹介します。(playwright自体の使い方の説明はしません) PlaywrightPlaywrightは、マイクロソフトが開発しているブラウザ操作を自動化するためのライブラリおよびCLIツールです。このようなライブラリはpuppeteerやseleniumも有名ですね。 主にNode.jsライブラリとして開発されていますが、python用のplaywright-pythonもあり、今回はこちらを使います。 Lambda コンテナの準備使用したbaseイメー
MSW 2.0やYarn 4.0のリリースなど : Cybozu Frontend Weekly (2023-10-24号)
MSW 2.0やYarn 4.0のリリースなど : Cybozu Frontend Weekly (2023-10-24号) はじめに こんにちは！サイボウズ株式会社フロントエンドエキスパートチームの@nakajmg です。 サイボウズでは毎週火曜日にFrontend Weeklyという「一週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は2023年10月24日のFrontend Weeklyで取り上げた記事や話題を紹介します。 Introduction to web sustainability | MDN Blog webの持続可能性についての概要。フォントの最適化や画像サイズの縮小、JavaScriptの使用量を減らすことなどが挙げられています。 ガイドラインの作成も進められています。 How we optimized package imports
JSer.info #593 - Deno 1.22がリリースされました。 Deno 1.22 Release Notes Denoには、3つの型チェックモードがあります。 Full: ローカルとリモートの依存関係を含めた全ての型をチェックする Local: ローカルの型のみをチェックする None: 型をチェックしない 1.21まではコマンドによっては"Full"モードで型チェックをしていましたが、1.22からは"Local"モードで型チェックをするのがデフォルトとなりました。 また、次のリリース予定である1.23では、deno runとdeno cacheはデフォルトで"None"モードとなり型チェックをしなくなる予定となっています。 そのほかの変更として、Deno.emit()を削除、Worker内でもDeno名前空間がデフォルトで有効化、--no-configフラグの追加などが行わ
Playwright APIを使用することで、すべての最新Webブラウザによるエンドツーエンドのテスト作成が可能で、既存のテストツールよりも高速で信頼性が高く、優れた機能の自動化を提供する。 UIの準備が整うまで自動的に待機するため、テスト実行の信頼性が高まり、作成が容易になる。内部的には、DOMの変更、ネットワークリクエスト、ページナビゲーションといった正確なブラウザイベントをリッスンできる、イベント駆動型アーキテクチャを使用している。 モバイルビューポートのエミュレーション、ジオロケーション、Web権限など、新しいWeb機能の自動化に対応するほか、ネットワークアクティビティを傍受して変更し、複数のページにわたるシナリオの自動化を可能にする。 Chromium、WebKit、Mozilla Firefoxなど、最新ブラウザすべてのエンジン向けテストの自動作成に対応しており、WebKitは
Components fetch data, respond to user interactions, and manage app state. To verify this functional behavior, developers rely on automated tests. But most testing tools are Node and JSDOM based. That means you’re forced to debug visual UIs in a textual command line. At Storybook, we’re improving component testing by using the browser to run tests. Over the past six months, we introduced several f
Playwrightから始めるVisual Regression Testingのススメ by とっと
フロントエンドカンファレンス北海道2024の5分枠で発表した内容です！
はてなブログ独自の集計による人気記事のランキング。1月14日（日）から1月20日（土）〔2024年1月第3週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 AIにプログラミング作業を奪われている - k0kubun's blog by id:k0kubun 2 万城目学氏、直木賞を受賞する - この門をくぐる者は一切の高望みを捨てよ by id:Tomio 3 マンガ「神引きのモナーク」がとても面白い - 誰かの肩の上 by id:daydollarbotch 4 PostgreSQLの仕組みから学ぶために必要な資料 - そーだいなるらくがき帳 by id:Soudai 5 Amazonのデジタルコンテンツが保証期間1年（かもしれない）件 - 妄想科學倶樂部 by id:DocSeri 6 山崎元さんと「お金」と「怒り」について - いつか電池がきれるまで by id:fu
週刊Railsウォッチ: システムテスト用headlessドライバにCupriteが追加、rails-mini-profiler、Jeremy Evansインタビューほか（20210810）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails: 先週の改修（Rails公式ニュースより） 前回の公式情報の続きです。 公式更新情報: Active record improvements
ブラウザ自動操作のPlaywrightはRubyからでも使える？ - YusukeIwakiのブログ
Playwrightのリリースノートに、気になる記載がある。 Release v1.4.0 · microsoft/playwright · GitHub 英語が苦手でも読めるよう、みんな大好きdeepl翻訳をかけておこう。 爆速の多言語展開スピードを支える何かがあるらしいことはわかる。 ただ、具体的にどういう仕組みで動いているとか、どうやればクライアントが実装できるよとか、そういう情報はドキュメントには一切書かれていない。 さすがマイクロソフト。 なので、いろいろソースを読んで調べた＆実際にRubyからPlaywrightを使うPoCを作ってみた。 PlaywrightはServer/Clientモジュールに分かれている 結論から言うと、 microsoft/playwright (TypeScript版)にはServerモジュールとClientモジュールの両方が含まれている ただ、RE
Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor
TLDR The Angular team plans to end development of Protractor at the end of 2022 (in conjunction with Angular v15). Why? Protractor was created in 2013 when WebDriver APIs were not yet a standard and end-to-end (e2e) tests were hard to write due to lack of support for async / await. To solve this problem, Protractor wraps selenium-webdriver and abstracted asynchronous operations from developers wit
Running OCR against PDFs and images directly in your browser
30th March 2024 I attended the Story Discovery At Scale data journalism conference at Stanford this week. One of the perennial hot topics at any journalism conference concerns data extraction: how can we best get data out of PDFs and images? I’ve been having some very promising results with Gemini Pro 1.5, Claude 3 and GPT-4 Vision recently—I’ll write more about that soon. But those tools are stil
【デジカルチーム ブログリレー3日目】 こんにちは、エンジニアリンググループ デジカルチームの穴繁です。 今回はクラウド型電子カルテであるエムスリーデジカルのフロントエンド開発にて、Visual Regression Test (VRT) を導入した話をします。 課題 利用ツール Playwright Mock Service Worker (MSW) 工夫点 UIコンポーネントのカタログを新規作成 CIでVRTを実行する 結果 まとめ We are Hiring! 課題 現在、デジカルでは段階的なデザインシステムの導入を進めています。その過程で、「ボタンの横幅を変えたい」「Typographyを調整したい」といったデザイン変更の機会が増えました。各コンポーネントに対するデザイン変更は画面全体のデザインに影響が及びがちです。 そのため、コード上の修正は比較的簡単に済んだとしても、 レイアウ
県のGo To Eat サイトが使いづらかったのでPlaywright + AppSheetで自分用アプリを作ってみた話
Go To Eat とてもお得な施策で良いのですが「どのお店が使えるんだろう？」ってなりますよね。そんな時に見る県の Go To Eat キャンペーンサイトが、思いのほか使いづらかったので、Playwright + AppSheet で自分用アプリを作ってみた話です。 なぜ作った？ 茨城県の Go To Eat キャンペーンサイトはこちらです。 トップページは良い感じです。 が… 店舗一覧ページに遷移するといきなり古き良き業務システムのような感じになります😇 （もうちょっと頑張ってくれ..） このページだと、 スマホ対応してないのでスマホで見辛い マップ上での検索が出来ないので、現在地周辺の店舗を探すのが面倒 ということでノーコードツールの AppSheet で作り直してみました。 作ってみたもの AppSheet で作ってみたものがこちらです。 スマホに対応し、店舗名や要素での検索や
週刊Railsウォッチ: システムテストでPlaywrightをサポート、to_paramのデリミタを変更可能にほか（20230906前編）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。 お待たせしました！Kaigi on Rails 2023の一般参加チケットの販売を開始しました🎉 今回は先着順での販売となっており、売り切れ次第販売終了となります、参加希望の方はお早めにご購入ください。https://t.co/m0HStQcNvE#kaigionrails — Kaigi on Rails (@kaigionrails) September 4, 2023 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRail
The HyperText Transfer Protocol (HTTP) is stateless, but cookies allow it to keep context consistent over the course of a session. In other words, by having our browser automatically exchange small amounts of data, we get to have websites recognise us and remember our preferences, the contents of our shopping baskets or the fact that we had just logged in to our account. This article shows how we
はじめに 初心者フロントエンドエンジニアをしているRimlと申します。 お久しぶりです。 ふと弊社の分報SlackチャンネルでPlaywrightの話題が上がり、個人的に触れてたのでその知見や溜め込んでた記事は共有したのですが、どうせなら自分の関わってるプロダクトに導入すればいいじゃん！という流れから勝手ながら改善活動として環境構築の方をしました。 何気なくツイートしたら反応がちょっとあった(?) のもあり備忘録にでもなったらいいなと言うことで今回投稿させていただきました！ E2Eテストはローカル環境で行わないためリポジトリを分けて構築します。 注意書き 以下環境にて構築、動作するものを前提にしています。 それぞれ違うものは置き換えて読み進めていただけると幸いです。 環境 MacOS Ventura 13 VSCode Gitlab Runner(Ubuntu 22.04.2 LTS) N
Please note that some URLs must be entered in a specific way (for example, vscode.dev/editor/liveshare requires an active Live Share session). Please review each service's documentation for specific access and usage information. There's more information on some of these URLs below. Themes You can share and experience color themes through VS Code for the Web through the URL schema: https://vscode.d
この記事では、Backlog クラシックプランからの移行フローリニューアルの開発プロジェクトで、 Playwright を使いテストデータの作成を自動化したことについて紹介します。 今回、初めて Playwright をさわってみたのですが、複雑な手順をわかりやすいコードとして表現できるのがとても便利だったので知見と今後の課題をまとめます。 要約 テストデータの作成に時間がかかり、十分に手動テストができていなかった Playwright などのツールを使って自動化することで、効率よく不具合を発見できるようになった 継続的に E2E テストとしてメンテナンスしてゆくためにはさらに工夫が必要 開発を進める上で感じた課題 仕様変更によって多くのテストデータを用意する必要が発生した このプロジェクトでは、開発チームが中心となって大まかなフローや画面設計を作っていました。その一方で、画面上の文言やシ
はてなブログ独自の集計による人気記事のランキング。3月13日（日）から3月19日（土）〔2022年3月第3週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 クレカを100万円使って解脱に至るための曼荼羅 - 本しゃぶり 2 データ変更を伴うバッチ処理を書く時に考慮していること - shallowな暮らし 3 日本の祝日APIをリリースしました - ケンオールブログ 4 今年度の中学英語が大変になっている可能性はないのか - 紙屋研究所 5 狂気で編まれた夢の大傑作。ワクワクしたいすべての人へ！『RPGタイム！～ライトの伝説～』レビュー！【Xbox/PC】 - 絶対SIMPLE主義 6 セキュリティツールの評価は難しい - knqyf263's blog 7 「大怪獣のあとしまつ」がどんどん楽しめなくなっていく件について - 平和的なブログ 8 サーバーレスのセキュリティリス
週刊Railsウォッチ: IRB 1.8.0でデバッグ機能強化、Ruby Prize 2023開催決定ほか（20230908後編）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails 🔗 Herokuでリソースを共有する「隣人」対策（RubyFlowより） 元記事: How to Fix Heroku's Noisy Ne
Playwrightは、使いやすさや対応言語の多さなどが特徴のE2Eテスト自動化ツールです。この記事では、Playwrightの概要やインストール方法、基本的な使い方について解説します。テスト自動化ツールの導入を検討している方はぜひ参考にしてください。 Playwrightとは？【Webテストを行うツール】 Playwrightは、Webアプリを開発する際のテストを自動で行うツールです。主に、E2Eテストを効率的に行う目的でPlaywrightが用いられます。 Playwrightが対応しているブラウザはGoogle ChromeやMicrosoft Edge、Firefoxなど様々ですSafariの開発にも使用されているHTMLレンダリングエンジンのWebKitや、ブラウザ向けコードベースのChromiumにも対応しています。 利用できるプログラム言語はC#やJava、JavaScrip
JetBrains は約 1 年半前にテスト自動化用 JetBrains IDE である Aqua のプレビューバージョンをリリースし、それから Aqua は大きく進化しています。 Cypress と Playwright のサポートなどの重要な機能を追加し、 Selenium をサポートすることで、Aqua はテスト自動化プロジェクトに最適なツールとなりました。 今回、その Aqua が一般公開されました！ 特に EAP 参加者の皆さんからの信頼、サポート、そして貴重なフィードバックには感謝しています。おかげさまでほとんどの重大な問題を一般リリース前に解決することができました。 皆さんへの感謝とテストコミュニティ内の成長促進への取り組みのしるしとして、Aqua の個人用非商用利用の無料ライセンスを提供いたします。 商用ライセンスもご利用可能です。 詳細については、この記事を引き続き読み進
去年、こんな記事を書いていました。 あれから1年、いまはどうなんでしょうか。 結論から言うと よほどの理由がない限り、Playwrightでしょう。 6月頃にはもうこの結論は出ていました。 Playwrightを使う理由 JavaScript, Python, C#, Java の言語を公式にサポートしている Goも公式入りするという話はあるが、半年以上経った今もまだされていない Auto waiting により、いちいちwaitForナントカを書かなくても、ある程度は安定した自動操作ができる 2021年8月ごろにリリースされたPlaywright 1.14で導入されたLocatorにより、さらにこの特性が利用しやすくなった。 ドキュメントの品質がとても良い マイクロソフトとは思えないクオリティ さすが元Googleの人が作ったOSS 他にもテストランナーなど便利な特徴はありますが、 とも
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Components (experimental) | Playwright
テスト自動化実践ガイド 継続的にWebアプリケーションを改善するための知識と技法 | 翔泳社
2022-12-20のJS: Vite 4.0、SvelteKit 1.0、Node v19.3.0(npm 9)、RUM Archive
SvelteKitのデフォルトプロジェクトから学ぶ | フューチャー技術ブログ
イチ押し。Playwrightの快適機能 | フューチャー技術ブログ
2022-08-30のJS: ESLint 8.23.0(eslint.config.js)、TypeScript 4.8、Solid v1.5.0
2024-05-12のJS: Headless UI v2.0 for React、Astro v4.8、外部パッケージに依存せずにNode.jsで使えるようになった機能
2023-04-30のJS: Vite 4.3、Deno 1.33、Node.js 14から18へのアップデート
playwright-coreと、PCにインストール済みのChromeやEdgeを使って自動操作する
Vue Fes Japan 2022イベントレポート | gihyo.jp
2022-05-24のJS: Deno 1.22、Storybook 6.5(webpack Lazy Compilation)、Next.js Layouts RFC
Playwright for Pythonがプレビュー提供開始、高信頼のWebエンドツーエンドテストを可能に
Test component interactions with Storybook
今週のはてなブログランキング〔2024年1月第3週〕 - 週刊はてなブログ
クラウド型電子カルテにVisual Regression Testを導入した話 - エムスリーテックブログ
Setting state using cookies with Puppeteer and Playwright
pnpmとniを用いてPlaywrightでE2Eテスト、VRTをする環境を整えよう(GitLabCIもオマケで)
Visual Studio Code for the Web
Playwright を使ってテストデータ作成を自動化した話 | 株式会社ヌーラボ(Nulab inc.)
今週のはてなブログランキング〔2022年3月第3週〕 - 週刊はてなブログ
Playwrightを用いてテストを自動化しよう！概要や使い方を解説｜Udemy メディア
テスト自動化用 IDE の Aqua が一般公開！ | The Quality Assurance Blog
2021年12月現在、PlaywrightとPuppeteerのどっちを使うべき？ - Qiita