Cypress

メインメニューで ファイル | 新規 | プロジェクト へ移動します。

または、 ようこそ 画面を表示している場合は、 新規プロジェクト をクリックします。

左側のリストから Cypress を選択します。

新しいプロジェクトに名前を付け、必要に応じてその場所を変更します。

Node.js ランタイム を指定します。

パッケージマネージャー を指定します。

言語 リストから、使用する言語を選択します。

(オプション) サンプルコードの追加 パラメーターを有効にします。

(オプション) E2E テストの構成 パラメーターを有効にして、スペックファイルに適用されるカスタムコマンドまたはグローバルオーバーライドを導入するために使用されるサポートファイルのセットを作成します。

(オプション) コンポーネントテストの構成 パラメーターを有効にして、コンポーネントテスト用のフレームワークをセットアップおよび構成します。 コンポーネントテストの構成 パラメーターを有効にしたら、リストから目的のフレームワークを選択します。

作成 をクリックします。

要素を追加するファイルを開きます。

右側のサイドバーの をクリックして、 Web インスペクター ツールバーウィンドウを開きます。

アドレスバーにページの URL を指定します。

「 」をクリックし、Web インスペクターで追加する要素を選択します。

要素を選択したら、「 」をクリックして要素をコードに追加します。

特定のタイプのセレクター (ID、 名前、 クラスでタグ付けするなど) を追加するには、 をクリックして必要なオプションを選択します。

CSS ロケーターと XPath ロケーターの間で具体的に切り替える場合は、 をクリックして、必要なロケーター型を選択します。

実行 / デバッグ構成スイッチャーで現在の構成をクリックし、 構成の編集(R)… オプションを選択します。

実行 / デバッグ構成 ダイアログで、編集する構成を選択します。

必要なスタートアッププロパティを構成します。

変更を適用して OK をクリックします。

ステータスバーのフレームワーク名をクリックします。 UI オートメーションフレームワーク メニューが開きます。

テンプレートのカスタマイズ オプションを選択してください。

ファイルおよびコードテンプレート ダイアログで、リストから必要なフレームワークを選択します。

Web 要素ロケーターのコード生成アルゴリズムを書き換えます。

変更を保存するには、 OK をクリックします。