使用 cypress 在 jquery 日历中选择日期

Question

我在我的应用程序中使用了以下 jquery 日历插件的代码片段，并且 cypress 代码被截断为 select 日期 1990-10-11。

$(function() {
  $("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat:"yy-mm-dd"
  });
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Date: <input type="text" id="datepicker"></p>

    cy.get("#datepicker").click();
    cy.get(".ui-datepicker-month").select("10");
    cy.get(".ui-datepicker-year").select("1990");
    cy.get("table.ui-datepicker-calendar").then(() => {
        cy.contains('11').click();
    });

使用代码我可以更改年份和月份，但不能 select 日期。如何通过 cypress.

将日期设置为 1990-10-11

Answer 1

尝试像下面一样点击 date 11。

cy.get("a.ui-state-default:contains(11)").click();

Answer 2

@Karan 的回答看起来不错，但我会在 select 中更具体（因为 ui-state-default 看起来有点太笼统）。

cy.get('[data-handler="selectDay"] a:contains("11")').click()

使用 cypress 在 jquery 日历中选择日期

Pick date in jquery calendar with cypress

javascript

jquery

jquery-ui-datepicker

cypress