CSS3 media query test: resolution query with dppx. Using style element, @media css rule.

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


PASS matchMedia('(resolution: 0dpi)').matches is false
PASS matchMedia('(min-resolution: 0dpi)').matches is false
PASS matchMedia('(max-resolution: 0dpi)').matches is false
FAIL matchMedia('(resolution: 1.5dppx)').matches should be true. Was false.
FAIL resolutionFromStyle() should be 1.5 (of type number). Was undefined (of type undefined).
FAIL matchMedia('(resolution: 2dppx)').matches should be true. Was false.
FAIL resolutionFromStyle() should be 2 (of type number). Was undefined (of type undefined).
FAIL matchMedia('(resolution: 1dppx)').matches should be true. Was false.
FAIL resolutionFromStyle() should be 1 (of type number). Was undefined (of type undefined).
FAIL matchMedia('(resolution: 2.25dppx)').matches should be true. Was false.
FAIL resolutionFromStyle() should be 2.25 (of type number). Was undefined (of type undefined).
FAIL matchMedia('(resolution)').matches should be true. Was false.
FAIL matchMedia('(resolution: 216dpi)').matches should be true. Was false.
FAIL matchMedia('(min-resolution: 216dpi)').matches should be true. Was false.
FAIL matchMedia('(max-resolution: 216dpi)').matches should be true. Was false.
FAIL matchMedia('(resolution: 85dpcm)').matches should be true. Was false.
FAIL matchMedia('(min-resolution: 85dpcm)').matches should be true. Was false.
FAIL matchMedia('(max-resolution: 85dpcm)').matches should be true. Was false.
FAIL matchMedia('(min-resolution: 300dpi)').matches should be true. Was false.
FAIL matchMedia('(min-resolution: 118dpcm)').matches should be true. Was false.
FAIL resolutionFromStyle() should be 3 (of type number). Was undefined (of type undefined).
FAIL resolutionFromStyle() should be 3.125 (of type number). Was undefined (of type undefined).
PASS successfullyParsed is true

TEST COMPLETE