emulateMediaType method

Future<void> emulateMediaType(
  1. MediaType? mediaType
)

Changes the CSS media type of the page. The only allowed values are 'screen', 'print' and null. Passing null disables media emulation.

expect(await page.evaluate("() => matchMedia('screen').matches"), isTrue);
expect(await page.evaluate("() => matchMedia('print').matches"), isFalse);

await page.emulateMediaType(MediaType.print);
expect(await page.evaluate("() => matchMedia('screen').matches"), isFalse);
expect(await page.evaluate("() => matchMedia('print').matches"), isTrue);

await page.emulateMediaType(null);
expect(await page.evaluate("() => matchMedia('screen').matches"), isTrue);
expect(await page.evaluate("() => matchMedia('print').matches"), isFalse);

Implementation

Future<void> emulateMediaType(MediaType? mediaType) {
  var mediaTypeName = mediaType?.name ?? '';
  return devTools.emulation.setEmulatedMedia(media: mediaTypeName);
}