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

【问题标题】：How can I get an aria label from React-Calendar using Cypress如何使用 Cypress 从 React-Calendar 获取 aria 标签
【发布时间】：2020-08-05 11:14:41
【问题描述】：

我有一个测试，我需要使用他们的日期选择器 (https://www.npmjs.com/package/react-calendar) 在 React-Calendar 上设置日期。 dom 中唯一能让我准确获取日期的元素是 aria-label，其中包括完整日期，例如 aria-label="August 12, 2020"。由于日历可能不包括当前视图中的日期，因此我需要一个条件测试，首先确定 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()              
            }
        })

【问题讨论】：

标签： javascript jquery cypress

【解决方案1】：

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

【讨论】：