available-images-onload.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/embedded-content/the-img-element/available-images-onload.html - WPT Dashboard Interop Dashboard

<!doctype html>

<html>

<title>Ensure images from available images list can be drawn to a canvas</title>

<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-list-of-available-images">

<meta charset="utf-8">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<div id="log"></div>

<script>

  async_test(function(t) {

    var i = new Image();

    i.onerror = t.unreached_func();

    i.onload = t.step_func(function() {

      var i2 = new Image();

      // Potentially start multiple image loading tasks by performing several

      // relevant mutations. This could lead to an invalid state later in an

      // erroneous implementation.

      i2.crossOrigin = true;

      // Start an image loading task that is expected to short-circuit since

      // the requested image is present in the list of available images.

      i2.src = "3.jpg";

      i2.onerror = t.unreached_func();

      // Ensure the loaded image is in a state that is usable by a 2d canvas.

      i2.onload = t.step_func_done(function() {

        var c = document.createElement('canvas');

        var ctx = c.getContext('2d');

        ctx.drawImage(i2, 0, 0);

});

});

    // Request an image which should be added to the list of available images.

    i.src = "3.jpg";

});

</script>