third_party/WebKit/LayoutTests/intersection-observer/multiple-targets.html - Issue 2645283008: IntersectionObserver: Always send an initial notification.

Side by Side Diff: third_party/WebKit/LayoutTests/intersection-observer/multiple-targets.html

Issue 2645283008: IntersectionObserver: Always send an initial notification. (Closed)

Patch Set: Fix unit test Created 3 years, 10 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/intersection-observer/iframe-no-root.html ('k') | third_party/WebKit/LayoutTests/intersection-observer/multiple-thresholds.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <script src="../resources/testharness.js"></script>	2 <script src="../resources/testharness.js"></script>

3 <script src="../resources/testharnessreport.js"></script>	3 <script src="../resources/testharnessreport.js"></script>

4 <script src="./resources/intersection-observer-test-utils.js"></script>	4 <script src="./resources/intersection-observer-test-utils.js"></script>

5	5

6 <style>	6 <style>

7 pre, #log {	7 pre, #log {

8 position: absolute;	8 position: absolute;

9 top: 0;	9 top: 0;

10 left: 200px;	10 left: 200px;

(...skipping 29 matching lines...) Expand all Loading...
40 target3 = document.getElementById("target3");	40 target3 = document.getElementById("target3");

41 assert_true(!!target3, "target3 exists.");	41 assert_true(!!target3, "target3 exists.");

42 var observer = new IntersectionObserver(function(changes) {	42 var observer = new IntersectionObserver(function(changes) {

43 entries = entries.concat(changes)	43 entries = entries.concat(changes)

44 });	44 });

45 observer.observe(target1);	45 observer.observe(target1);

46 observer.observe(target2);	46 observer.observe(target2);

47 observer.observe(target3);	47 observer.observe(target3);

48 entries = entries.concat(observer.takeRecords());	48 entries = entries.concat(observer.takeRecords());

49 assert_equals(entries.length, 0, "No initial notifications.");	49 assert_equals(entries.length, 0, "No initial notifications.");

50 runTestCycle(step0, "No notifications after first rAF.");	50 runTestCycle(step0, "First rAF.");

51 }, "One observer with multiple targets.");	51 }, "One observer with multiple targets.");

52	52

53 function step0() {	53 function step0() {

54 document.scrollingElement.scrollTop = 150;	54 document.scrollingElement.scrollTop = 150;

55 runTestCycle(step1, "document.scrollingElement.scrollTop = 150");	55 runTestCycle(step1, "document.scrollingElement.scrollTop = 150");

56 assert_equals(entries.length, 0, "No notifications.");	56 assert_equals(entries.length, 3, "Three initial notifications.");

	57 assert_equals(entries[0].target, target1, "entries[0].target === target1");

	58 assert_equals(entries[1].target, target2, "entries[1].target === target2");

	59 assert_equals(entries[2].target, target3, "entries[2].target === target3");

57 }	60 }

58	61

59 function step1() {	62 function step1() {

60 document.scrollingElement.scrollTop = 10000;	63 document.scrollingElement.scrollTop = 10000;

61 runTestCycle(step2, "document.scrollingElement.scrollTop = 10000");	64 runTestCycle(step2, "document.scrollingElement.scrollTop = 10000");

62 assert_equals(entries.length, 1, "One notification.");	65 assert_equals(entries.length, 4, "Four notifications.");

63 assert_equals(entries[0].target, target1, "entries[0].target === target1");	66 assert_equals(entries[3].target, target1, "entries[3].target === target1");

64 }	67 }

65	68

66 function step2() {	69 function step2() {

67 document.scrollingElement.scrollTop = 0;	70 document.scrollingElement.scrollTop = 0;

68 runTestCycle(step3, "document.scrollingElement.scrollTop = 0");	71 runTestCycle(step3, "document.scrollingElement.scrollTop = 0");

69 assert_equals(entries.length, 3, "Three notifications.");	72 assert_equals(entries.length, 6, "Six notifications.");

70 assert_equals(entries[1].target, target2, "entries[1].target === target2");	73 assert_equals(entries[4].target, target2, "entries[4].target === target2");

71 assert_equals(entries[2].target, target3, "entries[2].target === target3");	74 assert_equals(entries[5].target, target3, "entries[5].target === target3");

72 }	75 }

73	76

74 function step3() {	77 function step3() {

75 assert_equals(entries.length, 6, "Six notifications.");	78 assert_equals(entries.length, 9, "Nine notifications.");

76 assert_equals(entries[3].target, target1, "entries[3].target === target1");	79 assert_equals(entries[6].target, target1, "entries[6].target === target1");

77 assert_equals(entries[4].target, target2, "entries[4].target === target2");	80 assert_equals(entries[7].target, target2, "entries[7].target === target2");

78 assert_equals(entries[5].target, target3, "entries[5].target === target3");	81 assert_equals(entries[8].target, target3, "entries[8].target === target3");

79 }	82 }

80 </script>	83 </script>

OLD	NEW