HistoryPage.ts 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  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. * @param index 行索引(从0开始)
  15. */
  16. clickRowByIndex(index: number) {
  17. cy.get('table').within(() => {
  18. cy.get(`tbody tr[data-testid="row-${index}"]`)
  19. .scrollIntoView()
  20. .should('be.visible')
  21. .click({ force: true });
  22. });
  23. }
  24. /**
  25. * 验证指定行被选中(黄色高亮)
  26. * @param index 行索引(从0开始)
  27. */
  28. verifyRowSelected(index: number) {
  29. cy.get('table').within(() => {
  30. cy.get(`tbody tr[data-testid="row-${index}"]`)
  31. .should('be.visible')
  32. .should('have.class', 'bg-yellow-500');
  33. });
  34. }
  35. /**
  36. * 点击删除按钮
  37. */
  38. clickDeleteButton() {
  39. cy.get('[data-testid="delete-button"]').click();
  40. }
  41. /**
  42. * 获取删除确认对话框
  43. */
  44. getDeleteConfirmModal() {
  45. return cy.get('.ant-modal-confirm').should('be.visible');
  46. }
  47. /**
  48. * 在对话框中确认删除
  49. */
  50. confirmDeleteInModal() {
  51. cy.get('[data-testid="modal-confirm-delete"]').click();
  52. }
  53. /**
  54. * 在对话框中取消删除
  55. */
  56. cancelDeleteInModal() {
  57. cy.get('[data-testid="modal-cancel-delete"]').click();
  58. }
  59. /**
  60. * 验证删除成功提示消息
  61. */
  62. verifyDeleteSuccessMessage() {
  63. cy.contains('删除成功').should('be.visible');
  64. }
  65. /**
  66. * 验证删除警告消息
  67. * @param expectedMessage 期望的警告消息文本
  68. */
  69. verifyDeleteWarningMessage(expectedMessage: string) {
  70. cy.contains(expectedMessage).should('be.visible');
  71. }
  72. /**
  73. * 验证删除错误消息
  74. */
  75. verifyDeleteErrorMessage() {
  76. cy.contains('删除失败').should('be.visible');
  77. }
  78. /**
  79. * 验证表格行数
  80. * @param expectedCount 期望的行数
  81. */
  82. verifyRowCount(expectedCount: number) {
  83. cy.get('table tbody tr').should('have.length.at.least', expectedCount);
  84. }
  85. /**
  86. * 验证对话框不存在
  87. */
  88. verifyModalNotExist() {
  89. cy.get('.ant-modal-confirm').should('not.exist');
  90. }
  91. }
  92. export default HistoryPage;