LayoutTests/platform/chromium/fast/forms/suggestion-picker/datetime-suggestion-picker-mouse-operations.html - Issue 14120003: Move LayoutTests from platform/chromium/... to generic location

Side by Side Diff: LayoutTests/platform/chromium/fast/forms/suggestion-picker/datetime-suggestion-picker-mouse-operations.html

Issue 14120003: Move LayoutTests from platform/chromium/... to generic location (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/platform/chromium/fast/forms/suggestion-picker/datetime-suggestion-picker-min-max-attribute-expected.txt ('k') | LayoutTests/platform/chromium/fast/forms/suggestion-picker/datetime-suggestion-picker-mouse-operations-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <html>

3 <head>

4 <script src="../../../../../fast/js/resources/js-test-pre.js"></script>

5 <script src="../../../../../fast/forms/resources/common.js"></script>

6 <script src="../../../../../fast/forms/resources/common-wheel-event.js"></script >

7 <script src="../../../../../fast/forms/resources/picker-common.js"></script>

8 <script src="resources/suggestion-picker-common.js"></script>

9 </head>

10 <body style="background-color: #bbbbbb;">

11 <p id="description"></p>

12 <div id="console"></div>

13 <input type=datetime id=datetime value="2012-11-22T01:00Z" list=suggestions>

14 <datalist id=suggestions>

15 <option label="Now">2012-11-22T01:01Z</option>

16 <option>2012-11-22T01:02Z</option>

17 <option>2012-11-22T01:03Z</option>

18 <option>2012-11-22T01:04Z</option>

19 <option>2012-11-22T01:05Z</option>

20 <option>2012-11-22T01:06Z</option>

21 <option>2012-11-22T01:07Z</option>

22 <option>2012-11-22T01:08Z</option>

23 <option>2012-11-22T01:09Z</option>

24 <option>2012-11-22T01:10Z</option>

25 <option>2012-11-22T01:11Z</option>

26 <option>2012-11-22T01:12Z</option>

27 <option>2012-11-22T01:13Z</option>

28 <option>2012-11-22T01:14Z</option>

29 <option>2012-11-22T01:15Z</option>

30 <option>2012-11-22T01:16Z</option>

31 <option>2012-11-22T01:17Z</option>

32 <option>2012-11-22T01:18Z</option>

33 <option>2012-11-22T01:19Z</option>

34 <option>2012-11-22T01:20Z</option>

35 <option>2012-11-22T01:21Z</option>

36 </datalist>

37 <script>

38 debug('Check that page popup doesn\'t exist at first.');

39 shouldBeNull('$("mock-page-popup")');

40

41 window.onload = function() {

42 openPicker($('datetime'), test1);

43 };

44

45

46 function test1() {

47 debug('Check that page popup exists.');

48 shouldBeEqualToString('popupWindow.pagePopupController.toString()', '[object PagePopupController]');

49

50 debug('Check that hovering over an entry highlights it.');

51 hoverOverElement(popupWindow.document.querySelector('.suggestion-list-entry: nth-child(2)'));

52 shouldBeEqualToString('highlightedEntry()', '2012-11-22T01:02Z');

53

54 debug('Check that moving the mouse outside the popup de-highlights entries.' );

55 hoverOverElement(document.getElementById('description'));

56 shouldBeNull('highlightedEntry()');

57

58 debug('Check that mouse click closes the popup and sets the value.');

59 clickElement(popupWindow.document.querySelector('.suggestion-list-entry:nth- child(3)'));

60 waitUntilClosing(test1AfterClosing);

61 }

62

63 function test1AfterClosing() {

64 shouldBeNull('document.getElementById("mock-page-popup")');

65 shouldBeEqualToString('document.getElementById("datetime").value', '2012-11- 22T01:03Z');

66

67 openPicker($('datetime'), test2);

68 }

69

70 var scrollTopBeforeWheelEvent = 0;

71 var scrollTopAfterWheelEvent = 0;

72

73 function test2() {

74 var suggestionList = popupWindow.document.getElementsByClassName('suggestion -list')[0];

75

76 debug('Check that you can scroll using the mouse wheel.');

77

78 scrollTopBeforeWheelEvent = suggestionList.scrollTop;

79 dispatchWheelEvent(suggestionList, 0, -100);

80 scrollTopAfterWheelEvent = suggestionList.scrollTop;

81 shouldBeTrue('scrollTopBeforeWheelEvent < scrollTopAfterWheelEvent');

82

83 scrollTopBeforeWheelEvent = suggestionList.scrollTop;

84 dispatchWheelEvent(suggestionList, 0, 100);

85 scrollTopAfterWheelEvent = suggestionList.scrollTop;

86 shouldBeTrue('scrollTopBeforeWheelEvent > scrollTopAfterWheelEvent');

87

88 popupWindow.focus();

89 eventSender.keyDown('\x1B');

90 waitUntilClosing(test2AfterClosing);

91 }

92

93 function test2AfterClosing() {

94 shouldBeNull('$("mock-page-popup")');

95

96 openPicker($('datetime'), test3);

97 }

98

99 function test3() {

100 debug('Check that you can scroll using the scroll bar.');

101

102 var suggestionList = popupWindow.document.getElementsByClassName('suggestion -list')[0];

103 var suggestionListOffset = cumulativeOffset(suggestionList);

104 var scrollbarCenterX = suggestionListOffset[0] + suggestionList.offsetWidth - popupWindow.getScrollbarWidth() / 2;

105

106 scrollTopBeforeWheelEvent = suggestionList.scrollTop;

107 eventSender.mouseMoveTo(scrollbarCenterX, suggestionListOffset[1] + 20); // 20 is the height of the up arrow button plus a few pixels

108 eventSender.mouseDown();

109 eventSender.mouseMoveTo(scrollbarCenterX, suggestionListOffset[1] + suggesti onList.offsetHeight);

110 eventSender.mouseUp();

111 scrollTopAfterWheelEvent = suggestionList.scrollTop;

112 shouldBeTrue('scrollTopBeforeWheelEvent < scrollTopAfterWheelEvent');

113

114 finishJSTest();

115 }

116

117 </script>

118 <script src="../../../../../fast/js/resources/js-test-post.js"></script>

119 </body>

120 </html>

OLD	NEW