Menu
Choose a product
Viewing: v1.7.x (latest)
Find another version
Scroll for more
Open source
Route
Route represents a network request intercepted by the
page.route() function and allows to modify its behavior. Once routing is enabled, every request intercepted by a route will stall unless it’s continued, fulfilled or aborted.
When several routes match the given pattern, only the last registered route handler will run, and all others will be skipped.
Supported APIs
| Method | Description |
|---|---|
| abort([errorCode]) | Aborts the route’s request. |
| continue([options]) | Continues the request with optional overrides. |
| fulfill([options]) | Fulfills the request with the given response |
| request() | Returns the matching Request object. |
Example
JavaScript
JavaScript
import { browser } from 'k6/browser';
export const options = {
scenarios: {
browser: {
executor: 'shared-iterations',
options: {
browser: {
type: 'chromium',
},
},
},
},
};
export default async function () {
const page = await browser.newPage();
// Abort all images requests
await page.route(/(\.png$)|(\.jpg$)/, async function (route) {
await route.abort();
});
// Fulfill request with the following response which
// changes the quotes displayed on the page
await page.route(/.*\/quotes$/, async function (route) {
await route.fulfill({
body: JSON.stringify({
quotes: ['"We ❤️ pizza" - k6 team'],
}),
});
});
// Change the pizza request when the button is clicked
await page.route(/.*\/pizza$/, async function (route) {
await route.continue({
headers: {
...route.request().headers(),
foo: 'bar',
},
method: 'POST',
postData: JSON.stringify({
maxCaloriesPerSlice: 500,
mustBeVegetarian: true,
excludedIngredients: ['Pineapple'],
excludedTools: ['Knife', 'Scissors'],
maxNumberOfToppings: 1,
minNumberOfToppings: 1,
customName: 'Classic Pizza',
}),
});
});
await page.goto('https://quickpizza.grafana.com/');
await page.getByRole('button', { name: 'Pizza, Please!' }).click();
await page.close();
}Was this page helpful?
Related resources from Grafana Labs
Additional helpful documentation, links, and articles:
Video

Performance testing and observability in Grafana Cloud
Optimize user experiences with Grafana Cloud. Learn real-time insights, performance testing with k6, and continuous validation with Synthetic Monitoring.
Events

User-centered observability: load testing, real user monitoring, and synthetics
Learn how to use load testing, synthetic monitoring, and real user monitoring (RUM) to understand end users' experience of your apps. Watch on demand.