| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../resources/intersection-observer-helper-functions.js"></script> | |
| 3 <script src="../resources/testharness.js"></script> | 2 <script src="../resources/testharness.js"></script> |
| 4 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../resources/testharnessreport.js"></script> |
| 5 | 4 |
| 6 <title>Ensure that a visible zero-area element is given the correct intersection
ratio</title> | 5 <div id='target' style='width: 0px; height: 0px'</div> |
| 7 | |
| 8 <div id='target' style='width: 0px; height: 0px'</div>" | |
| 9 | 6 |
| 10 <script> | 7 <script> |
| 11 'use strict'; | 8 function waitForNotification(f) { |
| 9 requestAnimationFrame(() => { |
| 10 setTimeout(() => { |
| 11 setTimeout(f); |
| 12 }); |
| 13 }); |
| 14 } |
| 12 | 15 |
| 13 async_test(t => { | 16 onload = function() { |
| 14 let target = document.getElementById('target'); | 17 var t = async_test("Ensure that a visible zero-area element is given the corre
ct intersection ratio."); |
| 15 let entries = []; | 18 |
| 16 new IntersectionObserver(changes => { | 19 test(function() { assert_equals(window.innerWidth, 800) }, "Window must be 800
pixels wide."); |
| 17 entries.push(...changes); | 20 test(function() { assert_equals(window.innerHeight, 600) }, "Window must be 60
0 pixels high."); |
| 18 }).observe(target); | 21 |
| 19 waitForNotification(t.step_func_done(() => { | 22 var target = document.getElementById('target'); |
| 20 assert_equals(entries.length, 1); | 23 var entries = []; |
| 21 assert_equals(entries[0].intersectionRatio, 1); | 24 var observer = new IntersectionObserver(changes => { |
| 22 })); | 25 entries = entries.concat(changes) |
| 23 }); | 26 }); |
| 27 observer.observe(target); |
| 28 entries = entries.concat(observer.takeRecords()); |
| 29 test(function() { assert_equals(entries.length, 0) }, "No initial notification
s."); |
| 30 waitForNotification(step0); |
| 31 |
| 32 function step0() { |
| 33 test(function() { assert_equals(entries.length, 1) }, "One notification."); |
| 34 if (entries.length) |
| 35 test(function() { assert_equals(entries[0].intersectionRatio, 1) }, "inter
sectionRatio == 1"); |
| 36 t.done(); |
| 37 } |
| 38 }; |
| 24 </script> | 39 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2560253004:
IntersectionObserver: convert tests to testharness.js (Closed)
