| <!DOCTYPE html> |
| <script src="../resources/testharness.js"></script> |
| <script src="../resources/testharnessreport.js"></script> |
| <script src="file:///gen/layout_test_data/mojo/public/js/mojo_bindings.js"></script> |
| <script src="file:///gen/services/shape_detection/public/interfaces/barcodedetection.mojom.js"></script> |
| <script src="file:///gen/services/shape_detection/public/interfaces/facedetection.mojom.js"></script> |
| <script src="file:///gen/services/shape_detection/public/interfaces/facedetection_provider.mojom.js"></script> |
| <script src="file:///gen/services/shape_detection/public/interfaces/textdetection.mojom.js"></script> |
| <script src="resources/mock-barcodedetection.js"></script> |
| <script src="resources/mock-facedetection.js"></script> |
| <script src="resources/mock-textdetection.js"></script> |
| <body> |
| <img id="img" src="../media/content/greenbox.png"/> |
| </body> |
| <script> |
| |
| var createTestForImageElement = function(createDetector, mock, |
| detectionResultTest) { |
| promise_test(async function() { |
| var img = document.getElementById("img"); |
| |
| var detector = createDetector(); |
| try { |
| var detectionResult = await detector.detect(img); |
| detectionResultTest(detectionResult, mock); |
| } catch(error) { |
| assert_unreached("Error during detect(img): " + error); |
| } |
| }); |
| }; |
| |
| function FaceDetectorDetectionResultTest(detectionResult, mock) { |
| const imageReceivedByMock = mock.getFrameData(); |
| assert_equals(imageReceivedByMock.byteLength, 2500, "Image length"); |
| const GREEN_PIXEL = 0xFF00FF00; |
| assert_equals(imageReceivedByMock[0], GREEN_PIXEL, "Pixel color"); |
| assert_equals(detectionResult.length, 3, "Number of faces"); |
| assert_equals(detectionResult[0].landmarks.length, 1, "Number of landmarks"); |
| assert_object_equals(detectionResult[0].landmarks[0], |
| {type : 'eye', location : {x : 4.0, y : 5.0}}, |
| "landmark #1"); |
| } |
| |
| function BarcodeDetectorDetectionResultTest(detectionResult, mock) { |
| assert_equals(detectionResult.length, 2, "Number of barcodes"); |
| assert_equals(detectionResult[0].rawValue, "cats", "barcode 1"); |
| assert_equals(detectionResult[1].rawValue, "dogs", "barcode 2"); |
| } |
| |
| function TextDetectorDetectionResultTest(detectionResult, mock) { |
| assert_equals(detectionResult.length, 2, "Number of textBlocks"); |
| assert_equals(detectionResult[0].rawValue, "cats", "textBlock 1"); |
| assert_equals(detectionResult[1].rawValue, "dogs", "textBlock 2"); |
| } |
| |
| // These tests verify that a Detector's detect() works on an HTMLImageElement. |
| // Use the mock mojo server implemented in mock-{barcode,face}detection.js. |
| generate_tests(createTestForImageElement, [ |
| [ |
| "Face - detect(HTMLImageElement)", |
| () => { return new FaceDetector(); }, |
| mockFaceDetectionProvider, |
| FaceDetectorDetectionResultTest |
| ], |
| [ |
| "Barcode - detect(HTMLImageElement)", |
| () => { return new BarcodeDetector(); }, |
| mockBarcodeDetection, |
| BarcodeDetectorDetectionResultTest |
| ], |
| [ |
| "Text - detect(HTMLImageElement)", |
| () => { return new TextDetector(); }, |
| mockTextDetection, |
| TextDetectorDetectionResultTest |
| ] |
| ]); |
| |
| </script> |
