From 66c6d5cd899400b3770c62afb7f719c67060929d Mon Sep 17 00:00:00 2001
From: badlogic <badlogicgames@gmail.com>
Date: Wed, 10 May 2017 13:51:50 +0200
Subject: [PATCH] [ts][widget] Added test for WebGLRenderingContext issues, see
 #675

---
 spine-ts/widget/example/test.html | 58 +++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 spine-ts/widget/example/test.html
diff --git a/spine-ts/widget/example/test.html b/spine-ts/widget/example/test.html
new file mode 100644
index 000000000..9c06edcc8
--- /dev/null
+++ b/spine-ts/widget/example/test.html
@@ -0,0 +1,58 @@
+<html>
+<script src="../../build/spine-widget.js"></script>
+<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
+<body>
+<center>
+<!-- You can programmatically initialize a widget -->
+<button id="reload">Reload</button>
+</center>
+</body>
+
+<script>
+
+var numWidgets = 0;
+var spineWidgets = []
+
+function reload() {
+    // tear down old widgets if any
+    for (var i = 0; i < spineWidgets.length; i++) {
+        spineWidgets[i].pause();
+        var widgetDiv = document.getElementById("spine-widget-" + spineWidgets[i].id);
+        if (widgetDiv) widgetDiv.parentNode.removeChild(widgetDiv)
+    }
+
+    spineWidgets = []
+
+    for (var i = 0; i < 5; i++) {
+        var widgetDiv = document.createElement("div");
+        widgetDiv.id = "spine-widget-" + numWidgets;
+        widgetDiv.style = "margin-bottom: 20px; width: 640px; height: 480px;"
+        document.body.appendChild(widgetDiv)
+
+        spineWidget = new spine.SpineWidget("spine-widget-" + numWidgets, {
+            json: "assets/spineboy.json",
+            atlas: "assets/spineboy.atlas",
+            animation: "run",
+            backgroundColor: "#00000000",
+            debug: true,
+            success: function (widget) {
+                var animIndex = 0;
+                widget.canvas.onclick = function () {
+                    animIndex++;
+                    var animations = widget.skeleton.data.animations;
+                    if (animIndex >= animations.length) animIndex = 0;
+                    widget.setAnimation(animations[animIndex].name);
+                }
+            }
+        });
+        spineWidget.id = numWidgets++;
+        spineWidgets.push(spineWidget);
+    }
+}
+
+var reloadButton = document.getElementById("reload");
+reloadButton.onclick = reload;
+
+</script>
+</body>
+</html>
\ No newline at end of file
