Always serialize aspect-ratio and font shorthand with spaces around the slash.

emilio · moz-wptsync-bot · commit fab58ff673fa · 2019-09-20T16:21:14.000+01:00
Differential Revision: https://phabricator.services.mozilla.com/D46568 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1582627 gecko-commit: d9f97662c30fea113245263f96b27de210bb81ed gecko-integration-branch: autoland gecko-reviewers: heycam
diff --git a/css/mediaqueries/aspect-ratio-serialization.html b/css/mediaqueries/aspect-ratio-serialization.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Media Queries Test: 'aspect-ratio' serializes with spaces around ' / '.</title>
+<link rel="help" href="https://drafts.csswg.org/cssom/#serialize-a-css-component-value">
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://mozilla.org" title="Mozilla">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+test(function() {
+  assert_equals(matchMedia("(aspect-ratio: 1/3)").media, "(aspect-ratio: 1 / 3)");
+}, "<ratio> serializes with spaces around the integer.");
+</script>
