cypress-extensionとは何ですか？

cypress-extensionはmoka0329によって開発されたChromeの拡張機能で、その主な機能は「helpful tool for cypress」です。

拡張機能のスクリーンショット

cypress-extension拡張機能のCRXファイルをダウンロード

cypress-extension拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

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.

拡張機能の基本情報

名前	cypress-extension
ID	ifniehnojokofonkklceecajlecbcfjl
公式URL	https://chromewebstore.google.com/detail/cypress-extension/ifniehnojokofonkklceecajlecbcfjl
説明	helpful tool for cypress
ファイルサイズ	17.78 KB
インストール数	12
現在のバージョン	0.0.1
最終更新日	2021-09-12
公開日	2021-09-09
開発者	moka0329
Eメール	[email protected]
支払い方法	free
対応言語	ja
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "cypress-extension", "version": "0.0.1", "manifest_version": 3, "description": "helpful tool for cypress", "background": { "service_worker": "background.js" }, "action": { "default_icon": "images\/logo.png", "default_popup": "popup.html", "default_title": "cypress extension" }, "content_scripts": [ { "all_frames": true, "matches": [ "" ], "js": [ "contentScript.js" ], "css": [ "styles\/contentScript.css" ] } ], "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "permissions": [ "storage", "tabs" ], "optional_permissions": [] }