зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1023516 - Basic image srcset reftests r=jst
This commit is contained in:
John Schoenick
Родитель
b669a3fd00
Коммит
400be66f9f
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 91 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 100 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 106 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 114 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 85 B |
|
|
@ -0,0 +1,9 @@
|
|||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="500px" height="500px">
|
||||
|
||||
<title>Simple SVG with 500x500 intrinsic size</title>
|
||||
<rect x1="0" y1="0" width="100%" height="100%" fill="lime"/>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 313 B |
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="0.1">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="50.png" width="100">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="0.1" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="0.5">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="50.png" width="100">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="0.5" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="0.6">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="100.png" width="100">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="0.6" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1.5">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="200.png" width="100">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1.5" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="100.png" width="100">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="200.png" width="100">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png">
|
||||
<p>Test basic loading of sourceset at different resolutions, including proper intrinsic size selection</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="0.5">
|
||||
<head>
|
||||
<style>img { width: 50px; }</style>
|
||||
</head>
|
||||
<body>
|
||||
<img src="50.png" width="50">
|
||||
<p>Ensure that width is honored and does not affect selection process</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="0.5" class="reftest-wait">
|
||||
<head>
|
||||
<style>img { width: 50px; }</style>
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png" width="1000">
|
||||
<p>Ensure that width is honored and does not affect selection process</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="10">
|
||||
<head>
|
||||
<style>img { width: 50px; }</style>
|
||||
</head>
|
||||
<body>
|
||||
<img src="300.png" width="50">
|
||||
<p>Ensure that width is honored and does not affect selection process</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="10" class="reftest-wait">
|
||||
<head>
|
||||
<style>img { width: 50px; }</style>
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png" width="1000">
|
||||
<p>Ensure that width is honored and does not affect selection process</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1">
|
||||
<head>
|
||||
<style>img { width: 50px; }</style>
|
||||
</head>
|
||||
<body>
|
||||
<img src="100.png" width="50">
|
||||
<p>Ensure that width is honored and does not affect selection process</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1" class="reftest-wait">
|
||||
<head>
|
||||
<style>img { width: 50px; }</style>
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png" width="1000">
|
||||
<p>Ensure that width is honored and does not affect selection process</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2">
|
||||
<head>
|
||||
<style>img { width: 50px; }</style>
|
||||
</head>
|
||||
<body>
|
||||
<img src="200.png" width="50">
|
||||
<p>Ensure that width is honored and does not affect selection process</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2" class="reftest-wait">
|
||||
<head>
|
||||
<style>img { width: 50px; }</style>
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="50.png 0.5x, 100.png 1x, 200.png 2x, 300.png 3x, 400.png" width="1000">
|
||||
<p>Ensure that width is honored and does not affect selection process</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="100.png" width="100">
|
||||
<p>Test default source in sourceset, src should be ignored</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="200.png 2x, 100.png" src="50.png">
|
||||
<p>Test default source in sourceset, src should be ignored</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="200.png" width="100">
|
||||
<p>Test default source in sourceset, src should be ignored</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="200.png 2x, 100.png" src="50.png">
|
||||
<p>Test default source in sourceset, src should be ignored</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="50.png" width="50">
|
||||
<p>Test default source provided in src, with no default/1x in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="200.png 2x" src="50.png">
|
||||
<p>Test default source provided in src, with no default/1x in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="200.png" width="100">
|
||||
<p>Test default source provided in src, with no default/1x in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="200.png 2x" src="50.png">
|
||||
<p>Test default source provided in src, with no default/1x in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1">
|
||||
<head>
|
||||
<style>img { image-orientation: 90deg flip; }</style>
|
||||
</head>
|
||||
<body>
|
||||
<img src="100.png" width="100">
|
||||
<p>Make sure orientation is respected when using both srcset and fallback-src selections</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1" class="reftest-wait">
|
||||
<head>
|
||||
<style>img { image-orientation: 90deg flip; }</style>
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="200.png 2x" src="100.png">
|
||||
<p>Make sure orientation is respected when using both srcset and fallback-src selections</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2">
|
||||
<head>
|
||||
<style>img { image-orientation: 90deg flip; }</style>
|
||||
</head>
|
||||
<body>
|
||||
<img src="200.png" width="100">
|
||||
<p>Make sure orientation is respected when using both srcset and fallback-src selections</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2" class="reftest-wait">
|
||||
<head>
|
||||
<style>img { image-orientation: 90deg flip; }</style>
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="200.png 2x" src="100.png">
|
||||
<p>Make sure orientation is respected when using both srcset and fallback-src selections</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="50.png" width="50">
|
||||
<p>Test that svgs work as expected in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="500.svg 2x, no-intrinsic-size.svg 3x" src="50.png">
|
||||
<p>Test that svgs work as expected in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="500.svg" width="250">
|
||||
<p>Test that svgs work as expected in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="500.svg 2x, no-intrinsic-size.svg 3x" src="50.png">
|
||||
<p>Test that svgs work as expected in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="3">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="no-intrinsic-size.svg">
|
||||
<p>Test that svgs work as expected in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="3" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="500.svg 2x, no-intrinsic-size.svg 3x" src="50.png">
|
||||
<p>Test that svgs work as expected in srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="no-intrinsic-size.svg">
|
||||
<p>Test that svgs work as expected as the fallback from a srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="1" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="200.png 2x" src="no-intrinsic-size.svg">
|
||||
<p>Test that svgs work as expected as the fallback from a srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2">
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<img src="200.png" width="100">
|
||||
<p>Test that svgs work as expected as the fallback from a srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html reftest-zoom="2" class="reftest-wait">
|
||||
<head>
|
||||
|
||||
<script type="application/javascript">
|
||||
// reftest-zoom is only applied at onload, so ensure the source-selection
|
||||
// has happened after that
|
||||
function clearWait() {
|
||||
document.documentElement.classList.remove("reftest-wait");
|
||||
}
|
||||
window.addEventListener("load", function() {
|
||||
setTimeout(function() {
|
||||
var img = document.querySelector("img");
|
||||
img.onload = clearWait;
|
||||
img.onerror = clearWait;
|
||||
img.src = img.src;
|
||||
}, 0);
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img srcset="200.png 2x" src="no-intrinsic-size.svg">
|
||||
<p>Test that svgs work as expected as the fallback from a srcset</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" >
|
||||
|
||||
<title>Simple SVG with no intrinsic size</title>
|
||||
<rect x1="0" y1="0" width="100%" height="100%" fill="lime"/>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 280 B |
|
|
@ -92,3 +92,26 @@ fuzzy(1,1) == image-orientation-background.html?90&flip image-orientation-r
|
|||
!= image-orientation-generated-content-ref.html?180 image-orientation-generated-content-ref.html?180&flip
|
||||
!= image-orientation-generated-content-ref.html?270 image-orientation-generated-content-ref.html?270&flip
|
||||
== image-orientation-dynamic.html image-orientation-dynamic-ref.html
|
||||
|
||||
# <img srcset> tests
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-0.1x.html image-srcset-basic-selection-0.1x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-2x.html image-srcset-basic-selection-2x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-0.5x.html image-srcset-basic-selection-0.5x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-0.6x.html image-srcset-basic-selection-0.6x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-1.5x.html image-srcset-basic-selection-1.5x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-1x.html image-srcset-basic-selection-1x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-width-0.5x.html image-srcset-basic-selection-width-0.5x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-width-10x.html image-srcset-basic-selection-width-10x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-width-2x.html image-srcset-basic-selection-width-2x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-basic-selection-width-1x.html image-srcset-basic-selection-width-1x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-default-2x.html image-srcset-default-2x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-default-1x.html image-srcset-default-1x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-default-src-2x.html image-srcset-default-src-2x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-default-src-1x.html image-srcset-default-src-1x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-orientation-2x.html image-srcset-orientation-2x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-orientation-1x.html image-srcset-orientation-1x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-svg-3x.html image-srcset-svg-3x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-svg-2x.html image-srcset-svg-2x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-svg-1x.html image-srcset-svg-1x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-svg-default-2x.html image-srcset-svg-default-2x-ref.html
|
||||
pref(dom.image.srcset.enabled,true) == image-srcset-svg-default-1x.html image-srcset-svg-default-1x-ref.html
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче