TimePicker 赛普拉斯自动化答案

【问题标题】：TimePicker Cypress automationTimePicker 赛普拉斯自动化
【发布时间】：2023-02-12 14:06:14
【问题描述】：

我发现很难通过柏树中的时钟自动化 TimePicker。该组件是通过MaterialUI。它点击了值，但指针根本不动。有什么建议么？

【问题讨论】：

标签： material-ui cypress

【解决方案1】：

由于某种原因，时钟不喜欢cy.click()。

但是你可以用cypress-real-events插件来测试

用npm install cypress-real-events安装
将这一行 import "cypress-real-events/support"; 添加到文件 /cypress/support/e2e.js

像这样测试时钟：

cy.get('button[aria-label^="Choose time"]').click()

cy.get('.MuiClockPicker-root').within(() => {

  cy.contains('12').realClick()   // choose 12 hours
  cy.contains('30').realClick()   // choose 30 minutes
})

// verify value
cy.get('input[placeholder="hh:mm (a|p)m"]').should('have.attr', 'value', '12:30 PM')

// or
cy.get('input[value="12:30 PM"]')

【讨论】：