Menu
Open source
emulateMedia([options])
This method changes the CSS @media type
through the media
argument, and/or the 'prefers-colors-scheme'
media feature, using the colorScheme
argument.
Parameter | Type | Default | Description |
---|---|---|---|
options | object | null | |
options.colorScheme | string | '' | Emulates 'prefers-colors-scheme' media feature, supported values are 'light' , 'dark' , and 'no-preference' . |
options.media | string | '' | Changes the CSS media type of the page. The only allowed values are 'screen' , and 'print' . |
options.reducedMotion | string | '' | Emulates 'prefers-reduced-motion' media feature, supported values are 'reduce' , 'no-preference' . |
Example
JavaScript
import { browser } from 'k6/experimental/browser';
export const options = {
scenarios: {
browser: {
executor: 'shared-iterations',
options: {
browser: {
type: 'chromium',
},
},
},
},
};
export default async function () {
const page = browser.newPage();
await page.goto('https://test.k6.io/browser.php');
console.log(page.evaluate(() => matchMedia('screen').matches)); // true
}
Was this page helpful?
Related documentation
Related resources from Grafana Labs
Additional helpful documentation, links, and articles:
Video
Performance testing and observability in Grafana Cloud
In this webinar, learn how Grafana Cloud k6 offers you the best developer experience for performance testing.
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.