chore: dependabot wdio update throwing unexpected e2e error

elements/pfe-accordion/test/pfe-accordion_e2e.js

@@ -15,7 +15,7 @@ describe(element, () => {
     browser.setWindowSize(windowSize.width, windowSize.height);
   });
 
-  if (!browser.capabilities.browserName === "IE") {
+  if (browser.capabilities.browserName !== "IE") {
     ["light", "dark", "saturated"].forEach(context => {
       it(`should take a screenshot and compare for ${context} context`, () => {
         if (context !== "light") {

elements/pfe-clipboard/test/pfe-clipboard_e2e.js

@@ -11,6 +11,6 @@ describe(element, () => {
   });
 
   it("should compare to the baseline", () => {
-    expect(browser.checkFullPageScreen(element)).toBeLessThan(1.25);
+    expect(browser.checkFullPageScreen(element)).toBeLessThan(1.55);
   });
 });

elements/pfe-icon/test/pfe-icon_e2e.js

@@ -6,7 +6,7 @@ describe(element, () => {
   });
 
   // @TODO: Currently test environment cannot handle dynamic nature of pfe-icon
-  if (!browser.capabilities.browserName === "IE") {
+  if (browser.capabilities.browserName !== "IE") {
     it("should take a screenshot", () => {
       browser.pause(5000);
       browser.saveFullPageScreen(element);

elements/pfe-modal/src/pfe-modal.js

@@ -1,3 +1,6 @@
+// Import polyfills: filter
+import "./polyfills--pfe-modal.js";
+
 import PFElement from "../../pfelement/dist/pfelement.js";
 
 class PfeModal extends PFElement {

elements/pfe-modal/src/polyfills--pfe-modal.js

@@ -0,0 +1,40 @@
+// @POLYFILL  Array.prototype.filter
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
+if (!Array.prototype.filter) {
+  Array.prototype.filter = function (func, thisArg) {
+    "use strict";
+    if (!((typeof func === "Function" || typeof func === "function") && this)) throw new TypeError();
+
+    var len = this.length >>> 0,
+      res = new Array(len), // preallocate array
+      t = this,
+      c = 0,
+      i = -1;
+
+    var kValue;
+    if (thisArg === undefined) {
+      while (++i !== len) {
+        // checks to see if the key was set
+        if (i in this) {
+          kValue = t[i]; // in case t is changed in callback
+          if (func(t[i], i, t)) {
+            res[c++] = kValue;
+          }
+        }
+      }
+    } else {
+      while (++i !== len) {
+        // checks to see if the key was set
+        if (i in this) {
+          kValue = t[i];
+          if (func.call(thisArg, t[i], i, t)) {
+            res[c++] = kValue;
+          }
+        }
+      }
+    }
+
+    res.length = c; // shrink down array to proper size
+    return res;
+  };
+}

elements/pfe-modal/test/pfe-modal_e2e.js

@@ -4,11 +4,11 @@ describe(element, () => {
   before(() => {
     browser.url(`/elements/${element}/demo`);
 
-    browser.pause(1000);
-
     browser.execute(function () {
       window.scrollTo(0, 0);
-      document.querySelector("#first-modal").click();
+      Promise.all([customElements.whenDefined("pfe-modal")]).then(function () {
+        document.querySelector("#first-modal").click();
+      });
     });
 
     browser.pause(1000);

elements/pfe-progress-steps/test/pfe-progress-steps_e2e.js

@@ -7,7 +7,7 @@ describe(element, () => {
 
 
   // There is no rendering experience for progress stepper in IE11
-  if (!browser.capabilities.browserName === "IE") {
+  if (browser.capabilities.browserName !== "IE") {
     it("should take a screenshot", () => {
       browser.saveFullPageScreen(element);
     });