mq-gamut-resist-fingerprinting.html (900B)
1 <!doctype html> 2 <title>Test: color-gamut only matches sRGB when resisting fingerprinting</title> 3 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 4 <!-- 5 This test is trivial as long as Firefox only matches the sRGB color-gamut media 6 query. Once Firefox can match additional color-gamuts, though, we should still 7 only match sRGB when resisting fingerprinting. 8 --> 9 <style> 10 div { 11 width: 100px; 12 height: 100px; 13 } 14 15 div.with-gamut { 16 background-color: red; 17 } 18 19 div.without-gamuts { 20 background-color: green; 21 } 22 23 @media (color-gamut: srgb) { 24 div.with-gamut { 25 background-color: green; 26 } 27 } 28 29 @media (color-gamut: p3), (color-gamut: rec2020) { 30 div.without-gamuts { 31 background-color: red; 32 } 33 } 34 </style> 35 36 <p>Test passes if there are two filled green squares and <strong>no red</strong>. 37 38 <div class=with-gamut></div> 39 <p></p> 40 <div class=without-gamuts></div>