cypress-extension Chrome Extension

helpful tool for cypress.
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.

How to install cypress-extension chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the cypress-extension Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension cypress-extension Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the cypress-extension in Chrome Webstore Search and click on the search button.
• Step 3: click on the cypress-extension Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the cypress-extension extension for your Chrome Web browser .