timePicker.spec.js 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. describe('timePicker', () => {
  2. it.skip('select', () => {
  3. cy.visit('http://127.0.0.1:6006/iframe.html?id=timepicker--range-picker&args=&viewMode=story');
  4. cy.get('.semi-input').eq(0).click();
  5. cy.wait(500);
  6. cy.get('.semi-timepicker-panel-list-hour').contains('23').click();
  7. cy.get('.semi-timepicker-panel-list-minute').eq(0).contains('59').click();
  8. cy.get('.semi-timepicker-panel-list-second').eq(0).contains('59').click();
  9. cy.get('.semi-timepicker-panel-list-hour .semi-scrolllist-item-selected').contains('23');
  10. // todo: item-selected class ?
  11. cy.get('.semi-timepicker-panel-list-minute').contains('59');
  12. cy.get('.semi-timepicker-panel-list-second').contains('59');
  13. cy.get('.semi-input').eq(4).click();
  14. cy.wait(500);
  15. cy.get('.semi-timepicker-panel-list-ampm').contains('下午').click();
  16. cy.get('.semi-timepicker-panel-list-hour').eq(0).contains('09').click();
  17. cy.get('.semi-timepicker-panel-list-minute').eq(0).contains('09').click();
  18. cy.get('.semi-timepicker-panel-list-ampm .semi-scrolllist-item-sel').contains('下午');
  19. cy.get('.semi-timepicker-panel-list-hour .semi-scrolllist-item-sel').contains('09');
  20. cy.get('.semi-timepicker-panel-list-minute .semi-scrolllist-item-sel').contains('09');
  21. cy.get('.semi-timepicker-panel-list-ampm').contains('上午').click();
  22. cy.get('.semi-timepicker-panel-list-hour').eq(0).contains('10').click();
  23. cy.get('.semi-timepicker-panel-list-minute').eq(0).contains('10').click();
  24. cy.get('.semi-timepicker-panel-list-ampm .semi-scrolllist-item-sel').contains('上午');
  25. cy.get('.semi-timepicker-panel-list-hour .semi-scrolllist-item-sel').contains('10');
  26. cy.get('.semi-timepicker-panel-list-minute .semi-scrolllist-item-sel').contains('10');
  27. });
  28. it('clear', () => {
  29. cy.visit('http://127.0.0.1:6006/iframe.html?id=timepicker--range-picker&args=&viewMode=story');
  30. cy.get('.semi-input').eq(1).click();
  31. cy.wait(500);
  32. cy.get('.semi-input').eq(1).trigger('mouseover');
  33. cy.get('.semi-input-clearbtn').click();
  34. cy.get('.semi-input').eq(1).should('have.value', '');
  35. });
  36. it('custom trigger', () => {
  37. cy.visit('http://127.0.0.1:6006/iframe.html?id=timepicker--custom-trigger&args=&viewMode=story');
  38. cy.get('.semi-button-content').click();
  39. cy.wait(500);
  40. cy.get('.semi-timepicker-panel').should('exist');
  41. cy.get('.semi-timepicker-panel-list-hour').scrollTo('top');
  42. cy.root().trigger('mousedown', 'right');
  43. cy.wait(500);
  44. cy.get('.semi-timepicker-panel').should('not.exist');
  45. });
  46. it('blur', () => {
  47. cy.visit('http://127.0.0.1:6006/iframe.html?id=timepicker--time-picker-panel-default&args=&viewMode=story');
  48. cy.get('.semi-input-default').eq(1).click();
  49. cy.get('body').click('right');
  50. cy.get('.semi-input-default').eq(1).should('have.value', '10:24:18');
  51. cy.get('.semi-input-default').eq(1).type('10:24:181');
  52. // cy.get('.semi-input-wrapper-error');
  53. cy.get('body').click('right');
  54. cy.get('.semi-input-default').eq(1).should('have.value', '10:24:18');
  55. });
  56. it('timezone + disabledHours', () => {
  57. cy.visit('http://127.0.0.1:6006/iframe.html?id=timepicker--fix-2082&args=&viewMode=story');
  58. cy.get('.semi-input-default').eq(0).click();
  59. cy.get('.semi-timepicker-panel-list-hour').eq(0).contains('07').click({ force: true });
  60. cy.get('.semi-timepicker-panel-list-minute').eq(0).contains('10').click({ force: true });
  61. cy.get('body').click('right');
  62. cy.get('.semi-input-default').eq(0).should('have.value', '07:10');
  63. });
  64. });