Bug 1365045 - Reftests for prefers-reduced-motion. r?heycam draft
authorHiroyuki Ikezoe <hikezoe@mozilla.com>
Mon, 23 Jul 2018 05:38:52 +0900
changeset 821304 09140e920fda5f97842f2fa516f9ae2ce468a7b7
parent 821303 8375914095731c06e15d10aabaa28346474aabec
child 821305 5760fbc665f816ca1acef439ab0a670b8695e434
push id117058
push userbmo:hikezoe@mozilla.com
push dateSun, 22 Jul 2018 22:15:55 +0000
reviewersheycam
bugs1365045
milestone63.0a1
Bug 1365045 - Reftests for prefers-reduced-motion. r?heycam MozReview-Commit-ID: JEPH0ZOKmaC
layout/reftests/css-mediaqueries/greenbox.html
layout/reftests/css-mediaqueries/mq_prefers_reduced_motion.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
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.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<meta charset="utf-8">
+<html>
+<title>prefers-reduced-motion</title>
+<style>
+div {
+  width: 100px;
+  height: 100px;
+}
+
+@media (prefers-reduced-motion) {
+  div { 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,14 @@ 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,0) == mq_prefers_reduced_motion.html about:blank
+test-pref(ui.prefersReducedMotion,1) == mq_prefers_reduced_motion.html greenbox.html
+test-pref(ui.prefersReducedMotion,0) == mq_prefers_reduced_motion_no_preference.html greenbox.html
+test-pref(ui.prefersReducedMotion,1) == mq_prefers_reduced_motion_no_preference.html about:blank
+test-pref(ui.prefersReducedMotion,0) == mq_prefers_reduced_motion_reduce.html about:blank
+test-pref(ui.prefersReducedMotion,1) == mq_prefers_reduced_motion_reduce.html greenbox.html