Update prefers-reduced-motion syntax

https://bugs.webkit.org/show_bug.cgi?id=165880


Reviewed by Sam Weinig.

Source/WebCore:

After discussion in:
w3c/csswg-drafts#442
... the syntax of prefers-reduced-motion was changed
to accept "reduce" or "no-preference".

Updated the tests in fast/media.

* css/CSSValueKeywords.in: Add no-preference keyword.
* css/MediaQueryEvaluator.cpp:
(WebCore::prefersReducedMotionEvaluate):

LayoutTests:

* fast/media/mq-prefers-reduced-motion-forced-value.html:
* fast/media/mq-prefers-reduced-motion.html:

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@209842 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Author: [email protected]

LayoutTests/ChangeLog

@@ -1,3 +1,14 @@
+2016-12-14  Dean Jackson  
+
+        Update prefers-reduced-motion syntax
+        https://bugs.webkit.org/show_bug.cgi?id=165880
+        
+
+        Reviewed by Sam Weinig.
+
+        * fast/media/mq-prefers-reduced-motion-forced-value.html:
+        * fast/media/mq-prefers-reduced-motion.html:
+
 2016-12-14  Sam Weinig  
 
         REGRESSION (204679): Google notifications never load (expecting DOMStringList rather than JS array for Location.ancestorOrigins)

LayoutTests/fast/media/mq-prefers-reduced-motion-forced-value.html

@@ -18,7 +18,7 @@
     window.internals.settings.forcedPrefersReducedMotionAccessibilityValue = "off";
     if (!window.matchMedia("(prefers-reduced-motion)").matches)
         document.getElementById("c").style.color = "green";
-    if (window.matchMedia("(prefers-reduced-motion: default)").matches)
+    if (window.matchMedia("(prefers-reduced-motion: no-preference)").matches)
         document.getElementById("d").style.color = "green";
 }, false);
 script>

LayoutTests/fast/media/mq-prefers-reduced-motion.html

@@ -15,7 +15,7 @@
 #b { color: green; }
 }
 
-@media (prefers-reduced-motion: default) {
+@media (prefers-reduced-motion: no-preference) {
 #d { color: green; }
 }
 style>

Source/WebCore/ChangeLog

@@ -1,3 +1,22 @@
+2016-12-14  Dean Jackson  
+
+        Update prefers-reduced-motion syntax
+        https://bugs.webkit.org/show_bug.cgi?id=165880
+        
+
+        Reviewed by Sam Weinig.
+
+        After discussion in:
+        https://github.com/w3c/csswg-drafts/issues/442
+        ... the syntax of prefers-reduced-motion was changed
+        to accept "reduce" or "no-preference".
+
+        Updated the tests in fast/media.
+
+        * css/CSSValueKeywords.in: Add no-preference keyword.
+        * css/MediaQueryEvaluator.cpp:
+        (WebCore::prefersReducedMotionEvaluate):
+
 2016-12-14  Sam Weinig  
 
         REGRESSION (204679): Google notifications never load (expecting DOMStringList rather than JS array for Location.ancestorOrigins)

Source/WebCore/css/CSSValueKeywords.in

@@ -1326,6 +1326,7 @@ display-p3
 
 // prefers-reduced-motion
 reduce
+no-preference
 
 #if defined(ENABLE_CSS_GRID_LAYOUT) && ENABLE_CSS_GRID_LAYOUT
 // auto-repeat

Source/WebCore/css/MediaQueryEvaluator.cpp

@@ -699,7 +699,7 @@ static bool prefersReducedMotionEvaluate(CSSValue* value, const CSSToLengthConve
     if (!value)
         return userPrefersReducedMotion;
 
-    return downcast(*value).valueID() == (userPrefersReducedMotion ? CSSValueReduce : CSSValueDefault);
+    return downcast(*value).valueID() == (userPrefersReducedMotion ? CSSValueReduce : CSSValueNoPreference);
 }
 
 // Use this function instead of calling add directly to avoid inlining.