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
はじめに デザインなどを変更した時に、予期せぬレイアウトの崩れがないか1つ1つ目視で確認するのは大変です。ページ数が多くなればなるほどヒューマンエラーの可能性が高くなります。そんな時、導入したいのがVisual Regression Testing(VRT)。 アプリケーションの前後の状態をキャプチャしたスクリーンショットを比較することで、ビジュアル上の変更や不具合を特定することができます。 今回はPlaywright + reg-suitを利用して、VRTを導入方法を紹介します。 各種インストール Next.jsをインストール 今回はNext.jsのトップページでテキストを変更してVRTを試してみます。 ✔ What is your project named? … vrt-example ✔ Would you like to use TypeScript? … Yes ✔ Would
Web アプリケーション開発での VRT 導入は、ちゃんと運用するとなると以下のような多くの検討事項を伴います。 Storybook のストーリーベースで比較するか?それとも実アプリケーションの URL ベースで比較するか? CI 上でアプリケーションをビルドして dev server を立ち上げるか、それともデプロイ先のアプリケーションにアクセスするか? スクリーンショットの比較はどのように行うか?比較時の閾値はどのように設定するか? 比較元のスクリーンショットはどのように用意するか?例えば Amazon S3 などのストレージ や GitHub Actions の actions/cache を使用する場合など コミットハッシュを用いて比較元のスクリーンショットを特定する場合、マージ先のコミットハッシュに紐づくスクリーンショットが存在しない時の対応は? VRT の結果で差分が出たが、そ
Automated visual testing for every PR Approve visual changes in one click as part of your normal code review process. Percy integrates directly into your test suite and development workflow to provide iterative and fast feedback about visual changes. Percy supports most common CI services and development environments. Simple and fast visual diffs at scale We believe visual testing is only truly us
組織としてテスト自動化に取り組むべき理由と、手段としてのテスト駆動開発を紹介する講演資料です。以下のような内容です。 ねらい: ・主に顧客向けの業務システム(B2B)を開発している、 ・プロジェクトベース、ウォーターフォールプロセスが主流の開発現場や運用保守の現場にいる、 ・マネージャーのか…
※2022/11/27に書籍のリンク情報を最新化しました 2018年初出の記事ですが、掲載書籍とリンクを随時見直し・更新しています。 筆者は幸せなことに社内外の勉強会にてソフトウェアテストに関することを講義する機会がありますが、講義終了後に「テストを学んでみようと思う。ついてはおすすめの本はないですか。」と質問をいただくことがあります。これが何回もあるので、せっかくならば記事にしておこうと思います。 なお、質問をいただくのはだいたい新人か若い層の技術者の方々です。そういった方々に毎回おすすめしている10冊を以下に紹介します。 ■まずはソフトウェアテストの世界を覗こう いざテストを学ぼうと思っても、右も左もわからないと何から手を付けてよいかわかりません。また、いきなり専門的な本を読むと、書いてあることがわからなさすぎて辛さのイメージが付いています。ですから、まずは軽く読める本から、電車移動中
Are you tired of spending hours debugging your PHP code? For many programmers, it’s not exactly a thrilling task. However, there’s a smart solution that can make this less of a chore: automated testing. This approach can greatly enhance the efficiency of PHP development by utilizing pre-written tests to guide the development process. In this article, we’ll explore why automated testing is benefici
Overview Installation Guide Browsing and Interactions Splinter API Driver APIs Community Splinter Development splinter¶ Splinter is a simple and consistent API for web application automation. Documentation Changelog Key features: Easy to learn: The API is designed to be intuitive and quick to pick up. Faster to code: Automate browser interactions quickly and reliably without fighting the tool. Pow
Unit tests are a tool that developers use to test that code is performing properly. The idea behind unit tests is to create a set of tests that determine if the code you have written is doing what it is supposed to do. A unit test should check that one piece of code, such as a function or method, runs properly and returns the expected results. Through this tutorial series, we will walk through how
Selenium2とは ものすごいややこしいんだけど、SeleniumってSelenium◯◯っていうのが沢山あるよね…いったいどれが何なの?っていう迷子状態になって使うに至らない。そんな人、多いと思います。いや俺だけかも。そんな疑問に答えてくれる素晴らしいエントリー。 Selenium何とかっていうツールがやたら色々あるのはどういうわけなのか | 品質向上ブログ 非常に助かります。要は巷で噂のSelenium2っていうのは、Selenium WebDriverの事。これさえ分かっていれば迷子にならない。と思う。 いきなりまとめ Macで開発して、PHPUnitでSeleniumのテストコードを書いて、MacブラウザとVirtualBox経由仮想Windowsブラウザに対してテストを実行する。それだけ。 必要なソフトは「PHPUnit」「PHPUnit/selenium」「Selenium
Hi, I’m John, WordPress fanatic and professional coffee-drinker. This blog is dedicated to helping you understand WordPress. Twitter Github Gists What is Unit Testing? A non-technical definition of Unit Testing, is “a way to make sure your code won’t break stuff.” In the WordPress world, it means using a provided library of tests to check if your code will return errors. Basically, it’s a program
本シリーズは、WebブラウザをUIとして利用した業務システムやアプリケーション(以下、Webシステム、Webアプリケーション)のテストをテーマとして、Webブラウザを使ったテストを自動化するOSSのツール「Selenium2」を紹介します。業務システム開発の現場で適用してきたノウハウを元に、これまでSelenium2について知らなかった人から以前使った経験がある人まで、より実践的な「使える」内容を盛り込んでいきたいと思います。 本シリーズのスコープと対象読者 本シリーズはWebシステム・Webアプリケーションのテストの中でも「Webブラウザを操作して実施するテスト」をスコープにしています。開発工程としては、1モジュールとして単体テストに位置付けられる場合もあれば、複数のモジュールやシステムと連携して結合テストや総合テストに位置付けられる場合もあるでしょう。これらのテストのことを、本シリーズ
This is an overview of running and writing tests for WordPress. Automated testing is running test cases where manual intervention is not required to run each one. This is usually in the form of writing test suites which have multiple test cases and a library and command line tool that runs the test suite or suites. The test suites WordPress uses are PHPUnit for PHPPHP The web scripting language in
このサイトは近い将来、閉鎖予定です。 引っ越し先はこちら: https://scrapbox.io/shellscript-reference/ 20年以上にわたって運営を続けてきた本サイトですが、十分な役割を果たし終えたと考え、このたび幕を閉じることといたしました。 ここでシェルスクリプトを習得された多くの方々の活躍を思うと、運営してきた歳月には、確かな価値があったと確信しております。 これまでご愛読いただき、誠にありがとうございました。 if 文と test コマンド if 文とは? if 文とは、与えられた条件式が真のときのみ処理を行い、それ以外の場合は処理をスキップする、などといった場合に使用される条件分岐処理である。 条件式には一般的に test コマンドを用いるが、ls コマンドや grep コマンド等の他のコマンドを用いても構わない。 if 文は条件式に指定されたコマンドの終
株式会社パソナが提供するオウンドメディアサイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く