diff options
| author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
|---|---|---|
| committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
| commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
| tree | 10027f336435511475e392454359edea8e25895d /testing/web-platform/tests/2dcontext/line-styles/2d.line.cap.round.html | |
| parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
| download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip | |
Add m-esr52 at 52.6.0
Diffstat (limited to 'testing/web-platform/tests/2dcontext/line-styles/2d.line.cap.round.html')
| -rw-r--r-- | testing/web-platform/tests/2dcontext/line-styles/2d.line.cap.round.html | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/testing/web-platform/tests/2dcontext/line-styles/2d.line.cap.round.html b/testing/web-platform/tests/2dcontext/line-styles/2d.line.cap.round.html new file mode 100644 index 000000000..675d11ce2 --- /dev/null +++ b/testing/web-platform/tests/2dcontext/line-styles/2d.line.cap.round.html @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<!-- DO NOT EDIT! This test has been generated by tools/gentest.py. --> +<title>Canvas test: 2d.line.cap.round</title> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/common/canvas-tests.js"></script> +<link rel="stylesheet" href="/common/canvas-tests.css"> +<body class="show_output"> + +<h1>2d.line.cap.round</h1> +<p class="desc">lineCap 'round' is rendered correctly</p> + + +<p class="output">Actual output:</p> +<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas> +<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt=""> +<ul id="d"></ul> +<script> +var t = async_test("lineCap 'round' is rendered correctly"); +_addTest(function(canvas, ctx) { + +ctx.fillStyle = '#0f0'; +ctx.fillRect(0, 0, 100, 50); + +var tol = 1; // tolerance to avoid antialiasing artifacts + +ctx.lineCap = 'round'; +ctx.lineWidth = 20; + + +ctx.fillStyle = '#f00'; +ctx.strokeStyle = '#0f0'; + +ctx.beginPath(); +ctx.moveTo(35-tol, 15); +ctx.arc(25, 15, 10-tol, 0, Math.PI, true); +ctx.arc(25, 35, 10-tol, Math.PI, 0, true); +ctx.fill(); + +ctx.beginPath(); +ctx.moveTo(25, 15); +ctx.lineTo(25, 35); +ctx.stroke(); + + +ctx.fillStyle = '#0f0'; +ctx.strokeStyle = '#f00'; + +ctx.beginPath(); +ctx.moveTo(75, 15); +ctx.lineTo(75, 35); +ctx.stroke(); + +ctx.beginPath(); +ctx.moveTo(85+tol, 15); +ctx.arc(75, 15, 10+tol, 0, Math.PI, true); +ctx.arc(75, 35, 10+tol, Math.PI, 0, true); +ctx.fill(); + +_assertPixel(canvas, 17,6, 0,255,0,255, "17,6", "0,255,0,255"); +_assertPixel(canvas, 25,6, 0,255,0,255, "25,6", "0,255,0,255"); +_assertPixel(canvas, 32,6, 0,255,0,255, "32,6", "0,255,0,255"); +_assertPixel(canvas, 17,43, 0,255,0,255, "17,43", "0,255,0,255"); +_assertPixel(canvas, 25,43, 0,255,0,255, "25,43", "0,255,0,255"); +_assertPixel(canvas, 32,43, 0,255,0,255, "32,43", "0,255,0,255"); + +_assertPixel(canvas, 67,6, 0,255,0,255, "67,6", "0,255,0,255"); +_assertPixel(canvas, 75,6, 0,255,0,255, "75,6", "0,255,0,255"); +_assertPixel(canvas, 82,6, 0,255,0,255, "82,6", "0,255,0,255"); +_assertPixel(canvas, 67,43, 0,255,0,255, "67,43", "0,255,0,255"); +_assertPixel(canvas, 75,43, 0,255,0,255, "75,43", "0,255,0,255"); +_assertPixel(canvas, 82,43, 0,255,0,255, "82,43", "0,255,0,255"); + + +}); +</script> + |