Port first garden-o-matic component over to polymer

Tools/GardeningServer/ui/ct-test-output.html

Index: Tools/GardeningServer/ui/ct-test-output.html
diff --git a/Tools/GardeningServer/ui/ct-test-output.html b/Tools/GardeningServer/ui/ct-test-output.html
new file mode 100644
index 0000000000000000000000000000000000000000..7d555484e36aa0b86801c66328400b4e74c964f8
--- /dev/null
+++ b/Tools/GardeningServer/ui/ct-test-output.html
@@ -0,0 +1,46 @@
+<!--
+Copyright 2014 The Chromium Authors. All rights reserved.
+Use of this source code is governed by a BSD-style license that can be
+found in the LICENSE file.
+-->
+
+ <polymer-element name="ct-test-output" attributes="type url">
+    <template>
+        <style>
+            .result {
+                border: 1px solid gray;
+            }
+            iframe {
+                border: none;
+                width: 100%;
+                height: 400px;
+            }
+            img {
+                width: 100%;
+            }
+        </style>
+
+        <div class="result">
+            <template if="{{url}}">
+                <template if="{{type == _kImageType}}">
+                    <img src="{{url}}">
+                </template>
+                <template if="{{type == _kTextType}}">
+                    <iframe src="{{url}}"></iframe>
+                </template>
+                <template if="{{type == _kAudioType}}">
+                    <audio controls src="{{url}}"></audio>
+                </template>
+            </template>
+        </div>
+    </template>
+    <script>
+        Polymer({
+            type: '',
+            url: '',
+            _kAudioType: results.kAudioType,
+            _kImageType: results.kImageType,
+            _kTextType: results.kTextType,
+        });
+    </script>
+</polymer-element>