FAQ

check(Screen/Element/FullPageScreen) を実行したい場合、save(Screen/Element/FullPageScreen) メソッドを使用する必要がありますか？

いいえ、その必要はありません。 check(Screen/Element/FullPageScreen) は自動的にこれを実行します。

ビジュアルテストが差分によって失敗します。ベースラインを更新するにはどうすればよいですか？

引数 --update-visual-baseline を追加することで、コマンドラインからベースライン画像を更新できます。これにより、

• 実際に撮影されたスクリーンショットが自動的にコピーされ、ベースラインフォルダーに配置されます。
• 差分がある場合、ベースラインが更新されているため、テストは合格となります。

使用方法

npm run test.local.desktop  --update-visual-baseline

ログ情報/デバッグモードで実行すると、以下のログが追加されます。

[0-0] ..............
[0-0] #####################################################################################
[0-0]  INFO:
[0-0]  Updated the actual image to
[0-0]  /Users/wswebcreation/Git/wdio/visual-testing/localBaseline/chromel/demo-chrome-1366x768.png
[0-0] #####################################################################################
[0-0] ..........

幅と高さは負の値にすることはできません

幅と高さは負の値にすることはできません というエラーがスローされる可能性があります。 10 回中 9 回は、ビューにない要素の画像を作成することに関連しています。要素の画像を作成しようとする前に、常に要素がビューにあることを確認してください。

Windows での Canvas のインストールが Node-Gyp ログで失敗しました

Node-Gyp エラーが原因で Windows での Canvas のインストールに問題が発生した場合は、これがバージョン 4 以下にのみ適用されることに注意してください。 これらの問題を回避するには、バージョン 5 以上に更新することを検討してください。 これらの依存関係はなく、画像処理に Jimp を使用します。

それでもバージョン 4 の問題を解決する必要がある場合は、

• はじめに ガイドの Node Canvas セクションを確認してください。
• Windows での Node-Gyp 問題の修正については、この記事 を参照してください。（IgorSasovets さん、ありがとうございます）