Cypress vue.js: CypressError "Тайм-аут повторных попыток: ожидается поиск контента"

Question

Описание проблемы

CypressError: Тайм-аут повторной попытки: Ожидается, что в элементе найдено содержимое: 'mm': но не было.

Я смонтировал компонентна кипарис с ложными данными.Затем я попытался получить элемент, используя приведенный ниже исходный код, и получил вышеуказанную ошибку:

cy.get('#edit-highlights-form1').contains('2m'); 

Текущая ситуация

У меня есть приложение vue.js, которое содержит компонент, и оно получает данные изAPI.Пожалуйста, найдите исходный код ниже, что я пытался написать модульный тест для этого компонента, используя Cypress.

Код:

describe('Edit highlights component ', () => {
    beforeEach(mountVue({
            template,
            components,
            data
        }))

    it('Stub the mock data to the component edit highlights', () => {

        cy.server();
        cy.route({
            method: 'GET',
            url: '/drupal/api/v1/getHighlightData/*',
            response: data().highlightModel

        }).as('apiHighligihtData');
        mountVue({
            template,
            components,
            data
        });
        cy.get('#edit-highlights-form1').contains('2m');
    });
});

Я получил учебное пособие от https://github.com/bahmutov/cypress-vue-unit-test/blob/master/cypress/integration/ajax-list-spec.js

Answer 1

Мне не удалось получить элемент #edit-highlights-form1 с помощью команды cypress cy.get(). Я решил эту проблему с помощью команды cy.get("#edit-highlights-form1").should( "have.value", '2m' );