<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Test for createPattern with a broken image</title>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="application/javascript" src="/tests/SimpleTest/WindowSnapshot.js"></script>
  <script type="application/javascript" src="file_drawWindow_common.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  <script type="application/javascript">

  SimpleTest.waitForExplicitFinish();
  window.addEventListener("load", function(){
    var _thrown = undefined;

    try{
      var img = document.getElementById('broken.png');
      var ctx = document.getElementById('c').getContext('2d');
      var p = ctx.createPattern(img, 'repeat');
    } catch (e) {
      _thrown = e
    };

    ok(_thrown && _thrown.name == "InvalidStateError" && _thrown.code == DOMException.INVALID_STATE_ERR, "should throw InvalidStateError");

    SimpleTest.finish();
    });

  </script>
</head>
<body>
<canvas id="c" class="output" width="100" height="50"></canvas>
<img src="/images/broken.png" id="broken.png" class="resource"/>
</body>
</html>