Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Documentationbreadcrumb arrow Grafana k6breadcrumb arrow JavaScript APIbreadcrumb arrow k6/experimentalbreadcrumb arrow browserbreadcrumb arrow Pagebreadcrumb arrow emulateMedia([options])
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.

ParameterTypeDefaultDescription
optionsobjectnull
options.colorSchemestring''Emulates 'prefers-colors-scheme' media feature, supported values are 'light', 'dark', and 'no-preference'.
options.mediastring''Changes the CSS media type of the page. The only allowed values are 'screen', and 'print'.
options.reducedMotionstring''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
}