OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title></title> | 4 <title></title> |
5 <script src="../../resources/js-test.js"></script> | 5 <script src="../../resources/js-test.js"></script> |
6 <script type="text/javascript"> | 6 <script type="text/javascript"> |
7 function doScroll(x, y, deltaX, deltaY) { | 7 function doScroll(x, y, deltaX, deltaY) { |
8 eventSender.gestureScrollBegin(x, y); | 8 eventSender.gestureScrollBegin(x, y); |
9 eventSender.gestureScrollUpdate(deltaX, deltaY); | 9 eventSender.gestureScrollUpdate(deltaX, deltaY); |
10 eventSender.gestureScrollEnd(0, 0); | 10 eventSender.gestureScrollEnd(0, 0); |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
44 offsetX + rect.left, offsetY + rect.top, | 44 offsetX + rect.left, offsetY + rect.top, |
45 deltaX, deltaY, expectedDeltaX, expectedDeltaY); | 45 deltaX, deltaY, expectedDeltaX, expectedDeltaY); |
46 } | 46 } |
47 | 47 |
48 function test() | 48 function test() |
49 { | 49 { |
50 if (!window.testRunner) | 50 if (!window.testRunner) |
51 return; | 51 return; |
52 | 52 |
53 // Scroll the page first to test that resize works with scrolled pag
e. | 53 // Scroll the page first to test that resize works with scrolled pag
e. |
54 document.documentElement.scrollTop = 50; | 54 document.body.scrollTop = 50; |
55 | 55 |
56 // 1. Touch scrolling starting at outside of the object, e.g. offset
(6, 7) | 56 // 1. Touch scrolling starting at outside of the object, e.g. offset
(6, 7) |
57 // to bottom right corner of the object, won't do the resize. | 57 // to bottom right corner of the object, won't do the resize. |
58 // 2. Touch scrolling starting at inside the object, and within the
normal | 58 // 2. Touch scrolling starting at inside the object, and within the
normal |
59 // resizer area (15x15), e.g. offset (-6, -7) to bottom right cor
ner of | 59 // resizer area (15x15), e.g. offset (-6, -7) to bottom right cor
ner of |
60 // the object, will do the resize. | 60 // the object, will do the resize. |
61 // 3. Touch scrolling starting at inside the object, and only a litt
le bit | 61 // 3. Touch scrolling starting at inside the object, and only a litt
le bit |
62 // off the resizer area, e.g. offset (-20, -20) to bottom right c
orner of | 62 // off the resizer area, e.g. offset (-20, -20) to bottom right c
orner of |
63 // the object, will do the resize. | 63 // the object, will do the resize. |
64 | 64 |
65 resize("div", -6, -7, 20, 10, "resize"); | 65 resize("div", -6, -7, 20, 10, "resize"); |
66 resize("div", 6, 7, 20, 10, "noresize"); | 66 resize("div", 6, 7, 20, 10, "noresize"); |
67 resize("textarea1", -20, -20, 20, 10, "resize"); | 67 resize("textarea1", -20, -20, 20, 10, "resize"); |
68 | 68 |
69 // Scroll the page again | 69 // Scroll the page again |
70 document.documentElement.scrollTop += 100; | 70 document.body.scrollTop += 100; |
71 | 71 |
72 resize("iframe1", -6, -7, 20, 10, "resize"); | 72 resize("iframe1", -6, -7, 20, 10, "resize"); |
73 resize("iframe1", -20, -20, 20, 10, "resize"); | 73 resize("iframe1", -20, -20, 20, 10, "resize"); |
74 resizeInIframe("textarea2", "iframe1", -6, -7, 20, 20, "resize"); | 74 resizeInIframe("textarea2", "iframe1", -6, -7, 20, 20, "resize"); |
75 } | 75 } |
76 </script> | 76 </script> |
77 <style> | 77 <style> |
78 div { | 78 div { |
79 overflow: auto; | 79 overflow: auto; |
80 resize: both; | 80 resize: both; |
(...skipping 17 matching lines...) Expand all Loading... |
98 Can't resize a textarea with touch</i>. | 98 Can't resize a textarea with touch</i>. |
99 </p> | 99 </p> |
100 <hr> | 100 <hr> |
101 <div id="placeholder" style="width: 150px; height: 150px;">a placeholder so
that we have enough elements to scroll the page</div> | 101 <div id="placeholder" style="width: 150px; height: 150px;">a placeholder so
that we have enough elements to scroll the page</div> |
102 <div id="div" style="width: 150px; height: 100px;;"></div> | 102 <div id="div" style="width: 150px; height: 100px;;"></div> |
103 <textarea id="textarea1" style="width: 150px; height: 100px;"></textarea> | 103 <textarea id="textarea1" style="width: 150px; height: 100px;"></textarea> |
104 <br> | 104 <br> |
105 <iframe id="iframe1" src="resources/resize-corner-tracking-touch-iframe.html
" style="resize:both; width: 200px; height: 200px"></iframe> | 105 <iframe id="iframe1" src="resources/resize-corner-tracking-touch-iframe.html
" style="resize:both; width: 200px; height: 200px"></iframe> |
106 <pre id="console"></pre> | 106 <pre id="console"></pre> |
107 </body> | 107 </body> |
OLD | NEW |