Add Request Header Filter Function

This change introduces a new function, `requestRequestHeaderFilter`,
which filters request headers based on the provided header name. The
function checks if any header in the request matches the specified
header name, ignoring case sensitivity.

Bug: 397481040
Change-Id: Ie220b4a12f85679693111cb31ccc783b858e9547
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6512390
Auto-Submit: Garima Chadha <garimachadha@microsoft.com>
Reviewed-by: Wolfgang Beyer <wolfi@chromium.org>
Commit-Queue: Wolfgang Beyer <wolfi@chromium.org>
Reviewed-by: Simon Zünd <szuend@chromium.org>
Reviewed-by: Robert Paveza <Rob.Paveza@microsoft.com>

Author: Garima Chadha

front_end/panels/network/NetworkLogView.test.ts

@@ -657,6 +657,54 @@ describeWithMockConnection('NetworkLogView', () => {
     ]);
   });
 
+  function createRequestsWithAndWithoutTestHeader() {
+    const urlWithTestHeader = urlString`https://example.com/request-with-test-header`;
+    const urlWithoutTestHeader = urlString`https://example.com/request-without-test-header`;
+
+    const requestWithHeader = createNetworkRequest(urlWithTestHeader, {target});
+    const requestWithoutHeader = createNetworkRequest(urlWithoutTestHeader, {target});
+
+    requestWithHeader.requestHeaders = () => [{name: 'Accept-Language', value: 'US'}];
+    requestWithoutHeader.requestHeaders = () => [{name: 'Cache-Control', value: 'public'}];
+
+    return {
+      urlWithTestHeader,
+      urlWithoutTestHeader,
+    };
+  }
+
+  it('filters requests with has-request-header', async () => {
+    const {urlWithTestHeader} = createRequestsWithAndWithoutTestHeader();
+
+    const filterBar = new UI.FilterBar.FilterBar('network-panel', true);
+    networkLogView = createNetworkLogView(filterBar);
+    networkLogView.setTextFilterValue('has-request-header:Accept-Language');
+
+    networkLogView.markAsRoot();
+    networkLogView.show(document.body);
+
+    const rootNode = networkLogView.columns().dataGrid().rootNode();
+    const visibleUrls = rootNode.children.map(n => (n as Network.NetworkDataGridNode.NetworkNode).request()?.url());
+
+    assert.deepEqual(visibleUrls, [urlWithTestHeader]);
+  });
+
+  it('does not match any request if header name is not present', async () => {
+    createRequestsWithAndWithoutTestHeader();
+
+    const filterBar = new UI.FilterBar.FilterBar('network-panel', true);
+    networkLogView = createNetworkLogView(filterBar);
+    networkLogView.setTextFilterValue('has-request-header:Nonexistent-Header');
+
+    networkLogView.markAsRoot();
+    networkLogView.show(document.body);
+
+    const rootNode = networkLogView.columns().dataGrid().rootNode();
+    const visibleUrls = rootNode.children.map(n => (n as Network.NetworkDataGridNode.NetworkNode).request()?.url());
+
+    assert.deepEqual(visibleUrls, []);
+  });
+
   it('filters localized resource categories', async () => {
     // "simulate" other locale by stubbing out resource categories with a different text
     sinon.stub(Common.ResourceType.resourceCategories.Document, 'title')

front_end/panels/network/NetworkLogView.ts

@@ -737,6 +737,10 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
     return request.responseHeaderValue(value) !== undefined;
   }
 
+  private static requestRequestHeaderFilter(headerName: string, request: SDK.NetworkRequest.NetworkRequest): boolean {
+    return request.requestHeaders().some(header => header.name.toLowerCase() === headerName.toLowerCase());
+  }
+
   private static requestResponseHeaderSetCookieFilter(value: string, request: SDK.NetworkRequest.NetworkRequest):
       boolean {
     // Multiple Set-Cookie headers in the request are concatenated via space. Only
@@ -1652,6 +1656,10 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
       }
     }
 
+    for (const header of request.requestHeaders()) {
+      this.suggestionBuilder.addItem(NetworkForward.UIFilter.FilterType.HasRequestHeader, header.name);
+    }
+
     for (const cookie of request.responseCookies) {
       this.suggestionBuilder.addItem(NetworkForward.UIFilter.FilterType.SetCookieDomain, cookie.domain());
       this.suggestionBuilder.addItem(NetworkForward.UIFilter.FilterType.SetCookieName, cookie.name());
@@ -2043,6 +2051,9 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
       case NetworkForward.UIFilter.FilterType.ResponseHeaderValueSetCookie:
         return NetworkLogView.requestResponseHeaderSetCookieFilter.bind(null, value);
 
+      case NetworkForward.UIFilter.FilterType.HasRequestHeader:
+        return NetworkLogView.requestRequestHeaderFilter.bind(null, value);
+
       case NetworkForward.UIFilter.FilterType.Is:
         if (value.toLowerCase() === NetworkForward.UIFilter.IsFilterType.RUNNING) {
           return NetworkLogView.runningRequestFilter;

front_end/panels/network/forward/UIFilter.ts

@@ -6,6 +6,7 @@ export enum FilterType {
   /* eslint-disable @typescript-eslint/naming-convention -- Used by web_tests. */
   Domain = 'domain',
   HasResponseHeader = 'has-response-header',
+  HasRequestHeader = 'has-request-header',
   HasOverrides = 'has-overrides',
   ResponseHeaderValueSetCookie = 'response-header-set-cookie',
   Is = 'is',