blob: 53c1de91dae2a2734b7e05e9a465628c0b2a7145 [file] [log] [blame]
<!DOCTYPE html>
<meta http-equiv="Accept-CH" content="DPR, Width, Viewport-Width">
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script>
document.write('<img id="testimg1" src="resources/image-checks-for-width.php?rw=480" sizes="60vw">');
document.write('<img id="testimg2" sizes="40vw" src="resources/image-checks-for-width.php?rw=320" sizes="60vw">');
document.write('<img id="testimg3" sizes="50vw" src="resources/image-checks-for-width.php?rw=400">');
document.write('<img id="testimg4" sizes="50vw" src="resources/image-checks-for-viewport-width.php?viewport=800">');
var t = async_test('Client-Hints sent with the right RW value when Accept-CH header is present');
window.onload = t.step_func(function() {
assert_not_equals(document.getElementById("testimg1").naturalWidth, 0);
assert_not_equals(document.getElementById("testimg2").naturalWidth, 0);
assert_not_equals(document.getElementById("testimg3").naturalWidth, 0);
assert_not_equals(document.getElementById("testimg4").naturalWidth, 0);
t.done();
});
</script>