javascript - 如何使用 Cypress 从 React-Calendar 获取 aria 标签

Question

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

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()