third_party/WebKit/LayoutTests/fast/forms/calendar-picker/calendar-picker-with-step.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../../resources/js-test.js"></script>
   5 <script src="../../forms/resources/picker-common.js"></script>
   6 <script src="resources/calendar-picker-common.js"></script>
   7 </head>
   8 <body>
   9 <p id="description"></p>
  10 <div id="console"></div>
  11
  12 <input type=date id=date value="2011-05-02" step="9">
  13 <input type=date id="date-bare" step="9">
  14
  15 <script>
  16 description('Test if step limits available dates in calendar picker.');
  17
  18 document.getElementById('date-bare').value = '2011-05-01';
  19 openPicker(document.getElementById('date-bare'), test1);
  20
  21 function test1() {
  22     debug("Step without value or min attributes.");
  23     shouldBeEqualToString('availableDayCells()', '2011-05-08,2011-05-17,2011-05-26,2011-06-04');
  24
  25     // Close popup
  26     eventSender.keyDown('escape');
  27     waitUntilClosing(test1AfterClose);
  28 }
  29
  30 function test1AfterClose() {
  31     openPicker(document.getElementById('date'), test2);
  32 }
  33
  34 function test2() {
  35     debug("Step without min.");
  36     shouldBeEqualToString('availableDayCells()', '2011-05-02,2011-05-11,2011-05-20,2011-05-29');
  37
  38     // Close popup
  39     eventSender.keyDown('escape');
  40     waitUntilClosing(test2AfterClose);
  41 }
  42
  43 function test2AfterClose() {
  44     document.getElementById('date').min = '2011-05-01';
  45
  46     // Reopen popup
  47     openPicker(document.getElementById('date'), test3);
  48 }
  49
  50 function test3() {
  51     debug("Step when min is set.");
  52     shouldBeEqualToString('availableDayCells()', '2011-05-01,2011-05-10,2011-05-19,2011-05-28');
  53     finishJSTest();
  54 }
  55 </script>
  56 </body>
  57 </html>