1 files changed, 30 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/canvas/element/manual/fill-and-stroke-styles/conic-gradient.html b/testing/web-platform/tests/html/canvas/element/manual/fill-and-stroke-styles/conic-gradient.html
new file mode 100644
index 0000000000..73fcf6c23e
--- /dev/null
+++ b/testing/web-platform/tests/html/canvas/element/manual/fill-and-stroke-styles/conic-gradient.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Conic gradient</title>
+  <link rel="match" href="conic-gradient-expected.html"/>
+</head>
+<body>
+  <canvas id="c"></canvas>
+  <script type="text/javascript">
+    const canvas = document.getElementById('c');
+    const ctx = canvas.getContext('2d');
+
+    const grad = ctx.createConicGradient(0, 100, 50);
+
+    grad.addColorStop(0, "red");
+    grad.addColorStop(0.2, "red");
+    grad.addColorStop(0.2, "orange");
+    grad.addColorStop(0.4, "orange");
+    grad.addColorStop(0.4, "yellow");
+    grad.addColorStop(0.6, "yellow");
+    grad.addColorStop(0.6, "green");
+    grad.addColorStop(0.8, "green");
+    grad.addColorStop(0.8, "blue");
+
+    ctx.fillStyle = grad;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+  </script>
+
+</body>
+</html>
+\ No newline at end of file