UI Filters tests

.babelrc

@@ -1,12 +1,11 @@
 {
   "presets": [
-    ["es2015", { "modules": false }],
-    "react"
+    "@babel/preset-env",
+    "@babel/preset-react"
   ],
   "plugins": [
     "lodash",
-    "transform-object-rest-spread",
-    "transform-class-properties",
-    "styled-components"
+    "styled-components",
+    "@babel/plugin-proposal-class-properties"
   ]
 }

lib/ui/components/RequestLogs/RequestLog.js

@@ -5,7 +5,7 @@ import API from 'api';
 import EVENTS from 'api/constants/events';
 import RequestLogState from 'ui/states/RequestLogState';
 import { connectToState } from 'ui/states/connector';
-import { filterLogByType } from 'ui/utils/filters';
+import { filterLogByType, filterByIgnoreList } from 'ui/utils/filters';
 import { RequestOptionSpacer } from 'ui/components/QuickEdit/styled';
 import Frame from 'ui/components/common/Frame';
 import HeaderCell from 'ui/components/RequestLogs/HeaderCell';
@@ -58,6 +58,7 @@ class RequestLog extends React.Component {
     return API.capturedRequests
       .filter((request) => includes(request.url, RequestLogState.query))
       .filter(filterLogByType)
+      .filter(filterByIgnoreList)
       .map(renderRequestRow)
       .reverse();
   };

lib/ui/constants/excluded-urls.js

@@ -0,0 +1,3 @@
+export const EXCLUDED_URLS = [/hot-update.json/]
+
+export default EXCLUDED_URLS

lib/ui/utils/filters.js

@@ -1,5 +1,6 @@
 import MocksState from 'ui/states/MocksState';
 import RequestLogState from 'ui/states/RequestLogState';
+import EXCLUDED_URLS from 'ui/constants/excluded-urls';
 
 export const filterMocksByType = (mock) => {
   const status = mock.response.status;
@@ -43,3 +44,14 @@ export const filterLogByType = (request) => {
       return true;
   }
 };
+
+export const glob = (pattern, input) => {
+  return pattern.test(input);
+}
+
+export const filterByIgnoreList = (request) => {
+  const hasMatch = EXCLUDED_URLS.some((ignorePattern) => {
+    return glob(ignorePattern, request.url)
+  });
+  return !hasMatch;
+}