MicrosoftEdge · AdamYoungMSFT · Mar 23, 2018 · Apr 17, 2018 · Apr 17, 2018 · Apr 19, 2018
diff --git a/Recipe.min.js b/Recipe.min.js
diff --git a/cssUsage.src.js b/cssUsage.src.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,4 +18,4 @@
     "mocha": "^2.2.5",
     "requirejs": "^2.1.18"
   }
-}
+}
diff --git a/src/recipes/WebP.js b/src/recipes/WebP.js
@@ -0,0 +1,47 @@
+/* 
+    RECIPE: WebP
+    -------------------------------------------------------------
+    Author: ADYOUN
+    Description: Looking for WebP images
+*/
+
+function strcmp(a, b)
+{
+    if (a.length != b.length)
+    {
+        return false;
+    }
+
+    for (var i = 0; i < a.length; i++)
+    {
+        if (a[i] != b[i])
+        {
+            return false;
+        }
+    }
+
+    return true;
+}
+
+void function() {
+    window.CSSUsage.StyleWalker.recipesToRun.push( function WebP( element, results) {
+        if (strcmp(element.nodeName, "IMG") || strcmp(element.nodeName, "SOURCE"))
+        {
+            var key = "webp";
+            var properties = [ "src", "srcset" ];
+            var extension = ".webp";
+
+            for (var i = 0; i < properties.length; i++)
+            {
+                var imgSrc = element[properties[i]];
+                if (imgSrc && imgSrc.length > extension.length && strcmp(imgSrc.substr(imgSrc.length - extension.length).toLowerCase(), extension))
+                {
+                    results[key] = results[key] || { count: 0, };
+                    results[key].count++;
+                }
+            }
+        }
+
+        return results;
+    });
+}();
diff --git a/src/recipes/editControls.js → src/recipes/archive/editControls.js b/src/recipes/editControls.js → src/recipes/archive/editControls.js
diff --git a/src/recipes/negative-background-position.js b/src/recipes/negative-background-position.js
@@ -0,0 +1,42 @@
+/* 
+    RECIPE: negative_background_position
+    -------------------------------------------------------------
+    Author: ADYOUN
+    Description: Looking for cases where background-position has a negative value
+*/
+
+void function() {
+    window.CSSUsage.StyleWalker.recipesToRun.push( function negative_background_position( element, results) {
+        if (element.CSSUsage)
+        {
+            var properties = [ "background-position-x", "background-position-y" ];
+            var found = false;
+
+            for (var i = 0; i < properties.length; i++)
+            {
+                if (found)
+                {
+                    break;
+                }
+
+                if (element.CSSUsage[properties[i]])
+                {
+                    var bpValues = element.CSSUsage[properties[i]].valuesArray;
+                    for (var j = 0; j < bpValues.length; j++)
+                    {
+                        if (bpValues[j][0] == '-')
+                        {
+                            var key = "negative_background_position";
+                            results[key] = results[key] || { count: 0, };
+                            results[key].count++;
+                            found = true;
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+
+        return results;
+    });
+}();
diff --git a/tests/recipes/negative-background-position.html b/tests/recipes/negative-background-position.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>Negative Background Position Test</title>
+    <link type="text/css" href="../test-page/style.css" media="all" rel="stylesheet" />
+    <style>
+        .neg_bgp {
+            color: red;
+            background-position: bottom -10px right;
+            position: fixed;
+        }
+    </style>
+    <script src="../../Recipe.min.js"></script>
+</head>
+<body>
+    <div class="wrapper">
+        <h1>Negative Background Position Test</h1>
+        <div id="nested-div" class="neg_bgp" height="300" width = "300">
+            <p>Here's some text</p>
+        </div>
+    </div>
+</body>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -18,4 +18,4 @@ @@
         "mocha": "^2.2.5",
         "requirejs": "^2.1.18"
       }
-    }
+    }