一般社団法人 全国個人事業主支援協会

COLUMN コラム

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>;
}
The following two tabs change content below.

内田 美樹

システムエンジニアをしています。 フロントエンドを主に、サーバーサイドも書いたりします。 JS/TS/Python/Javaは少しだけ React/Angular/Next/Nuxt/Vue/Nodeなんかを使ったりします。

この記事をシェアする

  • Twitterでシェア
  • Facebookでシェア
  • LINEでシェア