ShapeDetection: support CanvasImageSource as detect() source

third_party/WebKit/LayoutTests/shapedetection/detectface-HTMLImageElement.html

Index: third_party/WebKit/LayoutTests/shapedetection/detectface-HTMLImageElement.html
diff --git a/third_party/WebKit/LayoutTests/shapedetection/detectface.html b/third_party/WebKit/LayoutTests/shapedetection/detectface-HTMLImageElement.html
similarity index 77%
rename from third_party/WebKit/LayoutTests/shapedetection/detectface.html
rename to third_party/WebKit/LayoutTests/shapedetection/detectface-HTMLImageElement.html
index e58de942e5fa41375593bfcd2963a6be999ab680..a7723a6908a3732aa346a43b5bfc63456ca43f4e 100644
--- a/third_party/WebKit/LayoutTests/shapedetection/detectface.html
+++ b/third_party/WebKit/LayoutTests/shapedetection/detectface-HTMLImageElement.html
@@ -8,9 +8,8 @@
 </body>
 <script>
 
-// This test verifies that FaceDetector can detect(). A mock mojo
-// server is implemented in mock-shapedetection.js.
-
+// This test verifies that FaceDetector can detect(HTMLImageElement). Uses the
+// mock mojo server implemented in mock-shapedetection.js.
 async_test(function(t) {
   var img = document.getElementById("img");
 
@@ -28,7 +27,8 @@ async_test(function(t) {
     })
     .then(faceDetectionResult => {
       const imageReceivedByMock = theMock.getFrameData();
-      assert_equals(imageReceivedByMock.byteLength, 2500, "imageReceivedByMock.byteLength");
+      assert_equals(imageReceivedByMock.byteLength, 2500,
+                    "imageReceivedByMock.byteLength");
       const GREEN_PIXEL = 0xFF00FF00;
       assert_equals(imageReceivedByMock[0], GREEN_PIXEL, "pixel must be green");
       assert_equals(faceDetectionResult.length, 3, "faceDetectionResult.length");
@@ -38,6 +38,6 @@ async_test(function(t) {
       assert_unreached("Error during detect(img): " + error);
     });
 
-}, 'exercises the ShapeDetection API detect()');
+}, 'exercises the ShapeDetection API detect(HTMLImageElement)');
 
 </script>