page.emulateMediaFeatures([{ name: 'hover', value: 'hover' }]) throws error

Steps to reproduce

Tell us about your environment:

• Puppeteer version: 2.0.0, Headless
• Platform / OS version: Ubuntu 18.04.3 LTS
• URLs (if applicable):
• Node.js version: v10.16.3

What steps will reproduce the problem?

Please include code that reproduces the issue.

1. Create a new page:

   const page = await browser.newPage()
   

2. Emulate the hover media query:

   await page.emulateMediaFeatures([{ name: 'hover', value: 'hover' }])
   

What is the expected result?

The feature should be emulated.

What happens instead?

The exception Unsupported media feature: hover is thrown

Context

When running Puppeteer headlessly on Linux, the result of the following media query is false:

window.matchMedia('(hover: hover)').matches

Meanwhile on a Mac, the same query returns true.

I would like to test media queries in our e2e tests, and not being able to control this behavior prevents this from being possible.

[ReDrUm]

Me too 👍 Support for pointer would be nice too e.g. @media (hover: hover) and (pointer: fine)

[OrKoN]

If some of the values are actually supported by CDP, we can open them up in Puppeteer.