diff --git a/test/test.html b/test/test.html
index e17f0f6..400bc53 100644
--- a/test/test.html
+++ b/test/test.html
@@ -23,6 +23,12 @@
 	Hash: <span class="hash"></span> (isPointInPath: <span class="isPointInPath"></span>)
 	<button>refresh</button>
 </div>
+<div id="getImageDataTest">
+	<h3>getimageData Test</h3>
+	<canvas class="display"></canvas><br>
+	Hash: <span class="hash"></span> (isPointInPath: <span class="isPointInPath"></span>)
+	<button>refresh</button>
+</div>
 <div id="iframe">
 	<h3>iFrame Test. Thanks to DocumentRoot.</h3>
 	<img class="display"><br>
diff --git a/test/test.js b/test/test.js
index a5714b8..0482e84 100644
--- a/test/test.js
+++ b/test/test.js
@@ -4,7 +4,18 @@
 	
 	async function show(container, {url, imageData, isPointInPath}){
 		const display = container.querySelector(".display");
-		display.src = url;
+		switch (display.nodeName){
+			case "IMG":
+				display.src = url;
+				break;
+			case "CANVAS": {
+				display.height = imageData.height;
+				display.width = imageData.width;
+				const context = display.getContext("2d");
+				context.putImageData(imageData, 0, 0);
+			}
+				break;
+		}
 		display.title = url;
 		const hashes = await Promise.all([
 			testAPI.hash(url),
@@ -25,6 +36,7 @@
 	
 	const tests = {
 		top: function(){return canvasAPI.fingerprint();},
+		getImageDataTest: function(){return canvasAPI.fingerprint();},
 		iframe: iframeTest,
 		iframe2: iframeTest,
 		iframe3: iframeTest,