Cypressのカスタムコマンド | 全国個人事業主支援協会

COLUMN コラム

Cypressのカスタムコマンド

2022年05月31日
Cypressのカスタムコマンド
- プログラマー
- システムエンジニア

Cypressでは頻繁に使用する処理をカスタムコマンドとして設定することができます。

cypress/support/commands.ts

// 頻出する操作をカスタムコマンドとして定義
// 操作：ボタン要素の特定・テキストエリアの特定・ボタンを押す・テキストエリアを埋める
Cypress.Commands.add('コマンド名', () => {
  コマンドで行いたい処理
});
Cypress.Commands.add('login', () =>
  cy.get('button').contains('ログイン').click();
);

// カスタムコマンドの型定義
// これを行わないと、cyの後のメソッド呼び出しでエラーになる
declare namespace Cypress {
  interface Chainable<Subject> {
    // ログイン
    login: () => Chainable<Subject>;
}