Tests: Added getResourceTiming() tests

nicjansma · Nov 26, 2018 · 8142721 · 8142721
1 parent 720e0e6
commit 8142721
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 2 deletions.
diff --git a/test/test-resourcetiming-compression.js b/test/test-resourcetiming-compression.js
@@ -1,5 +1,5 @@
 /* eslint-env node, mocha */
-/* eslint-disable max-len */
+/* eslint-disable max-len, no-unused-expressions */
 (function(root) {
     "use strict";
 
@@ -14,6 +14,10 @@
         root.ResourceTimingCompression :
         require("../src/resourcetiming-compression");
 
+    var ResourceTimingDecompression = root.ResourceTimingDecompression ?
+        root.ResourceTimingDecompression :
+        require("../src/resourcetiming-decompression");
+
     var expect = root.expect ? root.expect : require("expect.js");
 
     //
@@ -752,5 +756,56 @@
                 });
             });
         });
+
+        //
+        // .compressResourceTiming
+        //
+        describe(".getResourceTiming()", function() {
+            it("Should get an object with .restiming and .servertiming from the page", function() {
+                var results = ResourceTimingCompression.getResourceTiming();
+
+                expect(results).to.have.own.property("restiming");
+                expect(results).to.have.own.property("servertiming");
+            });
+
+            it("Should contain the scaled PNG image", function() {
+                var results = ResourceTimingCompression.getResourceTiming();
+                var resources = ResourceTimingDecompression.decompressResources(results.restiming, results.servertiming);
+                var scaledImage = resources.find(function(r) {
+                    return r.name.indexOf("?scaled") !== -1;
+                });
+
+                expect(scaledImage).to.exist;
+            });
+
+            it("Should contain the scaled PNG image with timings set", function() {
+                var results = ResourceTimingCompression.getResourceTiming();
+                var resources = ResourceTimingDecompression.decompressResources(results.restiming, results.servertiming);
+                var scaledImage = resources.find(function(r) {
+                    return r.name.indexOf("?scaled") !== -1;
+                });
+
+                expect(scaledImage).to.have.own.property("startTime");
+                expect(scaledImage.startTime).to.be.above(0);
+
+                expect(scaledImage).to.have.own.property("responseEnd");
+                expect(scaledImage.responseEnd).to.be.above(0);
+            });
+
+            it("Should contain the scaled PNG image with dimensions set", function() {
+                var results = ResourceTimingCompression.getResourceTiming();
+                var resources = ResourceTimingDecompression.decompressResources(results.restiming, results.servertiming);
+                var scaledImage = resources.find(function(r) {
+                    return r.name.indexOf("?scaled") !== -1;
+                });
+
+                expect(scaledImage.height).to.equal(100);
+                expect(scaledImage.width).to.equal(100);
+                expect(scaledImage.x).to.be.above(100);
+                expect(scaledImage.y).to.be.above(100);
+                expect(scaledImage.naturalHeight).to.equal(1000);
+                expect(scaledImage.naturalWidth).to.equal(1000);
+            });
+        });
     });
 }(typeof window !== "undefined" ? window : undefined));
diff --git a/test/test.html b/test/test.html
@@ -12,13 +12,19 @@
     </head>
     <body>
         <div id="mocha"></div>
+        <img src="test.png?natural" />
+        <img src="test.png?scaled" height="100" width="100" />
+        <script>
+            var img = new Image();
+            img.src = "test.png?script";
+        </script>
         <script>
             mocha.setup('bdd');
         </script>
         <script src="test-resourcetiming-compression.js"></script>
         <script src="test-resourcetiming-decompression.js"></script>
         <script>
-            mocha.run();
+            window.addEventListener("load", mocha.run);
         </script>
   </body>
 </html>
diff --git a/test/test.png b/test/test.png