Network interception (CDP) in Selenium Java - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a CDP session for network interception.

Selenium Java

DevTools devTools = driver.[1]();

Drag options to blanks, or click blank then click option'

AgetDevTools

BopenDevTools

CstartDevTools

DcreateDevTools

Attempts:

3 left

💡 Hint

Common Mistakes

Using a method that does not exist like createDevTools or startDevTools.

The getDevTools() method is used to get the DevTools instance from the WebDriver.

2fill in blank

medium

Complete the code to enable the Network domain in CDP.

Selenium Java

devTools.send(Network.[1]());

Drag options to blanks, or click blank then click option'

Aenable

Bdisable

Cstart

Dactivate

Attempts:

3 left

💡 Hint

Common Mistakes

Using disable or start which are not valid commands for Network domain.

The enable() command activates the Network domain to start intercepting network events.

3fill in blank

hard

Fix the error in the code to add a listener for network requests.

Selenium Java

devTools.addListener(Network.[1], request -> {
    System.out.println("Request URL: " + request.getRequest().getUrl());
});

Drag options to blanks, or click blank then click option'

ArequestSent

BonRequest

CrequestWillBeSent

DnetworkRequest

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect event names that do not exist in the Network domain.

The correct event name is requestWillBeSent which fires before a network request is sent.

4fill in blank

hard

Fill both blanks to create a map of headers to modify a network request.

Selenium Java

Map<String, Object> headers = new HashMap<>();
headers.put("[1]", "application/json");
headers.put("[2]", "no-cache");

Drag options to blanks, or click blank then click option'

AContent-Type

BCache-Control

CAccept

DAuthorization

Attempts:

3 left

💡 Hint

Common Mistakes

Confusing header names or using headers unrelated to content type or caching.

The Content-Type header specifies the data format, and Cache-Control controls caching behavior.

5fill in blank

hard

Fill in the blanks to modify and continue a network request with new headers.

Selenium Java

devTools.addListener(Network.requestIntercepted(), request -> {
    Map<String, Object> headers = new HashMap<>(request.getRequest().getHeaders());
    headers.put("[1]", "Bearer token123");
    devTools.send(Network.[2](request.getInterceptionId(), headers));
});

Drag options to blanks, or click blank then click option'

AAuthorization

BcontinueInterceptedRequest

CcontinueRequest

DsetRequestHeaders

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect header names or wrong Network commands to continue the request.

The Authorization header adds the token. The continueInterceptedRequest command continues the request with modified headers.

Practice

1. What is the main purpose of using Network Interception with Selenium DevTools Protocol (CDP)?

easy

A. To replace Selenium WebDriver with a faster browser engine

B. To speed up test execution by skipping UI rendering

C. To monitor and control network requests and responses during tests

D. To automatically generate test data from network traffic

Solution

1. Step 1: Understand Network Interception

   Network interception allows tests to watch and manipulate network traffic between the browser and server.

2. Step 2: Identify the purpose in Selenium CDP context

   Selenium's DevTools Protocol integration enables listening to and controlling network events during tests.

3. Final Answer:

   To monitor and control network requests and responses during tests -> Option C

4. Quick Check:

   Network interception = monitor and control traffic [OK]

Hint: Network interception means watching and controlling web traffic [OK]

Common Mistakes:

• Thinking it speeds up tests by skipping UI
• Confusing it with test data generation
• Assuming it replaces WebDriver

2. Which Java code snippet correctly creates a DevTools session to enable network interception in Selenium 4+?

easy

A. DevTools devTools = driver.getDevTools(); devTools.startSession(); Network.enable();

B. DevTools devTools = new DevTools(); devTools.startSession(); devTools.enableNetwork();

C. DevTools devTools = driver.createDevTools(); devTools.start(); Network.enable();

D. DevTools devTools = driver.getDevTools(); devTools.createSession(); devTools.send(Network.enable(Optional.empty(), Optional.empty(), Optional.empty()));

Solution

1. Step 1: Check correct DevTools session creation

   In Selenium 4+, use driver.getDevTools() and then createSession() to start.

2. Step 2: Verify enabling network interception

   Use devTools.send(Network.enable(Optional.empty(), Optional.empty(), Optional.empty())) to enable network events.

