| <!DOCTYPE html> |
| <title>HitRegion Scale Factor Test</title> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script src="./resources/test-helpers.js"></script> |
| <canvas width="400" height="400"></canvas> |
| <style> |
| |
| body { |
| margin : 0px; |
| padding : 0px; |
| } |
| |
| </style> |
| <script> |
| |
| var canvas = document.querySelector('canvas'); |
| var context = canvas.getContext('2d'); |
| |
| createFace(context); |
| |
| coroutine(function*() { |
| setup({ explicit_done : true, explicit_timeout : true }); |
| |
| generate_tests(assert_equals, [ |
| [ 'devicePixelRatio1', devicePixelRatio, 1 ], |
| [ 'face1', yield clickOrTouch(100, 100), 'face' ], |
| [ 'nose1', yield clickOrTouch(200, 200), 'nose' ], |
| [ 'mouth1', yield clickOrTouch(127, 242), 'mouth' ], |
| [ 'eye1', yield clickOrTouch(150, 125), 'eye' ], |
| [ 'eye2', yield clickOrTouch(250, 125), 'eye' ], |
| [ 'face2', yield clickOrTouch(200, 120), 'face' ], |
| [ 'null1', yield clickOrTouch(20, 10), null ] |
| ]); |
| |
| if (window.internals) { |
| internals.setPageScaleFactorLimits(2.0, 2.0); |
| internals.setPageScaleFactor(2.0); |
| } |
| |
| generate_tests(assert_equals, [ |
| [ 'devicePixelRatio2', devicePixelRatio, 1 ], |
| [ 'face3', yield clickOrTouch(200, 200), 'face' ], |
| [ 'nose2', yield clickOrTouch(400, 400), 'nose' ], |
| [ 'mouth2', yield clickOrTouch(254, 484), 'mouth' ], |
| [ 'eye3', yield clickOrTouch(300, 250), 'eye' ], |
| [ 'eye4', yield clickOrTouch(500, 250), 'eye' ], |
| [ 'face4', yield clickOrTouch(400, 240), 'face' ], |
| [ 'null2', yield clickOrTouch(40, 20), null ] |
| ]); |
| |
| done(); |
| }); |
| |
| </script> |
