<!DOCTYPE html>
<title>Animated PNG MIME type (image/apng) is recognized by <source type></title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
function resolveUrl(relativeUrl) {
var a = document.createElement('a');
a.href = relativeUrl;
return a.href;
}
async_test(t => {
window.onload = t.step_func_done(() => {
let image = document.querySelector('img');
let apngSrc = document.querySelector('source');
assert_equals(image.currentSrc, resolveUrl(apngSrc.srcset));
});
});
</script>
<picture>
<source srcset="/images/anim-gr.png" type="image/apng">
<img src="/images/anim-gr.gif" style="visibility: hidden">
</picture>