タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。 みなさんはAPIテストを書く時に、「もうCursorとかでどんな時にどういう順でAPIが呼ばれるか、仕様の把握からテストコードの作成まで自然言語で指示できないかな」と思ったことはありませんか？私はあります。 今回は以下のB1のように、特定のユースケースを満たすために、呼ばれている一連のAPIを把握して、そのままAI搭載エディタにテストを書いてもらうということをPlaywright MCP server に搭載された Network機能を使って、試してみました。 どんなAPIが呼ばれたか？ では API: hoge と API: fuga の結果、ユーザーにはこのような情報がみえるべきなのでそのテストを書きましょう といったことを自然言語で指示して、開発のバックグラウンドのない方でもAPIテストをPlaywrightで記載できる
環境 Node.js 22.4.1 VSCode 1.91.0 Playwright 1.45.1 準備 Node.jsとVSCodeのインストールは割愛させていただきます。 Playwrightのインストール VSCodeのPlaywrightの拡張機能をインストールする Playwright Test for VSCode – Visual Studio Marketplace Playwrightのインストール VSCodeのコマンドパレットを開き(Windows: shift + ctrl + p, mac: shift + command + p) Test: Install Playwright を入力、選択しPlaywrightのインストールを行います。
この記事は ミライトデザイン Advent Calendar 2021 の12日目です🚀 11日目は @suzuki-hoge さんでした。 Playwrightって何？ webテストを自動化するためのフレームワークですね。 Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API. Playwright is built to enable cross-browser web automation that is ever-green, capable, reliable and fast. githubの引用をGoogle翻訳したもの Playwrightは、Webテストと自動化のためのフレームワー
こんにちは。メディアサービス開発部Webアプリケーション開発課の奥川です。ニコニコ漫画のバックエンド開発を担当しています。 ニコニコ漫画ではe2eテストに Playwright を導入しており、OpenID Connectでの認証フローやAPIテストなど主にiOS/Androidアプリとの連携部分の検証に利用しています。 アプリ連携ではカスタムURLスキームを用いてアプリを起動することがあり、この際に意図通りのURLやパラメータを応答できているかを確認したいテストケースが存在します。カスタムURLスキームとは、 http:// や https:// の代わりに example:// のような独自のプレフィックスを用いて特定のアプリを直接起動できるURLパターンです。これにより、ウェブページや他のアプリから特定のアプリ内の特定のページや機能を直接呼び出すことが可能になります。 Playwri
from playwright.sync_api import Playwright, sync_playwright def run(playwright: Playwright) -> None: browser = playwright.chromium.launch(headless=False) context = browser.new_context() # Open new page page = context.new_page() # Go to https://www.google.com/?gws_rd=ssl page.goto("https://www.google.com/?gws_rd=ssl") # Go to https://www.google.com/search?q=Playwright+Python&oq=Playwright+Python&aq
![[Python]Playwright ブラウザ操作自動化 メモ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2add9115889eb21b72aa2f1c1e97499e1571f5a1/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCUHl0aG9uJTVEUGxheXdyaWdodCUyMCVFMyU4MyU5NiVFMyU4MyVBOSVFMyU4MiVBNiVFMyU4MiVCNiVFNiU5MyU4RCVFNCVCRCU5QyVFOCU4NyVBQSVFNSU4QiU5NSVFNSU4QyU5NiUyMCVFMyU4MyVBMSVFMyU4MyVBMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZTIyYWJmZTVlOTNkZDNmMWNhZjg4NDExNDRmMTc4N2E%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBLV1NfMDkwMSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZmQ3Y2FjYWI5MTJlZGEwYzI3MjZmMjNiMGU5NzcxNDk%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D6b1232929aaf84a7d041a1047beb9020)
この記事はベリサーブ Advent Calendar 2020 - Qiitaの12日目です。 昨日はyaboxi_さんのオンプレミス環境でmablを動かせる"mabl Link"を使ってみる - Qiitaでした。AI自動テストツールも色々便利でいいですね！ AI自動テストツールも魅力的ですが、個人的にコードを書いて自動化するのもまた楽しいと思っていて、業務だけでなく個人でも色々なツールを触って遊んでいます。先日はPuppeteerのRecorderを使ってコード出力しました。 参考：GoogleChromeのDevToolsでブラウザ操作を記録し、Puppeteerのコードを出力してみる - Qiita 同じように、自分のブラウザ操作を記録してコード生成してくれる機能がplaywright-cliにもあると知って、試してみました。 結論から言うと、Puppeteerのものよりも「そのま
はじめに この記事では、Playwrightでテストを書いていく上で「こんな時どう書く？」をまとめた記事です。 コマンド集は公式ドキュメントにもあります。 コマンドがたくさんあり様々なことができます。 本記事ではその中からよく使いそうなこれだけはおさえておきたいものをピックアップして、要素の操作と検証など実践に使いやすい形のサンプルを用意してみました。 また、PlaywrightのテストコードだけでなくHTMLも合わせて載せておりますので参考にしていただけたらと思います。 以下のコマンドの紹介では、Playwrightのデモ用のページを利用しています。 デモページ：https://demo.playwright.dev/todomvc 環境 以下の環境下で動作を確認しました。 OS : Windows 10, Ubuntu 20.04 Node : v16.15.1 Playwrightで
こんにちは、SmartHRでキャリア台帳の開発を担当しているプロダクトエンジニアのhosoyaです。 今日は、私たちがどのようにPlaywrightを使ってキャリア台帳のE2Eテストを実装しているかについてお話しします。 なぜPlaywright？ E2Eの導入・運用の検討を始めた当時、SmartHRで運用されているE2Eは、Rspec x Selenium x Capybaraが主流でした。 キャリア台帳は新規プロダクトという事もあり、新しいツールの選定をしてもよいのではないかということでチーム内での検討がはじまりました。 採用理由に関しては以前紹介された「E2Eテストを Playwright で作り直して開発プロセスに組み込む話」とほぼ被ってしまうのですが以下のような理由になります。 PlaywrightはMicrosoftから公開されているE2Eテストフレームワーク 定期的な更新と新
This site uses cookies. Click here to find out moreOkay, thanks Playwright is a newish end-to-end cross-browser testing tool from Microsoft. I usually use Cypress for these kinds of tests on SPAs, but Playwright is quickly gaining traction, so I thought it was time to give it a try. We’ll cover how to get up and running with Playwright using Jest as the test runner and how to set up the project so
はじめに先日発表され注目を浴びている、Playwright MCP。 Playwright MCPを使うと、ブラウザの操作を外部から簡潔な指示で実行できるようになります。 さらに、Mastraと組み合わせることで、AIが自然言語の指示を解析し、Playwright MCPを介してブラウザを操作する流れを構築できます。 実際の動作の様子： 実際の動作イメージとしては、今回ご紹介する方法を使えば、以下のようにブラウザを自在に操作するAIエージェントを構築できます。 今回の記事では、Playwright MCPとは何か、そして、今話題のMastraと連携する方法を解説します。 Playwright MCPとは1. Playwrightとはまず、Playwrightはブラウザを自動操作するためのツールです。 通常、何かのウェブ操作を自動化するには「Chromeを起動してページを開き、ボタンをクリッ
はじめに 最近よく聞くPlaywright。 公式サイトを見ると、見出しには以下の記述があります。 Playwright enables reliable end-to-end testing for modern web apps. Playwright は、最新の Web アプリケーションに対して信頼性の高いエンドツーエンドテストを実現します。 あれ「end-to-end testing」ってそもそも何だっけ...?🤔 どうやら、Playwright を学ぶ前に、E2E テストについて理解する必要があるようです... 本記事では、E2E テストの基本的な概念から実践的なテクニックまでを包括的に理解するために、私が様々な書籍や記事から学んだ内容を言語化したものです。 具体的には以下の内容を取り上げます。 E2E テストとは何か、その特徴とメリット・デメリット E2E テスト導入の戦略と
どうもこんにちは、@nzws です。（ちょうど気になったネタを見つけたので Zenn 初投稿です） 今回は記事執筆時点で次バージョンの Playwright v1.45 で追加される予定である Clock API についてお試ししたことを書いていきます。 背景 背景について簡単に説明すると、タイマーモックは自動テスト内で時間を操り、コード内で時間に依存するような機能を上手く短時間でテストさせるための機能です。 ユニットテストフレームワークの Jest[1] や Vitest[2] は標準機能としてタイマーモックが提供されていますが、E2E テストフレームワークの Playwright ではタイマーモックが今まで標準機能としては提供されていませんでした。[3] 余談ですが前述の Jest や Vitest だと setTimeout/setInterval みたいなものは標準機能でモックされ
Table of Contents Togowlとは 私が開発している時間/タスク管理のWebアプリです。 バックエンドではTodoist/TogglのAPIを使っています。 同期機能を使ったリアルタイム性の高いアプリケーションですが、本稿ではそこまで高度なテストの書き方は紹介しません。 必要最低限の内容を紹介します。 Playwrightとは Microsoftが開発しているブラウザ自動テスト用のライブラリです。 大きな特徴として以下があります。 Chrome/Firefox/Safari/Edge すべてに対応 Linux/Mac/Windows すべてに対応 モバイルに適したテスト機能搭載 Sleepを使わない人間に直感的なテストコードが書ける 複数のブラウザやタブ、フレームをエミュレートしたテストが可能 なぜPlaywrightか 以下2つの記事を読んで、TogowlにはPlayw
技術本部 Quality Assurance グループの杉本です。元々はプロダクト開発を行っていましたが、QAグループに SET（Software Engineer in Test）チームが立ち上がるということで異動してきました。 チーム発足から、Playwrightを使ったEnd to Endテスト（以下、E2Eテスト）の導入と最初の成果についてご紹介します。 目的と目標 SETチームが発足したのは、今から約1年前の2023年6月です。私ともう1人、同じプロダクト開発を行っていた平田さんの2人で始まりました。 当初の目的は、リリースして間もなかった、月次決算を加速する「Bill Oneビジネスカード」のリグレッションテストを自動化するというものでした。修正や機能追加のサイクルが早く、手動でのテストはどうしても時間がかかってしまい、リリースサイクルに追いつかない、開発へのフィードバックが遅
パブリックプレビューになった Microsoft Playwright Testing を使って Playwright テストを並列実行してみた いわさです。 Web E2E テストを行うためのフレームワークには様々なものが存在しますが、その中のひとつに Microsoft が開発した Playwright というものがあります。 Playwright は Chromium、Firefox、WebKit のレンダリングエンジンをサポートしており、クロスプラットフォーム環境で使用することが出来ます。 Playwright のテストランナーは並列ワーカーの実行をサポートしており、大規模な E2E テストを CI/CD の中で実行する場合でも効率的に実行することが出来ます。 しかし、並列ワーカーを増やしたとしても CI/CD ワーカーのコア数など限度があり、テスト対象のブラウザやオペレーティング
今クロスブラウザテストでよく使われるツールといえばPlaywrightですね。 テストでなくとも単純にブラウザ自動化ツールやスクレイピングツールとして使っている現場も多いかと思います。 とある事情で、Lambda上でPlaywrightを動かしてみましたが、予想以上に苦戦したので備忘録も兼ねて手順をまとめます。 これが一番簡単な方法です。 Playwright等のツールはそれ単体では動作せず、Chromium等のブラウザをインストールしなければなりません。 とはいえ、基本的にLambdaはマネージドサービスですので、自由にそのランタイム環境をカスタマイズできる訳ではありません。 また、Lambda関数をパッケージングするZIPファイルは、サイズが50MB(解凍後は250MB)以内という制約[1]がありますので、そのままブラウザをインストールできません。 ありがたいことに、Lambda用に縮
Playwright連載6日目です。 はじめにPlaywrightはさまざまな言語でテストを記述することが可能です。 公式ドキュメントを見ると JavaScript/TypeScript をはじめとし、Python / Java / .Net がサポートされていることがわかります。 そのほかにもGoやRubyといった言語もサードパーティ製の実装によって利用することが可能です。 このように幅広い言語をサポートしているのは利用者としてとても嬉しいことです。 今回はこのような他言語展開を可能にしているPlaywrightのアーキテクチャについて調べました。 環境情報本記事執筆時点のPlaywrightの最新バージョンはv1.37.1であり、本記事の内容及び参照しているドキュメントやソースコードは当該バージョンのものを前提としています。 Playwright Architecture通常のテストラ
はじめに 昨今 AI エージェントの流れが本当に激しいですね。 特に最近は MCP 関連の話題に溢れているなと感じているところです。 先週末には Azure Functions で MCP サーバーを作成できるようになりましたね。 私は普段 Azure を触ることが多く、このニュースがきっかけで MCP を触ろうと思ったので、非常に大きな出来事でした。 「MCP」とは「Model Context Protocol」の略で、生成 AI モデルに文脈情報を渡しやすくするための規格です。生成 AI 界の USB-C とも言われていますね。 すでに見られている方も多いかと思いますが、みのるんさんが以下のスライドで大変わかりやすくまとめてくださってます。私もこれで勉強しましたので、非常におすすめです！ ずっと MCP や AI エージェントを触りたいと思っては実行に移せていなかったのですが、今週から
サマリ Playwright for PythonのVer.1.22からPytestコードが生成(codegen)できるようになっています。 本記事ではPlaywrightのインストールからPytestコードの生成までを試します。 Codegen now supports generating Pytest Tests インストール > playwright codegen --help Usage: playwright codegen [options] [url] open page and generate code for user actions Options: -o, --output <file name> saves the generated script to a file --target <language> language to generate, one
GitHub ActionsでPlaywright E2Eテストを定期実行し、結果をSlack通知する Playwrightで実装したE2Eテストを定期実行する際に、GitHub Actionsを使うととても簡単でした。Slackへの通知も簡単にできるモジュールがありましたので、ご紹介します。 情報システム室の進地＠日比谷です。 Playwrightで実装したE2Eテストを定期実行する際に、GitHub Actionsを使うととても簡単でした。Slackへの通知も簡単にできるモジュールがありましたので、ご紹介します。 シェルコマンドを定期実行する方法としてのGitHub Actions コマンド（シェルコマンド）を定期実行する方法には様々な方法があります。 人間が手動で頑張る 専用サーバを立ててcronを実行 EC2を立ててcronを実行 AWS Systems Managerでステートマ
こんにちは！saimyonです👶 今回はPlaywrightでリクエストを確認する方法について書きます🎭 はじめに みなさん、Webアプリケーションを開発していてこんなことはありませんか？ APIは触ってないけどUIを刷新した！素敵！美しい！🥰 でも、新UIでぽちぽちした時に投げられるリクエストって、本当にこれまでと同じ形になっているの…？🤔 …もう不安で不安で夜しか眠れないですよね。 こういうリグレッションテスト的なことを「Playwrightでできないのかな？」と思い調べてみたところ、公式ドキュメントに載っている2つの方法で達成できそうだったので、そちらを紹介します！ Playwrightでリクエストを確認する方法 準備 今回はPOSTリクエストのボディを対象とし例を紹介したいのですが、手軽にPOSTできるWebサービスがなかなか思いつかず…最終的にGoogleフォームに行きつ
これはなに？ Dockerコンテナ上でPlaywrightを使ったスクレイピングをしたら少しハマったので、その時の対処方法です。 経緯 コード自体はローカルでは動いていたので、Dockerイメージをビルド。いざdocker run したところ、エラーが出て動きませんでした。 エラーは以下
JSer.info #515 - Utility-FirstなCSSフレームワークであるTailwind CSS 2.0がリリースされました。 Tailwind CSS v2.0 – Tailwind CSS 破壊的な変更としてIE11のサポートを終了、Node 10以下のサポートを終了、一部クラス名の変更などが含まれています。 機能追加としてカラーパレットの追加、ダークモードのサポート、2xl breakpointの追加しています。 また、フォーム向けのプラグインとして@tailwindcss/formsの追加、@applyの対応改善、overflow-ellipsisとoverflow-clipの追加などもされています。 Electron 11.0.0がリリースされました。 Electron 11.0.0 | Electron Blog Release electron v11.0.0
この記事は弥生 Advent Calendar 2024 (シリーズ1) の11日目の記事です。 はじめに はじめまして、弥生株式会社のMisocaチームエンジニアの粟津です。 今回は比較的新しいブラウザ自動化フレームワークであるPlaywrightについて、その利点とMisocaでの利用可能性を検討した結果を書こうと思います。 Misocaについて Misocaは簡単に利用できる請求書発行サービスです。請求書だけでなく、納品書や見積書、領収書の発行もできます。 インボイス制度や、弥生株式会社のサービスであるスマート証憑管理と連携した電子帳簿保存法対応もしております。 ぜひ使ってみてください。 www.yayoi-kk.co.jp Misocaとブラウザ自動化 MisocaはRuby on RailsとVue.jsを利用して開発していますが、その中で多くの種類の自動テストを実行しています。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
今回は部内の教育プロジェクトで私が学習している「PlayWright」について 簡単な説明と、PlayWrightを使ったテスト自動化についてお話させていただければと思います。 背景として、私の現場では画面系のテストが多く、入力値を手で入れたり、画面キャプチャを取得する作業がかなり大変なため、自動化できないかと考えていました。 そこでPlayWrightを導入することで上記の問題を解決できそうと分かり、学習を進めている次第です。 長くなってしまいましたが、是非最後までお付き合いいただければと思います。
こんにちは！プロダクト開発部の関根です。 飛行機好きの息子のために飛行機が見られるお出かけスポットやいい感じのYouTube動画を探す毎日です。 さて、コドモンではATDDでソフトウェアを開発しており、E2EテストのツールとしてGaugeやPlaywrightを利用しています。 今回は、E2EテストをCI基盤であるGitHub Actions上でも動作させるために工夫していることをいくつか紹介したいと思います。 CI環境におけるE2Eテストの流れ GitHub Actionsを用いたE2Eテストの実行プロセスは以下の通りです。 Workflowが開始されると、最初にk8s環境へのデプロイ用コンテナイメージのビルドが行われます。続いて、Self-hosted Runnerを使用してk8sリソースを構築し、ヘルスチェックが完了するのを待ちます。その後、GaugeによってE2Eテストを実行し、テ
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） お知らせ: 来週および再来週の週刊Railsウォッチはお休みをいただき、通常記事を公開します。 🔗Rails: 先週の改修（Rails公式ニュースより） T
この記事は kb Advent Calendar 2020 1 日目の記事です。 https://adventar.org/calendars/5280 Chrome 等のブラウザを自動操作するためのライブラリとして、Google が開発する Puppeteer と、Firefox 等もサポートに加えた Microsoft の Playwright などが有る。現時点で機能差は多くないが、Playwright にはブラウザ画面を webm として録画出来る機能が有る。しかし Puppeteer には実装されていない。何故 Puppeteer では実装されないのかを中心に、今回調査を行った。 Playwright での録画 Microsoft のライブラリ実装の Playwright では、録画向けの API が提供されている。v1.4.0 のリリースで公開され、次の v1.5.0 で AP
実行すると初期化に伴うオプションの変更をあれこれ聞かれます。 特にこだわりがなければそのままEnterを押していってください。空白で送信した場合はデフォルト値で設定されます。 $ npm init playwright@latest Need to install the following packages: [email protected] Ok to proceed? (y) ...略... ✔ Success! Created a Playwright Test project at /Users/shion/dev/playwright Inside that directory, you can run several commands: npx playwright test Runs the end-to-end tests. npx playwrigh
※ Qiitaに書いてた内容をzennに転記しただけです まえおき playwright-pytest を使ってE2Eテストを始める方法については、以下の記事で紹介した。 ここでは、失敗時の画面キャプチャを撮る方法までは書いたが、実際に自動試験スクリプトを書いていると「どうしてそうなった？！」と思うことが稀によくある。（しかも、そんなテストに限って、じっと見張っていると何回やってもpassしたりするw） 失敗するまで自動テストを見張っておくのは不毛すぎるので、見張らなくてもいいようにエビデンス動画を残しておきたいと思うのがエンジニアである。 playwright-pythonで動画を撮る方法 playwright-python には、自動操作中の動画を記録する機能がある。 以下の記事でも言及されているように、 browser.new_context() もしくは browser.new_p
この記事は、FIXER 3rd Advent Calendar 2020 13日目の記事です。 今回は「Playwright」でマルチブラウザのテストを動画で記録する方法をご紹介します。 Playwrightとは？ Playwrightとは、Microsoftが提供しているWebDriverやpuppeterと同じ種類の自動テスト用のライブラリです。2020年2月1日に、オープンソースで公開されました。ChromiumやFirefox、WebKitといったブラウザの動作をプログラムで再現し、自動的にテストをすることができます。 特徴 Playwrightは後発のサービスなので機能が充実していて、また活発に開発されています。 クロスブラウザ対応がされている利用者がブラウザを操作すると再現用のスクリプトが自動的に生成されるテストの状況を、ビデオで保存できる実際に動かしてみる インストール この
こんにちは！QAエンジニアのetoとshibachokuです。本記事は品質保証部連載第11弾です。今回はプログラミング初心者である私たちがPlaywrightにチャレンジし、実施してきた取り組みについて語った内容をブログにしました。初心者あるあるな話が結構出たのではないかと思います。 インタビューアーは品質保証部マネージャーのtarappoさんです。 ※tarappoさんについては以下の記事をぜひご覧ください。 tech.smarthr.jp 自己紹介 tarappo：品質保証部のtarappoです。今回は労務ユニットBのメンバーが最近すすめていたPlaywight周りのことについてお二人と話せればと思います。 eto：品質保証部労務ユニットBに所属しているetoです。よろしくお願いします。 shibachoku：同じく労務ユニットBに所属しているshibachokuです。よろしくお願いし
Ateam Group U-30 Advent Calendar 2022の1日目は 株式会社エイチームライフデザインの@oekazumaが担当します。 はじめに Svelte、SvelteKitのプロジェクトにおいて、コンポーネントテストを書きたい場合、どのようなテストランナーを使ってどう書けばいいかを解説していきます。 SvelteKitが用意してくれているプロジェクト作成のCLIではPlaywrightとVitestがデフォルトで追加できるようになっていますのでこれらのテストランナーを使ったコンポーネントテストを紹介します。 今回、作ったサンプルはこのリポジトリで確認できます。 SvelteKitとは SvelteをベースとしたハイパフォーマンスなWebアプリを作るためのフレームワークです。 ReactでいうNext.js、VueでいうNuxt.jsような立ち位置だと認識していただけ
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
この記事は自動テスト Advent Calendar 2020 - Qiitaの12日目です。 アドベントカレンダーが Puppeteer, Playwright, Cypress, TestCafe, CodeceptJS, など自動テストに関する技術・ノウハウを書いていきましょう。 ということなので、Playwrightのちょっとしたネタを一つ。 前段 自動テストやっていると、テストが失敗（結果がFailになったり、テスト自体が途中で例外吐いて止まったり）したときに テスト対象でほんとうに問題があるのか 自動テスト側に問題があるのか いわゆる「タイミングの問題」などなのか（） を切り分ける必要があります。これが割と大変な作業になることも多く、 そもそもテストが想定外の理由で失敗しないように、例外処理や待機やリトライ処理などを工夫しておく 失敗の原因を特定する手間をなるべく少なくするよう
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
※追記※ 大反響ありがとうございます。「けしからん」というご意見もいただいたので、このようなAI営業を撃退するAIエージェントもノーコードで30分で作ってみました。 営業活動において、見込み客へのアプローチはとても重要ですが、多くの企業サイトの問い合わせフォームに個別に連絡するのは非常に時間がかかる作業ではないでしょうか。 まずはアプローチする営業リストを作成して、それぞれの会社の公式サイトを探して一覧にまとめて、順番に、一つずつ問い合わせフォームを探して、定型文を送る… そんな果てしない作業を人力でやっている会社もあるのではないでしょうか。しかし、今回紹介するAI営業エージェントを利用すると、会社の公式サイトをみて自律的に問い合わせフォームを探して定型文を送る作業を完全自動化できます。 この記事では、営業リストに対して問い合わせフォームから自動的に連絡するAI営業エージェントの構築方法を
In its latest release, Playwright has gained a new feature called Playwright Test. This newly added test runner for Playwright enables the smoothest testing experience in Next.js applications I have ever seen. Once set up, it allows testing with real browsers across multiple device sizes. We’ll be able to mock requests made by the frontend. And, we’ll be able to mock the backend’s requests as well
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[アップデート] Amazon Q Developer に AWS アカウントのコスト分析と最適化提案をしてもらえるようになりました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/76732f5e4d8837204cb772d0fe3a4613986cd733/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fimages.ctfassets.net%2Fct0aopd36mqt%2Fwp-thumbnail-5dd35cec6954843cd98f8fe0f8bf3afe%2F08b840eb79b1e885b48a9fad3081ce0a%2Famazon-q)
![[アップデート]既存の利用状況から見積もりを作成できる新しいPricing CalculatorがGAされました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/8753c8c30c6462c9c22efd84d152141fd189e38b/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fimages.ctfassets.net%2Fct0aopd36mqt%2Fwp-thumbnail-cd6bca3e0ea12bce10d34b5c73117202%2Fe7dcb00f209227795370c8effc01051d%2Faws-eyecatch.png)
