content-visibility-img.html (1581B)
1 <!DOCTYPE html> 2 <link rel=author href="mailto:jarhar@chromium.org"> 3 <link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=1247417"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 7 <style> 8 .hidden { 9 content-visibility: hidden; 10 } 11 </style> 12 <div class="hidden" id="container1"></div> 13 <div class="hidden" id="container2"></div> 14 <div class="hidden" id="container3"></div> 15 <div class="hidden" id="container4"></div> 16 17 <script> 18 promise_test(async () => { 19 const img1 = document.createElement('img'); 20 container1.appendChild(img1); 21 const img1Load = new Promise(resolve => img1.onload = resolve); 22 img1.src = 'resources/dice.png'; 23 await img1Load; 24 assert_not_equals(img1.height, 0, 'height'); 25 26 const img2 = document.createElement('img'); 27 container2.appendChild(img2); 28 const img2Load = new Promise(resolve => img2.onload = resolve); 29 img2.src = 'resources/dice.png'; 30 await img2Load; 31 assert_not_equals(img2.width, 0, 'width'); 32 33 const img3 = document.createElement('img'); 34 container3.appendChild(img3); 35 const img3Load = new Promise(resolve => img3.onload = resolve); 36 img3.src = 'resources/dice.png'; 37 await img3Load; 38 assert_not_equals(img3.x, 0, 'x'); 39 40 const img4 = document.createElement('img'); 41 container4.appendChild(img4); 42 const img4Load = new Promise(resolve => img4.onload = resolve); 43 img4.src = 'resources/dice.png'; 44 await img4Load; 45 assert_not_equals(img4.y, 0, 'y'); 46 47 }, `c-v:hidden <img> layout APIs shouldn't return zero when accessed from script.`); 48 </script>