Выбор опций из 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>

Я пытаюсь использовать Cypress для выбора мужчины или женщины с поля.

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()
        })