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.

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
}