ブラウザでのアップロードシナリオのテストは、自動テストの分野ではまれですが、珍しいケースではありません。そのようなテストの重要性を評価することは常に重要です。多くの状況では、アプリケーションよりもブラウザをテストすることになるからです。そのため、フロントエンドアプリケーションがブラウザのデフォルトのアップロード動作の上にどれだけの追加機能を配置しているかを常に念頭に置いてください。たとえば、ほとんどの処理がバックエンドで行われる場合、request や axios のようなパッケージを使用して、単純な Node.js の POST リクエストを使用してアップロードを模倣する方がはるかに理にかなっています。

WebdriverIO V5 用の新しいビジュアルリグレッションサービス wdio-image-comparison-service を発表できることを嬉しく思います。

ReactJS は、Web で最も広く使用されているフロントエンドライブラリの 1 つです。React と並んで、多くの開発者は JSX の className props を介して HTML 要素に添付された class 属性値を縮小または書き換えるスタイリングツールを使用しています。これらの縮小と上書きにより、クラス名が同じままであることが保証されないため、WebDriver のクエリコマンド findElement や findElements を使用して生成された HTML を選択することが難しくなります。