third_party/WebKit/LayoutTests/fast/scrolling/scrolling-apis-nan-scroll-position.html

   1 <!DOCTYPE HTML>
   2 <style>
   3
   4 body {
   5   height: 30000px;
   6   width: 30000px;
   7 }
   8
   9 .spacer {
  10   height: 1000px;
  11   width: 1000px;
  12 }
  13
  14 #scroller {
  15   height: 100px;
  16   width: 100px;
  17   overflow: scroll;
  18 }
  19 </style>
  20
  21 <div id=scroller>
  22     <div class=spacer></div>
  23 </div>
  24
  25 <script src="../../resources/js-test.js"></script>
  26 <script>
  27 description("Verifies that nan scroll position works correctly.");
  28
  29 function scrollToNonFinite(x, y)
  30 {
  31     window.scrollTo(100, 100);
  32     window.scrollTo(x, y);
  33     shouldBe('window.scrollY', "0");
  34     shouldBe('window.scrollX', "0");
  35
  36     window.scrollTo(100, 100);
  37     window.scrollTo({top: y, left: x});
  38     shouldBe('window.scrollY', "0");
  39     shouldBe('window.scrollX', "0");
  40 }
  41
  42 function scrollByNonFinite(x, y)
  43 {
  44     window.scrollTo(100, 100);
  45     window.scrollBy(x, y);
  46     shouldBe('window.scrollY', "100");
  47     shouldBe('window.scrollX', "100");
  48
  49     window.scrollTo(100, 100);
  50     window.scrollBy({top: y, left: x});
  51     shouldBe('window.scrollY', "100");
  52     shouldBe('window.scrollX', "100");
  53 }
  54
  55 function scrollTopNonFinite(y)
  56 {
  57     scroller.scrollTop = 1;
  58     shouldBe("scroller.scrollTop", "1");
  59     scroller.scrollTop = y;
  60     shouldBe("scroller.scrollTop", "0");
  61 }
  62
  63 function scrollLeftNonFinite(x)
  64 {
  65     scroller.scrollLeft = 1;
  66     shouldBe("scroller.scrollLeft", "1");
  67     scroller.scrollLeft = x;
  68     shouldBe("scroller.scrollLeft", "0");
  69 }
  70
  71 function scroll()
  72 {
  73     window.scrollTo(1, 1);
  74     shouldBe('window.scrollY', "1");
  75     shouldBe('window.scrollX', "1");
  76
  77     scrollToNonFinite(window.NaN, window.NaN);
  78     scrollToNonFinite(window.Infinity, window.Infinity);
  79     scrollToNonFinite(0, window.Infinity);
  80     scrollToNonFinite(-window.Infinity, -window.Infinity);
  81
  82     scrollByNonFinite(window.NaN, window.NaN);
  83     scrollByNonFinite(window.Infinity, window.Infinity);
  84     scrollByNonFinite(0, window.Infinity);
  85     scrollByNonFinite(-window.Infinity, -window.Infinity);
  86
  87     scrollTopNonFinite(window.NaN);
  88     scrollTopNonFinite(window.Infinity);
  89     scrollTopNonFinite(-window.Infinity);
  90
  91     scrollLeftNonFinite(window.NaN);
  92     scrollLeftNonFinite(window.Infinity);
  93     scrollLeftNonFinite(-window.Infinity);
  94 }
  95
  96 onload = function() {
  97     if (window.eventSender)
  98       scroll();
  99 }
 100
 101 </script>