3. Final Answer:

   DevTools devTools = driver.getDevTools(); devTools.createSession(); devTools.send(Network.enable(Optional.empty(), Optional.empty(), Optional.empty())); -> Option D

4. Quick Check:

   Use getDevTools(), createSession(), then send Network.enable [OK]

Hint: Use driver.getDevTools() then createSession() before enabling network [OK]

Common Mistakes:

• Trying to instantiate DevTools with new keyword
• Calling Network.enable() without devTools.send()
• Missing createSession() call

3. Given the following code snippet, what will be printed when a network request is intercepted?

DevTools devTools = driver.getDevTools();
devTools.createSession();
devTools.send(Network.enable(Optional.empty(), Optional.empty(), Optional.empty()));
devTools.addListener(Network.requestWillBeSent(), request -> {
    System.out.println("Request URL: " + request.getRequest().getUrl());
});
// Browser navigates to https://example.com

medium

A. Request URL: https://example.com/

B. Request URL: null

C. No output because listener is not added correctly

D. Compilation error due to missing imports

Solution

1. Step 1: Understand listener setup

   The listener is added to Network.requestWillBeSent event, printing the URL of each request.

2. Step 2: Predict output on navigating to example.com

   When browser navigates, a request is sent to https://example.com/, triggering the listener and printing the URL.

3. Final Answer:

   Request URL: https://example.com/ -> Option A

4. Quick Check:

   Listener prints request URL on navigation [OK]

Hint: Listener prints URL of each request sent during navigation [OK]

Common Mistakes:

• Assuming listener won't trigger without explicit start
• Expecting null URL in request
• Thinking listener setup is incorrect

4. Identify the error in this Selenium Java code snippet for blocking image requests using CDP:

DevTools devTools = driver.getDevTools();
devTools.createSession();
devTools.send(Network.enable(Optional.empty(), Optional.empty(), Optional.empty()));
devTools.addListener(Network.requestWillBeSent(), request -> {
    if(request.getRequest().getUrl().endsWith(".png")) {
        devTools.send(Network.setBlockedURLs(List.of(request.getRequest().getUrl())));
    }
});

medium

A. Calling setBlockedURLs inside the listener causes repeated blocking calls

B. Missing call to devTools.createSession() before enabling network

C. Using endsWith(".png") is invalid for URL filtering

D. Network.enable() should not be called with Optional.empty()

Solution

1. Step 1: Analyze listener behavior

   The listener calls setBlockedURLs every time a request ends with .png, causing repeated calls.

2. Step 2: Understand correct usage of setBlockedURLs

   setBlockedURLs should be called once with all URLs to block, not repeatedly inside the listener.

3. Final Answer:

   Calling setBlockedURLs inside the listener causes repeated blocking calls -> Option A

4. Quick Check:

   setBlockedURLs called repeatedly inside listener is wrong [OK]

Hint: Call setBlockedURLs once, not inside each request event [OK]

Common Mistakes:

• Calling setBlockedURLs repeatedly inside listener
• Forgetting to create session before enabling network
• Misusing string methods for URL filtering

5. You want to modify the response body of a JSON API call during a Selenium test using CDP. Which approach correctly achieves this?

hard

A. Use Network.requestWillBeSent to change the request URL to a local JSON file

B. Enable Network.requestIntercepted event, fetch response body, modify it, then use Network.continueInterceptedRequest with modified body

C. Call Network.setBlockedURLs to block the API call and serve a local file instead

D. Modify the DOM after page load to replace JSON data

Solution

1. Step 1: Understand response modification with CDP

   To modify a response, intercept it, get the body, change it, and continue with the new content.

2. Step 2: Identify correct event and method usage

   Use Network.requestIntercepted to detect response, fetch body, then Network.continueInterceptedRequest to send modified response.

3. Final Answer:

   Enable Network.requestIntercepted event, fetch response body, modify it, then use Network.continueInterceptedRequest with modified body -> Option B

4. Quick Check:

   Modify response by intercepting and continuing with new body [OK]

Hint: Intercept response, modify body, then continue intercepted request [OK]

Common Mistakes:

• Trying to modify request instead of response
• Blocking URL instead of modifying response
• Changing DOM instead of network response