Question

我正在使用cypress对我的Web应用程序进行测试。在应用程序中，我必须使用日期选择器日历自动化测试用例以更改日期。谁能告诉我如何从日期选择器日历中选择日期，（我不想直接在输入字段中输入日期，因为输入字段是只读的，并且其值只能使用日期选择器日历进行更改小部件）。

Answer 1

您可以检查日期选择器上的Web元素。如果您可以显示更多的html源代码，那就太好了。

基本上，在jQuery日期选择器上，您可以执行以下示例，

    //click the date picker
    cy.get('#datepicker').click();
    //choose previous month
    cy.contains('Prev').click();
    //choose next month 
    cy.contains('Next').click();
    //choose date 24
    cy.contains('24').click();

Answer 2

尝试此代码。它将 自动选择当前日期 ：

 //First it Clicks on the calendar's field.
cy.get('#date').click();
//Then Clicks on current date. 
cy.get('.ui-datepicker-days-cell-over > .ui-state-default').click();

请记住，根据您的情况，此类.ui-datepicker-days-cell-over可能有所不同，但下一个总是相同的。

Answer 3

您可以查看此代码。这将对您有帮助。

cy.get('input[name="Date"]').invoke('val').then((text) => {
    expect('08/05/2019').to.equal(text);
});

如何使用cypress从日期选择器小部件中选择日期

3 个答案: