Cypressを使用してMAT-SELECTからのオプションの選択

Question

次のようにMAT-SELECTドロップダウンがあります

<mat-form-field>
   <mat-label>Gender</mat-label>
      <mat-select id="gender" required formControlName="gender">
         <mat-option id="Male" value="male"> Male </mat-option>
         <mat-option value="female"> Female </mat-option>
      </mat-select>
 </mat-form-field>
 _

私はサイプレスを使ってフィールドから男性または女性を選択しようとしています。

cy.get('mat-select').click().select('Male')
 _

上記のコードで、次のエラーが発生します。

CypressError: cy.select() can only be called on a <select>. Your subject is a: <mat-select>
 _

私はこれを修正するのに助けが必要です、ありがとう。

私のために働いたコード。

cy.get('#gender').click().then(() => {
            cy.get('#male').click()
        })
 _

Answer 1

MAT-SELECTのMAT-OPTIONダイアログを開き、「Apple Inc.」を含むフィールドを選択します。

cy.get('mat-select[formControlName=companyName]').click().get('mat-option').contains('Apple Inc.').click();
 _