<!DOCTYPE html>
<title>Canvas test: 2d.pattern.image.broken</title>
<script src="../tests.js"></script>
<link rel="stylesheet" href="../tests.css">
<body>
<p id="passtext">Pass</p>
<p id="failtext">Fail</p>
<p class="output">These images should be identical:</p>
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>

<ul id="d"></ul>
<script>
_addTest(function(canvas, ctx) {

var img = document.getElementById('broken.png');
_assertSame(img.complete, true, "img.complete", "true");
var _thrown = undefined;
try{
  ctx.createPattern(img, 'repeat');
}catch(e) {
  _thrown = e;
}
_assert(_thrown && _thrown.name == "InvalidStateError" && _thrown.code == DOMException.INVALID_STATE_ERR, "should throw InvalidStateError");


});
</script>
<img src="missing.png" id="broken.png" class="resource">