小编Rob*_*Rob的帖子

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

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

这是我正在使用的代码:

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()              
            }
        })
Run Code Online (Sandbox Code Playgroud)

javascript jquery cypress

13
推荐指数
1
解决办法
2万
查看次数

标签 统计

cypress ×1

javascript ×1

jquery ×1