如何使用Cypress从React-Calendar获取唱段标签

Question

我有一个测试，我需要使用他们的日期选择器(https://www.npmjs.com/package/react-calendar)在React-Calendar上设置日期。dom中唯一能让我准确获取日期的元素是aria-label，它包含完整的日期，例如aria-label=“8.12,2020”。由于日历可能不包括当前视图中的日期，因此我需要一个条件测试，首先确定dom中是否存在aria-label=“8.12,2020”。如果没有，我需要测试单击next month按钮，然后单击日期。

下面是我正在使用的代码：

​

cy.get('.react-calendar').then(($reactCal) => {
            if ($reactCal.val().includes(`August 12, 2020`)) {
                cy.get(`abbr[aria-label="August 12, 2020"]`).click()
            }
            else {
                cy.get('.react-calendar__navigation__next-button').click()
                cy.get(`abbr[aria-label="August 12, 2020"]`).click()              
            }
        })

​

Answer 1

cy.get(`[aria-label="August 12, 2020"]`).click()