HistoryPage.ts 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. /**
  2. * HistoryPage - History列表页面的Page Object Model
  3. * 用于History界面的元素选择器和操作方法
  4. */
  5. class HistoryPage {
  6. /**
  7. * 获取表格
  8. */
  9. getTable() {
  10. return cy.get('table');
  11. }
  12. /**
  13. * 双击表格第一行
  14. */
  15. findTableAndDoubleClickFirstRow() {
  16. cy.get('table').within(() => {
  17. cy.get('tbody tr[data-testid="row-0"]')
  18. .scrollIntoView()
  19. .should('be.visible')
  20. .dblclick({ force: true });
  21. });
  22. }
  23. /**
  24. * 点击指定索引的行
  25. * @param index 行索引(从0开始)
  26. */
  27. clickRowByIndex(index: number) {
  28. cy.get('table').within(() => {
  29. cy.get(`tbody tr[data-testid="row-${index}"]`)
  30. .scrollIntoView()
  31. .should('be.visible')
  32. .click({ force: true });
  33. });
  34. }
  35. /**
  36. * 验证指定行被选中(黄色高亮)
  37. * @param index 行索引(从0开始)
  38. */
  39. verifyRowSelected(index: number) {
  40. cy.get('table').within(() => {
  41. cy.get(`tbody tr[data-testid="row-${index}"]`)
  42. .should('be.visible')
  43. .should('have.class', 'bg-yellow-500');
  44. });
  45. }
  46. /**
  47. * 点击删除按钮
  48. */
  49. clickDeleteButton() {
  50. cy.get('[data-testid="delete-button"]').click();
  51. }
  52. /**
  53. * 获取删除确认对话框
  54. */
  55. getDeleteConfirmModal() {
  56. return cy.get('.ant-modal-confirm').should('be.visible');
  57. }
  58. /**
  59. * 在对话框中确认删除
  60. */
  61. confirmDeleteInModal() {
  62. cy.get('[data-testid="modal-confirm-delete"]').click();
  63. }
  64. /**
  65. * 在对话框中取消删除
  66. */
  67. cancelDeleteInModal() {
  68. cy.get('[data-testid="modal-cancel-delete"]').click();
  69. }
  70. /**
  71. * 验证删除成功提示消息
  72. */
  73. verifyDeleteSuccessMessage() {
  74. cy.contains('删除成功').should('be.visible');
  75. }
  76. /**
  77. * 验证删除警告消息
  78. * @param expectedMessage 期望的警告消息文本
  79. */
  80. verifyDeleteWarningMessage(expectedMessage: string) {
  81. cy.contains(expectedMessage).should('be.visible');
  82. }
  83. /**
  84. * 验证删除错误消息
  85. */
  86. verifyDeleteErrorMessage() {
  87. cy.contains('删除失败').should('be.visible');
  88. }
  89. /**
  90. * 验证表格行数
  91. * @param expectedCount 期望的行数
  92. */
  93. verifyRowCount(expectedCount: number) {
  94. cy.get('table tbody tr').should('have.length.at.least', expectedCount);
  95. }
  96. /**
  97. * 验证对话框不存在
  98. */
  99. verifyModalNotExist() {
  100. cy.get('.ant-modal-confirm').should('not.exist');
  101. }
  102. }
  103. export default HistoryPage;