cypress-extension

About

E2Eテスティングフレームワークの一つである、Cypressのテストケースを作成するためのツールです。
インストール後、拡張機能アイコンをクリックし、ボタンをクリックしてログを開始できます。
次に、ブラウザの内容を操作してください。
最後に、拡張機能アイコンをクリックして、Cypressのテストケース文字列を表示できます。

作成されたテストケースは、Cypressでそのまま使用できない場合がありますが、ここからある程度編集して使うことを想定しています。
ブラウザの要素に「data-testid」を追加している場合、より良いテストケースがになる場合があります。

A helpful tool for creating a testing case for cypress of E2E testing framework.
After installed, you can click extension icon and click button to start logging.
Second, please operation on browser contents.
Finally, you can click extension icon and view cypress test case strings.

The created test case may not completely usable for cypress. But you can edit from this.
If you add 'data-testid' to your element of browser contents, the test case more may be more useful.