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
[レポート]ソフトウェアテストを改善するためのいくつかのアイディア #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年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度の開催中止。これらの自体が運営、コミ
サイボウズ フロントエンドエキスパートチームの活動 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
はてなブログ独自の集計による人気記事のランキング。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 テストとしてメンテナンスしてゆくためにはさらに工夫が必要 開発を進める上で感じた課題 仕様変更によって多くのテストデータを用意する必要が発生した このプロジェクトでは、開発チームが中心となって大まかなフローや画面設計を作っていました。その一方で、画面上の文言やシ
JetBrains は約 1 年半前にテスト自動化用 JetBrains IDE である Aqua のプレビューバージョンをリリースし、それから Aqua は大きく進化しています。 Cypress と Playwright のサポートなどの重要な機能を追加し、 Selenium をサポートすることで、Aqua はテスト自動化プロジェクトに最適なツールとなりました。 今回、その Aqua が一般公開されました！ 特に EAP 参加者の皆さんからの信頼、サポート、そして貴重なフィードバックには感謝しています。おかげさまでほとんどの重大な問題を一般リリース前に解決することができました。 皆さんへの感謝とテストコミュニティ内の成長促進への取り組みのしるしとして、Aqua の個人用非商用利用の無料ライセンスを提供いたします。 商用ライセンスもご利用可能です。 詳細については、この記事を引き続き読み進
We are thrilled to announce the release of Quill 2.0! Please check out the announcement post. Major Improvements Quill is now a valid ESM package for better ecosystem (e.g. bundlers) and tree-shaking support Nested Quill support #3590 Improved IME and spell corrector support #3807 Semantic cleanups for TEXT_CHANGE event #3778 History: Record selection in history module #3823 Auto detect scrolling
はてなブログ独自の集計による人気記事のランキング。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
Core Changes Concept: test mode for Playwright and similar integration tools: #52520 Turbopack: fix hiding node_modules warnings in error overlay.: #54022 ci(next-swc): print glibc version when build: #54026 Adjust internal action proxy export: #54004 Documentation Changes Update 05-client-side-rendering.mdx with latest tanstack query version: #54009 Open Graph Image font declaration moved to corr
去年、こんな記事を書いていました。 あれから1年、いまはどうなんでしょうか。 結論から言うと よほどの理由がない限り、Playwrightでしょう。 6月頃にはもうこの結論は出ていました。 Playwrightを使う理由 JavaScript, Python, C#, Java の言語を公式にサポートしている Goも公式入りするという話はあるが、半年以上経った今もまだされていない Auto waiting により、いちいちwaitForナントカを書かなくても、ある程度は安定した自動操作ができる 2021年8月ごろにリリースされたPlaywright 1.14で導入されたLocatorにより、さらにこの特性が利用しやすくなった。 ドキュメントの品質がとても良い マイクロソフトとは思えないクオリティ さすが元Googleの人が作ったOSS 他にもテストランナーなど便利な特徴はありますが、 とも
pytestにおけるfixtureとは テストの事前処理、事後処理を記載できるpytestの機能です。 SetUp(事前処理), TearDown(事後処理)を1つの関数で書けます。 setup_class, setup_functionのように、スコープごとに違う関数を呼ぶ必要がありません。 fixtureからfixtureを呼び出すことができ、処理を階層的に記述できます。 SetUp, TearDownじゃダメなの？ ダメかと言われるとダメじゃありません。チーム内でスタイルが統一されている方が大事です。 機能面だけで言うと、pytestにおいてはfixtureを利用する方がリッチではあります。 ブラウザ操作自動化ツールであるPlaywright for Pythonはfixtureを利用しています。 上記を採用する場合、可読性と保守性の観点からfixtureに統一することを勧めます。
映画「WANDA」オフィシャルサイト
世界中の映画人たちから「忘れられた小さな傑作」と賛美された、バーバラ・ローデン監督・脚本・主演のデビュー作にして遺作となった『ワンダ』。70年代アメリカ・インディペンデント映画の道筋を開いた奇跡の映画。 1970年ヴェネツィア国際映画祭最優秀外国映画賞を受賞するが、その名声とは裏腹にアメリカ本国ではほぼ黙殺される。フランスの小説家・監督のマルグリット・デュラスはこの映画を「奇跡」と絶賛し、配給することを夢見ていると語る。デュラスの夢を実現すべくフランスの大女優イザベル・ユペールは配給権を取得しフランスで甦らせた。マーティン・スコセッシ監督設立の映画保存組織とイタリアのファッションブランドGUCCIの支援を受けプリントが修復される。その後、ニューヨーク近代美術館で実施された修復版上映会は、行列が出来るほどの大成功を収めた。本作の熱烈な支持者であると公言するソフィア・コッポラ監督が自ら作品を紹
Introducing Microsoft Playwright Testing service private preview
[Update Oct 4th, 2023] We are excited to announce that the Microsoft Playwright Testing service is now available in Preview! Explore the numerous features and enhancements by reading the announcement. No more waitlists! You can dive straight in and start using the service directly here. ----------------------------------------------------------------------------------------------------------------
Rails のブラウザテストを Playwright で動かすようにしたらデバッグが簡単になって捗った - Qiita
Rails, RSpec でブラウザテストというと System Spec, Feature Spec などが挙げられます。バックエンド、フロンテエンド両方を End-to-End でテストするには便利ですが、複雑さ故に、たまに落ちるテストになってしまったり、落ちたときのデバッグが大変という難しさがあります。 Qiita でも主要な機能 (エディタ、記事ページなど) をテストするのに使っているのですが、CI で時折よくわからない理由で落ち、 更に何故落ちたかの再現や調査が難しい というのが結構つらいポイントでした 今回 Qiita で RSpec で利用するブラウザ自動化ツールを Selenium から Playwright を使うように置き換えたら、かなりデバッグが行いやすくなりました 移行自体も Cabybara 用の Driver を使うことで、大きく書き換えることなく移行することが
STORESにE2Eテストを導入した話
これ何 これは hey Advent Calendar 14日目の記事です。 hey株式会社で STORES のフロントエンドエンジニアをしているものです。社内ではうめきちやうめくんと呼ばれることが多いです。普段は STORES というネットショップ作成サービスのダッシュボード上に弊社POSレジアプリをサポートする機能を組み込んでいます。今回はそのダッシュボードにE2Eテストを導入した話を紹介していきます。 解決したい問題 フロントチームで、本番環境で発生した障害を減らす、または発生したことにすぐに気づきサービスのダウンタイムを少なくするにはどうするべきかを考える機会がありました。 リリース前に機能を実装したチームで起こりうるテストケースを並べて機能が想定した通りに動作するかを確認するといったQAをしているのですが、どうしても手動で確認漏れが起こったり、軽微な修正を加えた際に、特定のブラウ
「Microsoft Playwright Testing」は、Microsoft Azureでウェブアプリのテストと自動化を可能にします
Playwright を使用Windows でも Safari のブラウザテストができます。正確には、WebKit ブラウザでサイトを開けます。 使用するのは、Microsoft が開発している Playwright です。 Playwright は、主に E2E テストの自動化などで使用します。ただ、OS に関係なく Chromium、Firefox、WebKit のブラウザでサイトを開くこともできます。 この記事は Test Your Site In Every Browser を参考にし、試したことを書いています。詳しい説明は、元記事をご覧ください。YouTube での解説もあります。 やり方Windows で Safari のブラウザテストを開始するまで、全部で 6 ステップあります。早ければ 2 ~ 3 分で終わります。 2 回目以降は、6 ステップ目だけでテストができます。 ス
JSer.info #599 - Next.js 12.2がリリースされました。 Blog - Next.js 12.2 | Next.js MiddlewareとOn-Demand ISRのStableな機能となりました。 API RouteとSSRをCloudflare Workersを使ったEdgeで動かすruntimeオプションを追加など。 これに合わせて、Edge Runtimeをローカルでエミュレートするためのedge-runtimeというパッケージが公開されています。 What is Edge Runtime | Edge Runtime そのほかには、next/imageの改善、SWCプラグインのサポート、React 18のサポート改善などが含まれています。 また、next/linkが常に <a> で囲まれるようになる機能をopt-inで導入できるようになっています。 Re
WSL2 + Dockerを使ったPlaywrightの開発環境の構築 - Blog
背景 最近、Playwrightを使ってブラウザの操作を自動化しています。このPlaywrightの開発環境をWSL2 + Docker環境で構築することができると便利かなと思うのですが日本語の記事が見つかりませんでした。 なので、自分の構築した環境を下記にまとめました。 こちらの記事を参考にしています。（というか、記事の一部を日本語にしただけ。。。）
ユーザーインターフェース（UI）テストなどの自動化ツールを提供するAutifyは2024年6月20日、テストケースの自動生成ツール「Autify Genesis」のベータ版の提供を同日付で始めたと発表した。テストの自動化ツールに生成AI（人工知能）技術を取り込むことで、自動化の潮流をこれまで対象としていたテストの実施工程にとどまらず、上流工程にも「遡上」させたい考えだ。 仕様書や設計書からAIがテストケースを生成 「何をテストすればよいか、自動化すればよいか分かっていれば、Autify（の既存ツール）ですぐに自動化できる。だが、実際には何をテストしたらよいか、それをどう自動化すればよいか分からないなど、上流工程に根本の問題があるケースも多い。生成AIによる仕様書の解析でそこを解決しようというのが当社のアプローチだ」――。 Autifyの近澤良代表取締役CEO（最高経営責任者）はこう語る。A
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
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.)
テスト自動化用 IDE の Aqua が一般公開！ | The Quality Assurance Blog
Release Version 2.0.0 · quilljs/quill
今週のはてなブログランキング〔2022年3月第3週〕 - 週刊はてなブログ
Playwrightを用いてテストを自動化しよう！概要や使い方を解説｜Udemy メディア
Release v13.4.16 · vercel/next.js
2021年12月現在、PlaywrightとPuppeteerのどっちを使うべき？ - Qiita
ざっくり分かるpytestのfixture - Qiita
Microsoft Playwright Testingを発表！内容と特徴を解説
Windows で Safari のブラウザテストをする - FirstLayout
2022-07-04のJS: Next.js 12.2、Fresh 1.0(Deno Web Framework)、Vue 2.7(2.xの最終minor)
テスト自動化の潮流をケース作成に「遡上」、Autifyが作業半減うたう新ツール