third_party/WebKit/LayoutTests/http/tests/misc/client-hints-preload-rw-sizes.html

   1 <!DOCTYPE html>
   2 <meta http-equiv="Accept-CH" content="DPR, Width, Viewport-Width">
   3 <script src="../resources/testharness.js"></script>
   4 <script src="../resources/testharnessreport.js"></script>
   5 <script src="../resources/slow-script.pl?delay=300"></script>
   6 <img id="testimg1" src="resources/image-checks-for-width.php?rw=480" sizes="60vw">
   7 <img id="testimg2" sizes="40vw" src="resources/image-checks-for-width.php?rw=320" sizes="60vw">
   8 <img id="testimg3" sizes="50vw" src="resources/image-checks-for-width.php?rw=400">
   9 <img id="testimg4" sizes="50vw" src="resources/image-checks-for-viewport-width.php?viewport=800">
  10 <script>
  11     var t = async_test('Client-Hints sent with the right Width value Accept-CH header is present');
  12     window.onload = t.step_func(function() {
  13         assert_not_equals(document.getElementById("testimg1").naturalWidth, 0);
  14         assert_not_equals(document.getElementById("testimg2").naturalWidth, 0);
  15         assert_not_equals(document.getElementById("testimg3").naturalWidth, 0);
  16         assert_not_equals(document.getElementById("testimg4").naturalWidth, 0);
  17         t.done();
  18     });
  19 </script>