wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bug 1023516 - Basic image srcset reftests r=jst

Browse Source
This commit is contained in:
John Schoenick 2014-09-30 15:34:58 -07:00
parent 353f1a56ed
commit 491a0b280e
50 changed files with 818 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
layout/reftests/image/100.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 B

BIN
layout/reftests/image/200.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 B

BIN
layout/reftests/image/300.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 B

BIN
layout/reftests/image/400.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 B

BIN
layout/reftests/image/50.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 B

9
layout/reftests/image/500.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 313 B

11
layout/reftests/image/image-srcset-basic-selection-0.1x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-0.1x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-basic-selection-0.5x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-0.5x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-basic-selection-0.6x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-0.6x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-basic-selection-1.5x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-1.5x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-basic-selection-1x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-1x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-basic-selection-2x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-2x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-basic-selection-width-0.5x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-width-0.5x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-basic-selection-width-10x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-width-10x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-basic-selection-width-1x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-width-1x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-basic-selection-width-2x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-basic-selection-width-2x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-default-1x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-default-1x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-default-2x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-default-2x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-default-src-1x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-default-src-1x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-default-src-2x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-default-src-2x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-orientation-1x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-orientation-1x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-orientation-2x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-orientation-2x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-svg-1x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-svg-1x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-svg-2x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-svg-2x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-svg-3x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-svg-3x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-svg-default-1x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-svg-default-1x.html Normal file
View File

@ -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>

11
layout/reftests/image/image-srcset-svg-default-2x-ref.html Normal file
View File

@ -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>

26
layout/reftests/image/image-srcset-svg-default-2x.html Normal file
View File

@ -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>

9
layout/reftests/image/no-intrinsic-size.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 280 B

23
layout/reftests/image/reftest.list
View File

@ -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