Cypress.io тестирование для выпадающего списка

Question

У меня есть угловое приложение 2+, и я использую cypress.io для тестирования E2E.

У меня проблемы с созданием теста, в котором есть несколько раскрывающихся списков.

Я хочу написать код cypress.io, чтобы выбрать раскрывающийся список, выбрать желаемый вариант и перейти к следующему раскрывающемуся списку. Я не могу вызвать выпадающий список, выбрать значение и т. Д.

Мой тест останавливается следующим образом:

Вот мой код до сих пор ..

/// <reference types="cypress" />

describe('Reminders application test harness', () => {

  it(`create contact reminder and delete contact and reminder`, () => {
    cy.visit('http://localhost:4200/home');
    cy.contains('Logout').click();
    cy.contains('Login').click();
    cy.get('#mat-input-0').type('xxxxxxxxxxxx');
    cy.get('#mat-input-1').type('xxxxxxxxxxxxx');
    cy.get('[fxlayout="column"] > .space-top').click();

    cy.contains('Contacts').click();
    cy.get('#mat-input-5').type('bill');
    cy.get('#mat-input-6').type('gates');
    cy.get('#mat-input-7').type('7145551212');
    cy.get('.mat-raised-button').click();
    cy.get(
      '[style="left: calc(((33.3333% - 6.66667px) + 10px) * 1); width: calc(((33.3333% - 6.66667px) * 1) + 0px); top: 0px; height: calc(250px);"] > .mat-figure > .mat-card > .mat-card-actions > .update-button > .mat-button-wrapper > .mat-icon'
    ).click();
    cy.get(
      '#mat-select-0 > .mat-select-trigger > .mat-select-arrow-wrapper > .mat-select-arrow'
    ).click();
    // .get('Daily')
    // .click();
  });
});

Пожалуйста, помогите.

Answer 1

Я решил, используя следующий код.Где имя свойства в моем раскрывающемся списке "freq".Спасибо

cy.get('[name="freq"]').click();
cy.get('mat-option')
.contains('Daily')
.click();