Content - 0a4d232dcb1c4ef2e29407fe4b2111962f7d5017 - 4d32c4a/apng/supported-in-source-type.html

visit type:

Tip revision: 776f1c47d40d3b519ecda37ec8d9927feda79bf4 authored by Boris Zbarsky on 04 April 2018, 18:03:21 UTC
part 2. Combine HTMLConstructor and CreateXULOrHTMLElement into a single function.

Tip revision: 776f1c4

supported-in-source-type.html

<!DOCTYPE html>
<title>Animated PNG MIME type (image/apng) is recognized by &lt;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>

Browse the archive

https://github.com/web-platform-tests/wpt