Add a tentative new canvas subtest, which exercises more of the 2D ca…

…nvas API, intended to subsume Arcs, Paths and Lines.
WebKit · Oct 22, 2024 · eb0e0fc · eb0e0fc
1 parent baf37c1
commit eb0e0fc
Show file tree

Hide file tree

Showing 8 changed files with 1,169 additions and 1 deletion.
diff --git a/MotionMark/resources/debug-runner/debug-runner.js b/MotionMark/resources/debug-runner/debug-runner.js
@@ -534,7 +534,7 @@ class DebugBenchmarkController extends BenchmarkController {
         this.updateUIStrings();
         this.graphController = new GraphController;
 
-        document.forms["benchmark-options"].addEventListener("change", () => { this.onBenchmarkOptionsChanged() }, true);
+        document.forms["benchmark-options"].addEventListener("change", (event) => { this.onBenchmarkOptionsChanged(event) }, true);
         document.forms["graph-type"].addEventListener("change", () => { this.graphController.onGraphTypeChanged() }, true);
         document.forms["time-graph-options"].addEventListener("change", () => { this.graphController.onTimeGraphOptionsChanged() }, true);
         document.forms["complexity-graph-options"].addEventListener("change", () => { this.graphController.onComplexityGraphOptionsChanged() }, true);

diff --git a/MotionMark/resources/debug-runner/tests.js b/MotionMark/resources/debug-runner/tests.js
@@ -456,3 +456,12 @@ Suites.push(new Suite("Basic canvas path suite",
         }
     ]
 ));
+
+Suites.push(new Suite("Dev suite",
+    [
+        {
+            url: "dev/radial-chart.html",
+            name: "Canvas Radial Chart"
+        }
+    ]
+));
diff --git a/MotionMark/tests/dev/Description.md b/MotionMark/tests/dev/Description.md
@@ -0,0 +1,37 @@
+# Canvas Radial Chart
+
+Goals
+-----
+
+A single canvas test that exercises much of the canvas 2D API, replacing `Paths`, `Arcs` and `Lines`.
+
+
+Design
+------
+
+A radial chart. Unit of work is a chart "segment". With higher complexities, more rings of segments are created.
+
+
+Features tested
+---------------
+
+* text drawing
+* image drawing
+* lines, arcs, curves
+* clipping to a path
+* gradients
+
+
+Work per measued frame
+----------------------
+
+Redraw of the entire canvas
+
+
+Remaining work
+--------------
+
+* Add images for the rest of the deparements
+* Address some overlapping text issues
+
+
diff --git a/MotionMark/tests/dev/radial-chart.html b/MotionMark/tests/dev/radial-chart.html
@@ -0,0 +1,48 @@
+<!--
+  Copyright (C) 2015-2017 Apple Inc. All rights reserved.
+
+  Redistribution and use in source and binary forms, with or without
+  modification, are permitted provided that the following conditions
+  are met:
+  1. Redistributions of source code must retain the above copyright
+     notice, this list of conditions and the following disclaimer.
+  2. Redistributions in binary form must reproduce the above copyright
+     notice, this list of conditions and the following disclaimer in the
+     documentation and/or other materials provided with the distribution.
+
+  THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
+  AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+  THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+  PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
+  BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+  CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+  SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+  INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+  CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+  ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
+  THE POSSIBILITY OF SUCH DAMAGE.
+-->
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" type="text/css" href="../resources/stage.css">
+    <style>
+        #stage-canvas {
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+</head>
+<body>
+    <div id="stage">
+        <canvas id="stage-canvas"></canvas>
+    </div>
+    <script src="../../resources/strings.js"></script>
+    <script src="../../resources/extensions.js"></script>
+    <script src="../../resources/statistics.js"></script>
+    <script src="../resources/math.js"></script>
+    <script src="../resources/main.js"></script>
+    <script src="resources/radial-chart.js"></script>
+</body>
+</html>