Bug 1365045 - Reftests for prefers-reduced-motion. r?heycam draft
authorHiroyuki Ikezoe <hikezoe@mozilla.com>
Tue, 17 Jul 2018 12:48:47 +0900
changeset 819070 dde4abf0acbc292893e41f328719ea24ead4fb0c
parent 819069 72b094f7f9c632cffcda4823a43e7b459700c14b
child 819071 426d1847decfcf7006fdaf5595940da2c1a95804
push id116429
push userbmo:hikezoe@mozilla.com
push dateTue, 17 Jul 2018 03:52:20 +0000
reviewersheycam
bugs1365045
milestone63.0a1
Bug 1365045 - Reftests for prefers-reduced-motion. r?heycam MozReview-Commit-ID: QprVfHbiuS
layout/reftests/css-mediaqueries/greenbox.html
layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_no_preference.html
layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_reduce.html
layout/reftests/css-mediaqueries/reftest.list
testing/profiles/reftest/user.js
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/greenbox.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>A reference of green box</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+}
+</style>
+<div></div>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_no_preference.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>prefers-reduced-motion: no-preference</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  div { background-color: green; }
+}
+</style>
+<div></div>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-mediaqueries/mq_prefers_reduced_motion_reduce.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>prefers-reduced-motion: reduce</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  div { background-color: green; }
+}
+</style>
+<div></div>
+</html>
--- a/layout/reftests/css-mediaqueries/reftest.list
+++ b/layout/reftests/css-mediaqueries/reftest.list
@@ -9,8 +9,10 @@ fuzzy-if(Android,8,454) == mq_print_heig
 fuzzy-if(Android,8,454) == mq_print_orientation.xhtml mq_print_orientation-ref.xhtml
 fuzzy-if(Android,8,454) == mq_print_maxheight.xhtml mq_print-ref.xhtml
 == mq_print_maxwidth.xhtml mq_print-ref.xhtml
 
 == mq_print_maxwidth_updown.xhtml mq_print-ref.xhtml
 == mq_print_maxheight_updown.xhtml mq_print-ref.xhtml
 == mq_print_minheight_updown.xhtml mq_print-ref.xhtml
 == mq_print_minwidth_updown.xhtml mq_print-ref.xhtml
+test-pref(ui.prefersReducedMotion,1) == mq_prefers_reduced_motion_reduce.html greenbox.html
+test-pref(ui.prefersReducedMotion,0) == mq_prefers_reduced_motion_no_preference.html about:blank
--- a/testing/profiles/reftest/user.js
+++ b/testing/profiles/reftest/user.js
@@ -97,10 +97,11 @@ user_pref("startup.homepage_welcome_url.
 // A fake bool pref for "@supports -moz-bool-pref" sanify test.
 user_pref("testing.supports.moz-bool-pref", false);
 // Ensure that telemetry is disabled, so we don't connect to the telemetry
 // server in the middle of the tests.
 user_pref("toolkit.telemetry.enabled", false);
 user_pref("toolkit.telemetry.server", "https://%(server)s/telemetry-dummy/");
 user_pref("ui.caretBlinkTime", -1);
 user_pref("ui.caretWidth", 1);
+user_pref("ui.prefersReducedMotion", 0);
 // Turn off the Push service.
 user_pref("dom.push.serverURL", "");