<!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>