OLD | NEW |
1 Intersection observer test with multiple thresholds. | 1 Intersection observer test with multiple thresholds. |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 PASS entries.length is 0 | 6 PASS entries.length is 0 |
7 PASS entries.length is 0 | 7 PASS entries.length is 0 |
8 PASS entries.length is 1 | 8 PASS entries.length is 1 |
9 PASS entries[0].boundingClientRect.left is 8 | 9 PASS entries[0].boundingClientRect.left is 8 |
10 PASS entries[0].boundingClientRect.right is 108 | 10 PASS entries[0].boundingClientRect.right is 108 |
11 PASS entries[0].boundingClientRect.top is 588 | 11 PASS entries[0].boundingClientRect.top is 588 |
12 PASS entries[0].boundingClientRect.bottom is 688 | 12 PASS entries[0].boundingClientRect.bottom is 688 |
13 PASS entries[0].intersectionRect.left is 8 | 13 PASS entries[0].intersectionRect.left is 8 |
14 PASS entries[0].intersectionRect.right is 108 | 14 PASS entries[0].intersectionRect.right is 108 |
15 PASS entries[0].intersectionRect.top is 588 | 15 PASS entries[0].intersectionRect.top is 588 |
16 PASS entries[0].intersectionRect.bottom is 600 | 16 PASS entries[0].intersectionRect.bottom is 600 |
17 PASS entries[0].rootBounds.left is 0 | 17 PASS entries[0].rootBounds.left is 0 |
18 PASS entries[0].rootBounds.right is 785 | 18 PASS entries[0].rootBounds.right is 785 |
19 PASS entries[0].rootBounds.top is 0 | 19 PASS entries[0].rootBounds.top is 0 |
20 PASS entries[0].rootBounds.bottom is 600 | 20 PASS entries[0].rootBounds.bottom is 600 |
| 21 PASS entries[0].intersectionRatio is within 0.0001 of 0.12 |
21 PASS entries[0].target is [object HTMLDivElement] | 22 PASS entries[0].target is [object HTMLDivElement] |
22 PASS entries.length is 2 | 23 PASS entries.length is 2 |
23 PASS entries[1].boundingClientRect.left is 8 | 24 PASS entries[1].boundingClientRect.left is 8 |
24 PASS entries[1].boundingClientRect.right is 108 | 25 PASS entries[1].boundingClientRect.right is 108 |
25 PASS entries[1].boundingClientRect.top is 548 | 26 PASS entries[1].boundingClientRect.top is 548 |
26 PASS entries[1].boundingClientRect.bottom is 648 | 27 PASS entries[1].boundingClientRect.bottom is 648 |
27 PASS entries[1].intersectionRect.left is 8 | 28 PASS entries[1].intersectionRect.left is 8 |
28 PASS entries[1].intersectionRect.right is 108 | 29 PASS entries[1].intersectionRect.right is 108 |
29 PASS entries[1].intersectionRect.top is 548 | 30 PASS entries[1].intersectionRect.top is 548 |
30 PASS entries[1].intersectionRect.bottom is 600 | 31 PASS entries[1].intersectionRect.bottom is 600 |
31 PASS entries[1].rootBounds.left is 0 | 32 PASS entries[1].rootBounds.left is 0 |
32 PASS entries[1].rootBounds.right is 785 | 33 PASS entries[1].rootBounds.right is 785 |
33 PASS entries[1].rootBounds.top is 0 | 34 PASS entries[1].rootBounds.top is 0 |
34 PASS entries[1].rootBounds.bottom is 600 | 35 PASS entries[1].rootBounds.bottom is 600 |
| 36 PASS entries[1].intersectionRatio is within 0.0001 of 0.52 |
35 PASS entries[1].target is [object HTMLDivElement] | 37 PASS entries[1].target is [object HTMLDivElement] |
36 PASS entries.length is 3 | 38 PASS entries.length is 3 |
37 PASS entries[2].boundingClientRect.left is 8 | 39 PASS entries[2].boundingClientRect.left is 8 |
38 PASS entries[2].boundingClientRect.right is 108 | 40 PASS entries[2].boundingClientRect.right is 108 |
39 PASS entries[2].boundingClientRect.top is 508 | 41 PASS entries[2].boundingClientRect.top is 508 |
40 PASS entries[2].boundingClientRect.bottom is 608 | 42 PASS entries[2].boundingClientRect.bottom is 608 |
41 PASS entries[2].intersectionRect.left is 8 | 43 PASS entries[2].intersectionRect.left is 8 |
42 PASS entries[2].intersectionRect.right is 108 | 44 PASS entries[2].intersectionRect.right is 108 |
43 PASS entries[2].intersectionRect.top is 508 | 45 PASS entries[2].intersectionRect.top is 508 |
44 PASS entries[2].intersectionRect.bottom is 600 | 46 PASS entries[2].intersectionRect.bottom is 600 |
45 PASS entries[2].rootBounds.left is 0 | 47 PASS entries[2].rootBounds.left is 0 |
46 PASS entries[2].rootBounds.right is 785 | 48 PASS entries[2].rootBounds.right is 785 |
47 PASS entries[2].rootBounds.top is 0 | 49 PASS entries[2].rootBounds.top is 0 |
48 PASS entries[2].rootBounds.bottom is 600 | 50 PASS entries[2].rootBounds.bottom is 600 |
| 51 PASS entries[2].intersectionRatio is within 0.0001 of 0.92 |
49 PASS entries[2].target is [object HTMLDivElement] | 52 PASS entries[2].target is [object HTMLDivElement] |
50 PASS entries.length is 4 | 53 PASS entries.length is 4 |
51 PASS entries[3].boundingClientRect.left is 8 | 54 PASS entries[3].boundingClientRect.left is 8 |
52 PASS entries[3].boundingClientRect.right is 108 | 55 PASS entries[3].boundingClientRect.right is 108 |
53 PASS entries[3].boundingClientRect.top is 468 | 56 PASS entries[3].boundingClientRect.top is 468 |
54 PASS entries[3].boundingClientRect.bottom is 568 | 57 PASS entries[3].boundingClientRect.bottom is 568 |
55 PASS entries[3].intersectionRect.left is 8 | 58 PASS entries[3].intersectionRect.left is 8 |
56 PASS entries[3].intersectionRect.right is 108 | 59 PASS entries[3].intersectionRect.right is 108 |
57 PASS entries[3].intersectionRect.top is 468 | 60 PASS entries[3].intersectionRect.top is 468 |
58 PASS entries[3].intersectionRect.bottom is 568 | 61 PASS entries[3].intersectionRect.bottom is 568 |
59 PASS entries[3].rootBounds.left is 0 | 62 PASS entries[3].rootBounds.left is 0 |
60 PASS entries[3].rootBounds.right is 785 | 63 PASS entries[3].rootBounds.right is 785 |
61 PASS entries[3].rootBounds.top is 0 | 64 PASS entries[3].rootBounds.top is 0 |
62 PASS entries[3].rootBounds.bottom is 600 | 65 PASS entries[3].rootBounds.bottom is 600 |
| 66 PASS entries[3].intersectionRatio is within 0.0001 of 1 |
63 PASS entries[3].target is [object HTMLDivElement] | 67 PASS entries[3].target is [object HTMLDivElement] |
64 PASS entries.length is 5 | 68 PASS entries.length is 5 |
65 PASS entries[4].boundingClientRect.left is 8 | 69 PASS entries[4].boundingClientRect.left is 8 |
66 PASS entries[4].boundingClientRect.right is 108 | 70 PASS entries[4].boundingClientRect.right is 108 |
67 PASS entries[4].boundingClientRect.top is -32 | 71 PASS entries[4].boundingClientRect.top is -32 |
68 PASS entries[4].boundingClientRect.bottom is 68 | 72 PASS entries[4].boundingClientRect.bottom is 68 |
69 PASS entries[4].intersectionRect.left is 8 | 73 PASS entries[4].intersectionRect.left is 8 |
70 PASS entries[4].intersectionRect.right is 108 | 74 PASS entries[4].intersectionRect.right is 108 |
71 PASS entries[4].intersectionRect.top is 0 | 75 PASS entries[4].intersectionRect.top is 0 |
72 PASS entries[4].intersectionRect.bottom is 68 | 76 PASS entries[4].intersectionRect.bottom is 68 |
73 PASS entries[4].rootBounds.left is 0 | 77 PASS entries[4].rootBounds.left is 0 |
74 PASS entries[4].rootBounds.right is 785 | 78 PASS entries[4].rootBounds.right is 785 |
75 PASS entries[4].rootBounds.top is 0 | 79 PASS entries[4].rootBounds.top is 0 |
76 PASS entries[4].rootBounds.bottom is 600 | 80 PASS entries[4].rootBounds.bottom is 600 |
| 81 PASS entries[4].intersectionRatio is within 0.0001 of 0.68 |
77 PASS entries[4].target is [object HTMLDivElement] | 82 PASS entries[4].target is [object HTMLDivElement] |
78 PASS entries.length is 6 | 83 PASS entries.length is 6 |
79 PASS entries[5].boundingClientRect.left is 8 | 84 PASS entries[5].boundingClientRect.left is 8 |
80 PASS entries[5].boundingClientRect.right is 108 | 85 PASS entries[5].boundingClientRect.right is 108 |
81 PASS entries[5].boundingClientRect.top is -52 | 86 PASS entries[5].boundingClientRect.top is -52 |
82 PASS entries[5].boundingClientRect.bottom is 48 | 87 PASS entries[5].boundingClientRect.bottom is 48 |
83 PASS entries[5].intersectionRect.left is 8 | 88 PASS entries[5].intersectionRect.left is 8 |
84 PASS entries[5].intersectionRect.right is 108 | 89 PASS entries[5].intersectionRect.right is 108 |
85 PASS entries[5].intersectionRect.top is 0 | 90 PASS entries[5].intersectionRect.top is 0 |
86 PASS entries[5].intersectionRect.bottom is 48 | 91 PASS entries[5].intersectionRect.bottom is 48 |
87 PASS entries[5].rootBounds.left is 0 | 92 PASS entries[5].rootBounds.left is 0 |
88 PASS entries[5].rootBounds.right is 785 | 93 PASS entries[5].rootBounds.right is 785 |
89 PASS entries[5].rootBounds.top is 0 | 94 PASS entries[5].rootBounds.top is 0 |
90 PASS entries[5].rootBounds.bottom is 600 | 95 PASS entries[5].rootBounds.bottom is 600 |
| 96 PASS entries[5].intersectionRatio is within 0.0001 of 0.48 |
91 PASS entries[5].target is [object HTMLDivElement] | 97 PASS entries[5].target is [object HTMLDivElement] |
92 PASS entries.length is 7 | 98 PASS entries.length is 7 |
93 PASS entries[6].boundingClientRect.left is 8 | 99 PASS entries[6].boundingClientRect.left is 8 |
94 PASS entries[6].boundingClientRect.right is 108 | 100 PASS entries[6].boundingClientRect.right is 108 |
95 PASS entries[6].boundingClientRect.top is -92 | 101 PASS entries[6].boundingClientRect.top is -92 |
96 PASS entries[6].boundingClientRect.bottom is 8 | 102 PASS entries[6].boundingClientRect.bottom is 8 |
97 PASS entries[6].intersectionRect.left is 8 | 103 PASS entries[6].intersectionRect.left is 8 |
98 PASS entries[6].intersectionRect.right is 108 | 104 PASS entries[6].intersectionRect.right is 108 |
99 PASS entries[6].intersectionRect.top is 0 | 105 PASS entries[6].intersectionRect.top is 0 |
100 PASS entries[6].intersectionRect.bottom is 8 | 106 PASS entries[6].intersectionRect.bottom is 8 |
101 PASS entries[6].rootBounds.left is 0 | 107 PASS entries[6].rootBounds.left is 0 |
102 PASS entries[6].rootBounds.right is 785 | 108 PASS entries[6].rootBounds.right is 785 |
103 PASS entries[6].rootBounds.top is 0 | 109 PASS entries[6].rootBounds.top is 0 |
104 PASS entries[6].rootBounds.bottom is 600 | 110 PASS entries[6].rootBounds.bottom is 600 |
| 111 PASS entries[6].intersectionRatio is within 0.0001 of 0.08 |
105 PASS entries[6].target is [object HTMLDivElement] | 112 PASS entries[6].target is [object HTMLDivElement] |
106 PASS entries.length is 8 | 113 PASS entries.length is 8 |
107 PASS entries[7].boundingClientRect.left is 8 | 114 PASS entries[7].boundingClientRect.left is 8 |
108 PASS entries[7].boundingClientRect.right is 108 | 115 PASS entries[7].boundingClientRect.right is 108 |
109 PASS entries[7].boundingClientRect.top is -112 | 116 PASS entries[7].boundingClientRect.top is -112 |
110 PASS entries[7].boundingClientRect.bottom is -12 | 117 PASS entries[7].boundingClientRect.bottom is -12 |
111 PASS entries[7].intersectionRect.left is 0 | 118 PASS entries[7].intersectionRect.left is 0 |
112 PASS entries[7].intersectionRect.right is 0 | 119 PASS entries[7].intersectionRect.right is 0 |
113 PASS entries[7].intersectionRect.top is 0 | 120 PASS entries[7].intersectionRect.top is 0 |
114 PASS entries[7].intersectionRect.bottom is 0 | 121 PASS entries[7].intersectionRect.bottom is 0 |
115 PASS entries[7].rootBounds.left is 0 | 122 PASS entries[7].rootBounds.left is 0 |
116 PASS entries[7].rootBounds.right is 785 | 123 PASS entries[7].rootBounds.right is 785 |
117 PASS entries[7].rootBounds.top is 0 | 124 PASS entries[7].rootBounds.top is 0 |
118 PASS entries[7].rootBounds.bottom is 600 | 125 PASS entries[7].rootBounds.bottom is 600 |
| 126 PASS entries[7].intersectionRatio is within 0.0001 of 0 |
119 PASS entries[7].target is [object HTMLDivElement] | 127 PASS entries[7].target is [object HTMLDivElement] |
120 PASS successfullyParsed is true | 128 PASS successfullyParsed is true |
121 | 129 |
122 TEST COMPLETE | 130 TEST COMPLETE |
123 | 131 |
OLD | NEW |