Add tests for paint-timing, and move existing tests to same location

third_party/WebKit/LayoutTests/http/tests/performance-timing/paint-timing/first-contentful-canvas.html

Index: third_party/WebKit/LayoutTests/http/tests/performance-timing/paint-timing/first-contentful-canvas.html
diff --git a/third_party/WebKit/LayoutTests/fast/performance/performance-paint-timing-observable.html b/third_party/WebKit/LayoutTests/http/tests/performance-timing/paint-timing/first-contentful-canvas.html
similarity index 73%
copy from third_party/WebKit/LayoutTests/fast/performance/performance-paint-timing-observable.html
copy to third_party/WebKit/LayoutTests/http/tests/performance-timing/paint-timing/first-contentful-canvas.html
index e73b9e6e7e717a4dee0baa41fd4e0744280d91b3..d07d06ef423e233f9b8dc1575af39b59c95a5f2d 100644
--- a/third_party/WebKit/LayoutTests/fast/performance/performance-paint-timing-observable.html
+++ b/third_party/WebKit/LayoutTests/http/tests/performance-timing/paint-timing/first-contentful-canvas.html
@@ -6,7 +6,6 @@
     <script src="../../resources/testharness.js"></script>
     <script src="../../resources/testharnessreport.js"></script>
     <script>
-
     async_test(function (t) {
         var observer = new PerformanceObserver(
             t.step_func(function (entryList) {
@@ -28,9 +27,20 @@
         );
         observer.observe({entryTypes: ["paint"]});
 
-    }, "Both first-paint-timing and first-contentful-paint timing entry are observable.");
+    }, "First contentful paint fires due to canvas render.");
+    </script>
 
+    <script>
+      window.onload = function() {
+          var c=document.getElementById("canvas");
+          var ctx=c.getContext("2d");
+          ctx.beginPath();
+          ctx.moveTo(0,0);
+          ctx.lineTo(300,150);
+          ctx.stroke();
+      }
     </script>
-    <div style="background-color:black;color:white;padding:20px;">...test...</div>
+
+    <canvas id="canvas" width="200" height="200" ></canvas>
 </body>
-</html>
+</html>