赛普拉斯vue.js：CypressError“重试超时：期望找到内容”

Question

问题描述

  

CypressError：超时重试：预期找到内容：'mm'   在元素内：但是   从来没有。

我已经用模拟数据将组件安装在了赛普拉斯上。然后，我尝试使用下面的源代码获取一个元素并收到上述错误：

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

现状

我有一个vue.js应用程序，其中包含一个组件，它使用来自API的数据。请在下面找到我尝试使用赛普拉斯为该组件编写单元测试的源代码。

代码：

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

我无法使用cypress命令#edit-highlights-form1获得元素cy.get()。我通过使用命令cy.get("#edit-highlights-form1").should( "have.value", '2m' );

解决了此问题