Restore v1 test folder from master for manual browser testing

Copies v2 IIFE builds into test/js/ so the HTML test pages work
with the new code.

Author: dasboe

test/css/test_basic.css

@@ -0,0 +1,18 @@
+#test-9 img.prevent-image-flash {
+  visibility: hidden;
+}
+
+#test-9 svg.prevent-image-flash {
+  visibility: hidden;
+}
+
+#test-13-1 .stop1 { stop-color: red; }
+#test-13-1 .stop2 { stop-color: red; }
+#test-13-2 .stop1 { stop-color: green; }
+#test-13-2 .stop2 { stop-color: green; }
+#test-13-3 .stop1 { stop-color: blue; }
+#test-13-3 .stop2 { stop-color: blue; }
+#test-13-4 .stop1 { stop-color: yellow; }
+#test-13-4 .stop2 { stop-color: yellow; }
+
+#test-17 .test { color: #fff; }

test/css/test_helper.css

@@ -0,0 +1,78 @@
+#failed, #success, #running {
+  font-size: 50px;
+}
+#failed {
+  display: none;
+  color: red;
+}
+
+#success {
+  display: none;
+  color: green;
+}
+
+#running {
+  color: orange;
+}
+
+img, svg, .test > div {
+  width: 128px;
+  height: 128px;
+}
+
+.inject-success .color-1 {
+  color: #ff0000;
+}
+
+.inject-success .color-2 {
+  color: #00ff00;
+}
+
+.inject-success .color-3 {
+  color: #0000ff;
+}
+
+.inject-success .color-4 {
+  color: #ffff00;
+}
+
+.inject-fail .color-1,
+.inject-fail .color-2,
+.inject-fail .color-3,
+.inject-fail .color-4 {
+  color: #000000;
+}
+
+.inject-hide {
+  position: absolute;
+  left: -10000px;
+  z-index: -1;
+}
+
+.test::after {
+  content: '';
+  display: block;
+  clear: both;
+}
+
+.test > div {
+  float: left;
+  margin: 10px;
+  background: #f0f0f0;
+}
+
+.background_1::before {
+  content: '';
+  display: block;
+  width: 128px;
+  height: 128px;
+  background: url(../imgs/test1.png);
+}
+
+.background_1 > img {
+  display: none;
+}  
+
+h3 {
+  clear: both;
+}

test/css/test_performance.css

@@ -0,0 +1,69 @@
+#performance-tests {
+  margin: 20px 20px;
+}
+
+#header {
+  position: relative;
+  background: #f5f5f5;
+}
+
+.running #tools {
+  visibility: hidden;
+}
+
+#running {
+  position: absolute;
+  align-items: center;
+  justify-content: center;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: none;
+}
+
+#render-container {
+  position: relative;
+}
+
+#render-container > img, #render-container > svg {
+  margin: 20px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #fff;
+}
+
+#render-container > img {
+  visibility: hidden;
+}
+
+.running #running {
+  display: flex;
+}
+
+#results svg, #results svg {
+  width: 128px !important;
+  height: 128px !important;
+}
+
+.result {
+  float: left;
+  margin: 0 20px 20px 0;
+  padding: 20px;
+  background: #f5f5f5;
+}
+
+.stats {
+  padding: 10px 0 0;
+  text-align: center;
+}
+
+#tools {
+  padding: 20px;
+  margin: 0 0 20px;
+}
+
+.tool {
+  margin: 10px 0;
+}