From cfaf44693cf5d8e807f86724a709e0e1651b0d3e Mon Sep 17 00:00:00 2001
From: Igor Shevchenko <cyberskunk@gmail.com>
Date: Fri, 25 Dec 2020 10:49:26 +0200
Subject: [PATCH] Add test case from #75

---
 manual-tests/index-umd-png-errors.html | 97 ++++++++++++++++++++++++++
 manual-tests/index.html                |  1 +
 2 files changed, 98 insertions(+)
 create mode 100644 manual-tests/index-umd-png-errors.html
diff --git a/manual-tests/index-umd-png-errors.html b/manual-tests/index-umd-png-errors.html
new file mode 100644
index 00000000..a687df05
--- /dev/null
+++ b/manual-tests/index-umd-png-errors.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<head>
+  <meta charset='utf-8'>
+  <title>manual tests</title>
+  <style>
+    iframe {
+      width: 610px;
+      height: 200px;
+    }
+    .wrapper {
+      border: 1px solid #3c3c3c;
+      width: 300px; height: 300px;
+    }
+    .wrapper.wrapper-tall {
+      height: 600px;
+    }
+    .wrapper.wrapper-large {
+      width: 600px;
+      height: 600px;
+    }
+
+
+    svg {
+        width: 100%;
+        height: 100%;
+      }
+  </style>
+</head>
+<body>
+  <div class="wrapper">
+    <svg width="500" height="500" viewBox="0 0 500 500">
+      <rect width="500" height="500" fill="#c1a5a9"></rect>
+      <g transform="translate(250, 250)">
+        <circle fill="#f08cae" r="240"></circle>
+        <circle fill="#9a4c95" r="180"></circle>
+        <circle fill="#4d2d52" r="120"></circle>
+        <circle fill="#1d1a31" r="60"></circle>
+      </g>
+    </svg>
+  </div>
+  <button>
+    save PNG
+  </button>
+  <div class="wrapper wrapper-large">
+    <svg width="500" height="500" viewBox="0 0 500 500">
+      <rect width="500" height="500" fill="#c1a5a9"></rect>
+      <g transform="translate(250, 250)">
+        <circle fill="#f08cae" r="240"></circle>
+        <circle fill="#9a4c95" r="180"></circle>
+        <circle fill="#4d2d52" r="120"></circle>
+        <circle fill="#1d1a31" r="60"></circle>
+      </g>
+    </svg>
+  </div>
+  <button>
+    save PNG
+  </button>
+  <div class="wrapper wrapper-tall">
+    <svg width="500" height="500" viewBox="0 0 500 500">
+      <rect width="500" height="500" fill="#c1a5a9"></rect>
+      <g transform="translate(250, 250)">
+        <circle fill="#f08cae" r="240"></circle>
+        <circle fill="#9a4c95" r="180"></circle>
+        <circle fill="#4d2d52" r="120"></circle>
+        <circle fill="#1d1a31" r="60"></circle>
+      </g>
+    </svg>
+  </div>
+  <button>
+    save PNG
+  </button>
+  <script src="main.js"></script>
+  <script>
+    function savePNG1() {
+  downloadPng(document.querySelector("#test1 svg"), "my_svg", {
+    css: "internal"
+  });
+}
+
+function savePNG2() {
+  downloadPng(document.querySelector("#test2 svg"), "my_svg", {
+    css: "internal"
+  });
+}
+
+function savePNG3() {
+  downloadPng(document.querySelector("#test3 svg"), "my_svg", {
+    css: "internal"
+  });
+}
+
+document.querySelector("#test1 button").addEventListener("click", savePNG1);
+document.querySelector("#test2 button").addEventListener("click", savePNG2);
+document.querySelector("#test3 button").addEventListener("click", savePNG3);
+
+  </script>
+</body>
diff --git a/manual-tests/index.html b/manual-tests/index.html
index 9b0da46c..d3c202ad 100644
--- a/manual-tests/index.html
+++ b/manual-tests/index.html
@@ -13,4 +13,5 @@
   <iframe src="index-umd.html"></iframe>
   <iframe src="index-umd-no-viewbox.html"></iframe>
   <iframe src="index-umd-throwing.html"></iframe>
+  <iframe src="index-umd-png-errors.html"></iframe>
 </body>
