Bug 1483991 [wpt PR 12534] - Sync Mozilla tests as of 2018-08-16, a=testonly
authorL. David Baron <dbaron@dbaron.org>
Mon, 20 Aug 2018 22:08:58 +0000
changeset 487796 f6749ea61079f8633a21bf2b178927e6b7ab9b65
parent 487795 d07641a80a1f4d91a8f85f1acd2e0366197bc620
child 487797 41966d1c0faad97fcbe0b6909fc05a9ca0e5b944
push id9719
push userffxbld-merge
push dateFri, 24 Aug 2018 17:49:46 +0000
treeherdermozilla-beta@719ec98fba77 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1483991, 12534, 1472843
milestone63.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1483991 [wpt PR 12534] - Sync Mozilla tests as of 2018-08-16, a=testonly Automatic update from web-platform-testsSync Mozilla tests as of https://hg.mozilla.org/mozilla-central/rev/4248cea4f9a1e5cb64c0d121ff248e11e003e9e2 . (#12534) This contains a single change, from [Bug 1472843](https://bugzilla.mozilla.org/show_bug.cgi?id=1472843) by @iyermihir, reviewed by @dholbert. -- wpt-commits: 507d63bba2e1d3aee550f161498f396ff4ab6842 wpt-pr: 12534
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001-ref.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001a.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001b.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001-ref.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001a.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001b.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001-ref.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002-ref.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-002-ref.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-002.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005-ref.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006-ref.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006-ref.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001-ref.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001.xhtml
testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/reftest.list
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -168518,16 +168518,28 @@
       [
        "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001-ref.xhtml",
        "=="
       ]
      ],
      {}
     ]
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001.xhtml": [
+    [
+     "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001.xhtml",
+     [
+      [
+       "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001-ref.xhtml",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-items-center-nested-001.html": [
     [
      "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-items-center-nested-001.html",
      [
       [
        "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-items-center-nested-001-ref.html",
        "=="
       ]
@@ -168818,16 +168830,28 @@
       [
        "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-004-ref.xhtml",
        "=="
       ]
      ],
      {}
     ]
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005.xhtml": [
+    [
+     "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005.xhtml",
+     [
+      [
+       "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005-ref.xhtml",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-anonymous-items-001.html": [
     [
      "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-anonymous-items-001.html",
      [
       [
        "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-anonymous-items-001-ref.html",
        "=="
       ]
@@ -169898,16 +169922,28 @@
       [
        "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-005-ref.xhtml",
        "=="
       ]
      ],
      {}
     ]
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006.xhtml": [
+    [
+     "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006.xhtml",
+     [
+      [
+       "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006-ref.xhtml",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-001a.xhtml": [
     [
      "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-001a.xhtml",
      [
       [
        "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-001-ref.xhtml",
        "=="
       ]
@@ -169970,16 +170006,40 @@
       [
        "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-005-ref.xhtml",
        "=="
       ]
      ],
      {}
     ]
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006.xhtml": [
+    [
+     "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006.xhtml",
+     [
+      [
+       "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006-ref.xhtml",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001.xhtml": [
+    [
+     "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001.xhtml",
+     [
+      [
+       "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001-ref.xhtml",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-margin-auto-horiz-001.xhtml": [
     [
      "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-margin-auto-horiz-001.xhtml",
      [
       [
        "/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-margin-auto-horiz-001-ref.xhtml",
        "=="
       ]
@@ -271272,16 +271332,21 @@
      {}
     ]
    ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001-ref.xhtml": [
     [
      {}
     ]
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001-ref.xhtml": [
+    [
+     {}
+    ]
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-items-center-nested-001-ref.html": [
     [
      {}
     ]
    ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-baseline-horiz-001-ref.xhtml": [
     [
      {}
@@ -271387,16 +271452,21 @@
      {}
     ]
    ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-004-ref.xhtml": [
     [
      {}
     ]
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005-ref.xhtml": [
+    [
+     {}
+    ]
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-anonymous-items-001-ref.html": [
     [
      {}
     ]
    ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-baseline-align-self-baseline-horiz-001-ref.html": [
     [
      {}
@@ -271702,16 +271772,21 @@
      {}
     ]
    ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-005-ref.xhtml": [
     [
      {}
     ]
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006-ref.xhtml": [
+    [
+     {}
+    ]
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-001-ref.xhtml": [
     [
      {}
     ]
    ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-002-ref.xhtml": [
     [
      {}
@@ -271727,16 +271802,26 @@
      {}
     ]
    ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-005-ref.xhtml": [
     [
      {}
     ]
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006-ref.xhtml": [
+    [
+     {}
+    ]
+   ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001-ref.xhtml": [
+    [
+     {}
+    ]
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-margin-auto-horiz-001-ref.xhtml": [
     [
      {}
     ]
    ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-margin-auto-horiz-002-ref.xhtml": [
     [
      {}
@@ -572851,37 +572936,45 @@
    "876e5d6c2cbd282bd0e35dac0433a2413180f620",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-abspos-child-002.html": [
    "8234085681ddc0f72e8da84471363ecb08d4d460",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001-ref.xhtml": [
-   "c83f5a03ce2112e10c1e9670aa22d25e3832ea68",
+   "33057bf5f0f8e0182850a0ad272cdddaac66a6a3",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001a.xhtml": [
-   "96fc4cd0a4481120bba3383acaf0d339ab50daad",
+   "bb0a8cda64b19b85c612a0609d35c400eefaa840",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001b.xhtml": [
-   "0f2a25426b3a734dc1e2a5077e86bacfe6d71c40",
+   "a1e192102ea9cbbdc5685085d47dfdd8b81d5023",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001-ref.xhtml": [
-   "ab407a42e21e58411ae4fdd396fadf31d6c2b301",
+   "1bac2bcda1dfc8f919211c26841f55883c249180",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001a.xhtml": [
-   "e8319cb75381f88b824378907374050722070064",
+   "c4236ef0406c48c5aec75d17d207cfb069591793",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001b.xhtml": [
-   "a2e7ae6fb8adc2f1e43eddc2f3519dd2a49fb5c2",
+   "54a8ed31f9637eb9781a5a1fafacec498f402cf9",
+   "reftest"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001-ref.xhtml": [
+   "2902a09c163759bd604b53e0b04a0be8f3bdb8c6",
+   "support"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001.xhtml": [
+   "e0c40a72553100dc9e8652fc7e6f7bef17a2b725",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-items-center-nested-001-ref.html": [
    "2473417b82b333e93baf1889f0fb229211591e2f",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-items-center-nested-001.html": [
    "b6e2fdff0aaffc2df8187389183cd170bf6fb301",
@@ -572955,21 +573048,21 @@
    "a95a724811d0bfedeff62a4d387775ac3683da08",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-001-table.xhtml": [
    "1785ca8dfc0a8bf5b52a0e870e4605902b8f2685",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002-ref.xhtml": [
-   "59d13a6454409d5ee7be8feeae0b2d8323241a94",
+   "bc73fa7f926715b7b813e67bf0558ba041461112",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002.xhtml": [
-   "cddd5b4554041b8744d5913a751fbf62ea247f1b",
+   "d1273d1f55b8284821a8ed47b7cfc617670f8e52",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-003-ref.xhtml": [
    "229087cb875ccd78d128fb0432fbbf64386ead45",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-003.xhtml": [
    "4414d0a0a071ddad0f342a9f25efcc5a1b944132",
@@ -573011,21 +573104,21 @@
    "2288c21ace97e032b7274643cfa5ecf126f6a80a",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-001.xhtml": [
    "4080d3488033297d681d5d77a039bdceba4c1526",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-002-ref.xhtml": [
-   "3a5ad06a5f8d148f23f6011fd71346ccef6ef402",
+   "14b456e67128e5ffbbaf5d570016ad4670f45871",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-002.xhtml": [
-   "c45d737bfbf6f32013630e286776efec35ee40cd",
+   "2ff89bdf5f52c8e040dd665d53888c0566cafc5d",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-003-ref.xhtml": [
    "4412b3931972988975a3f185a0d0b296abe3821b",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-003.xhtml": [
    "23b320941365cfd7ea49068342878de77d8b016a",
@@ -573066,16 +573159,24 @@
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-004-ref.xhtml": [
    "faeb28662f71d7c8fe05d075aa7581acaf286c8c",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-004.xhtml": [
    "4f4f49afda37f66b50e6b502bf0244540d1bf84e",
    "reftest"
   ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005-ref.xhtml": [
+   "b0c46adcb9d786cc5d7fb1455aea7c6e9dcc7d77",
+   "support"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005.xhtml": [
+   "420c334c841efb113d7e769deb3062097ff54307",
+   "reftest"
+  ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-anonymous-items-001-ref.html": [
    "8f99ea1d56ae19136b91c460003ebdab1bd821b6",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-anonymous-items-001.html": [
    "0c85c46d55adf19f16b1196cf19cdb4c6c23d3ca",
    "reftest"
   ],
@@ -573678,16 +573779,24 @@
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-005-ref.xhtml": [
    "82f872d2918c4701854ac366cf6a850a2440ea7c",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-005.xhtml": [
    "53cba03fbe579ee64179cb5c90cc9734beab9366",
    "reftest"
   ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006-ref.xhtml": [
+   "7723b5fa2080af80c15890c7e0b73b16ae25c7fa",
+   "support"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006.xhtml": [
+   "dcbe6184c7e8156bad3c87c95af58d8e335fe958",
+   "reftest"
+  ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-001-ref.xhtml": [
    "20f1c5df34e257358ad8c5ace97ee5b0fafb8864",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-001a.xhtml": [
    "d4b32b3914483f7673ba28b14914e7587556e5a1",
    "reftest"
   ],
@@ -573722,16 +573831,32 @@
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-005-ref.xhtml": [
    "ebc97819a5002c97d1bc57e895755176c114732f",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-005.xhtml": [
    "bb99dd09b45f72c6aeb260ebd8e37782c173c01d",
    "reftest"
   ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006-ref.xhtml": [
+   "b1a5bf2a9894bd421759a3abdb21fe9181a3672d",
+   "support"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006.xhtml": [
+   "38a7f91d783c246a42b2e88c14d0a173142afddf",
+   "reftest"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001-ref.xhtml": [
+   "0b99be2f2538d1cafbaeec4485a9c7dcd4f0cfde",
+   "support"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001.xhtml": [
+   "f676c6c1cdc5eceaa0ccb5fb77e7f4650618fb0b",
+   "reftest"
+  ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-margin-auto-horiz-001-ref.xhtml": [
    "1321e5a3878b353f54db7459517539dd9b779ab2",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-margin-auto-horiz-001.xhtml": [
    "76d7a88312aee623aacbecfe3c6d28a0d41834f4",
    "reftest"
   ],
@@ -574255,17 +574380,17 @@
    "90ee38856cccd568352c5b6a4f14acc2274605c6",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/position-absolute-containing-block-002.html": [
    "aecbf0b4c997ceb748496d7fa09aed6ba8c0f92a",
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/reftest.list": [
-   "d2c5c47b6c931c4d1b6c347c77eb8b66348da6b2",
+   "b51226706eae57ce44afdbbc24d5fb74e4225d34",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/support/Ahem.ttf": [
    "ac81cb03165ab831a36abb59145ff7a2f5675fb9",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/support/ahem.css": [
    "82ee466791e8c3319ac518e58d6806c1616d783b",
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001-ref.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001-ref.xhtml
@@ -133,10 +133,38 @@
       <div class="a" style="margin-top: calc(160px / 3)"/>
       <div class="b" style="margin-top: calc(160px / 3)"><div class="fixedSizeChild"/></div>
     </div>
     <div class="flexbox">
       <div class="a" style="margin-top: 30px"/>
       <div class="b" style="margin-top: 30px"><div class="fixedSizeChild"/></div>
       <div class="c" style="margin-top: 30px"/>
     </div>
+
+    <!-- start -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+
+    <!-- end -->
+    <div class="flexbox">
+      <div class="a" style="margin-top: 190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top: 160px"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top: 120px"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001a.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001a.xhtml
@@ -142,10 +142,38 @@
       <div class="a"/>
       <div class="b"><div class="fixedSizeChild"/></div>
     </div>
     <div class="flexbox" style="align-content: space-evenly">
       <div class="a"/>
       <div class="b"><div class="fixedSizeChild"/></div>
       <div class="c"/>
     </div>
+
+    <!-- start -->
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- end -->
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001b.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-horiz-001b.xhtml
@@ -143,10 +143,38 @@
       <div class="a"/>
       <div class="b"><div class="fixedSizeChild"/></div>
     </div>
     <div class="flexbox" style="align-content: space-evenly">
       <div class="a"/>
       <div class="b"><div class="fixedSizeChild"/></div>
       <div class="c"/>
     </div>
+
+    <!-- start -->
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- end -->
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001-ref.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001-ref.xhtml
@@ -136,10 +136,38 @@
       <div class="a" style="margin-left: calc(160px / 3)"/>
       <div class="b" style="margin-left: calc(160px / 3)"><div class="fixedSizeChild"/></div>
     </div>
     <div class="flexbox">
       <div class="a" style="margin-left: 30px"/>
       <div class="b" style="margin-left: 30px"><div class="fixedSizeChild"/></div>
       <div class="c" style="margin-left: 30px"/>
     </div>
+
+    <!-- start -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+
+    <!-- end -->
+    <div class="flexbox">
+      <div class="a" style="margin-left: 190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-left: 160px"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-left: 120px"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001a.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001a.xhtml
@@ -142,10 +142,38 @@
       <div class="a"/>
       <div class="b"><div class="fixedSizeChild"/></div>
     </div>
     <div class="flexbox" style="align-content: space-evenly">
       <div class="a"/>
       <div class="b"><div class="fixedSizeChild"/></div>
       <div class="c"/>
     </div>
+
+    <!-- start -->
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- end -->
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001b.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-vert-001b.xhtml
@@ -143,10 +143,38 @@
       <div class="a"/>
       <div class="b"><div class="fixedSizeChild"/></div>
     </div>
     <div class="flexbox" style="align-content: space-evenly">
       <div class="a"/>
       <div class="b"><div class="fixedSizeChild"/></div>
       <div class="c"/>
     </div>
+
+    <!-- start -->
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- end -->
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
   </body>
 </html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001-ref.xhtml
@@ -0,0 +1,173 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <style>
+      div.flexbox {
+        width: 200px;
+        margin-bottom: 2px;
+        background: lightgray;
+        height: 20px;
+        clear: all;
+      }
+      div.a {
+        width: 10px;
+        height: 20px;
+        background: lightgreen;
+        float: left;
+      }
+      div.b {
+        width: 30px;
+        height: 20px;
+        background: pink;
+        float: left;
+      }
+      div.c {
+        width: 40px;
+        height: 20px;
+        background: orange;
+        float: left;
+      }
+
+      /* Inside of 'b': */
+      div.fixedSizeChild {
+        width: 30px;
+        height: 10px;
+        background: purple;
+      }
+    </style>
+  </head>
+  <body>
+
+    <!-- default (stretch) -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/>
+      <div class="b" style="margin-left:80px; width:110px"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox">
+      <div class="a"/>
+      <div class="b" style="margin-left: 40px; width: 70px"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- flex-start -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- flex-end -->
+    <div class="flexbox">
+      <div class="a" style="margin-left: 190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="a" style="margin-left: 160px"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox">
+      <div class="a" style="margin-left: 120px"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- center -->
+    <div class="flexbox">
+      <div class="a" style="margin-left: 95px"/>
+    </div>
+    <div class="flexbox">
+      <div class="a" style="margin-left: 80px"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox">
+      <div class="a" style="margin-left: 60px"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- space-between -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/>
+      <div class="b" style="margin-left: 160px"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox">
+      <div class="a"/>
+      <div class="b" style="margin-left: 60px"><div class="fixedSizeChild"/></div>
+      <div class="c" style="margin-left: 60px"/>
+    </div>
+
+    <!-- space-around -->
+    <div class="flexbox">
+      <div class="a" style="margin-left: 95px"/>
+    </div>
+    <div class="flexbox">
+      <div class="a" style="margin-left: 40px"/>
+      <div class="b" style="margin-left: 80px"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox">
+      <div class="a" style="margin-left: 20px"/>
+      <div class="b" style="margin-left: 40px"><div class="fixedSizeChild"/></div>
+      <div class="c" style="margin-left: 40px"/>
+    </div>
+
+    <!-- space-evenly -->
+    <div class="flexbox">
+      <div class="a" style="margin-left: 95px"/>
+    </div>
+    <div class="flexbox">
+      <div class="a" style="margin-left: calc(160px / 3)"/>
+      <div class="b" style="margin-left: calc(160px / 3)"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox">
+      <div class="a" style="margin-left: 30px"/>
+      <div class="b" style="margin-left: 30px"><div class="fixedSizeChild"/></div>
+      <div class="c" style="margin-left: 30px"/>
+    </div>
+
+    <!-- start -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+
+    <!-- end -->
+    <div class="flexbox">
+      <div class="a" style="margin-left: 190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-left: 160px"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-left: 120px"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="a"/>
+    </div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-content-wmvert-001.xhtml
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase with a series of horizontal flex containers, with 1-3 flex lines,
+     testing each possible value of the 'align-content' property. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Test: Testing 'align-content' in a vertical writing-mode flex container</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-content-property"/>
+    <link rel="match" href="flexbox-align-content-wmvert-001-ref.xhtml"/>
+    <style>
+      div.flexbox {
+        width: 200px;
+        height: 20px; /* Short, to force us to wrap */
+        display: flex;
+        flex-wrap: wrap;
+        margin-bottom: 2px;
+        background: lightgray;
+        writing-mode: vertical-lr;
+      }
+      div.a {
+        width: 10px;
+        height: 20px;
+        flex: none;
+        background: lightgreen;
+      }
+      div.b {
+        width: auto;
+        height: 20px; /* height comes from contents */
+        flex: none;
+        background: pink;
+      }
+      div.c {
+        width: 40px;
+        height: 20px;
+        flex: none;
+        background: orange;
+      }
+
+      /* Inside of 'b': */
+      div.fixedSizeChild {
+        width: 30px;
+        height: 10px;
+        background: purple;
+      }
+    </style>
+  </head>
+  <body>
+
+    <!-- default (stretch) -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- flex-start -->
+    <div class="flexbox" style="align-content: flex-start">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: flex-start">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: flex-start">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- flex-end -->
+    <div class="flexbox" style="align-content: flex-end">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: flex-end">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: flex-end">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- center -->
+    <div class="flexbox" style="align-content: center">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: center">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: center">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- space-between -->
+    <div class="flexbox" style="align-content: space-between">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: space-between">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: space-between">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- space-around -->
+    <div class="flexbox" style="align-content: space-around">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: space-around">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: space-around">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- space-evenly -->
+    <div class="flexbox" style="align-content: space-evenly">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: space-evenly">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: space-evenly">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- start -->
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: start; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+
+    <!-- end -->
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+    </div>
+    <div class="flexbox" style="align-content: end; flex-wrap: wrap-reverse">
+      <div class="a"/>
+      <div class="b"><div class="fixedSizeChild"/></div>
+      <div class="c"/>
+    </div>
+  </body>
+</html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002-ref.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002-ref.xhtml
@@ -17,17 +17,17 @@
         display: inline-block;
         font-size: 10px;
         line-height: 10px;
         vertical-align: top;
       }
 
       .flexbox > div {  float: left }
       .flex-start, .flex-end, .center, .baseline, .stretch,
-      .auto, .unspecified, .initial, .inherit {
+      .auto, .unspecified, .initial, .inherit, .self-start, .self-end {
         width: 40px;
         margin:       1px 2px 3px 4px;
         border-width: 2px 3px 4px 5px;
         padding:      3px 4px 5px 6px;
         position: relative;
         border-style: dotted;
       }
 
@@ -48,16 +48,26 @@
         background: lightblue;
       }
       .baseline {
         background: teal;
       }
       .stretch {
         background: pink;
       }
+      .self-start {
+        background: yellow;
+      }
+      .self-end {
+        background: purple;
+      }
+      .wmvertrev {
+        writing-mode: vertical-lr;
+        direction: rtl;
+      }
    </style>
   </head>
   <body>
     <div class="flexbox">
       <div class="flex-start">start</div>
       <div class="flex-start big">a b c d e f</div>
       <div class="flex-end" style="top: 172px">end</div>
       <div class="flex-end big"  style="top: 82px">a b c d e f</div>
@@ -76,10 +86,17 @@
         <div class="baseline"
              style="display: inline-block">base</div
        ><div class="baseline big"
              style="display: inline-block">abc</div>
       </div>
       <div class="stretch" style="height: 182px">stretch</div>
       <div class="stretch big">a b c d e f</div>
     </div>
+    <br/>
+    <div class="flexbox">
+      <div class="self-start">self-start</div>
+      <div class="self-start big">a b c d e f</div>
+      <div class="self-end wmvertrev">self-end</div>
+      <div class="self-end wmvertrev big">a b c d e f</div>
+    </div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002.xhtml
@@ -52,16 +52,28 @@
       .baseline {
         background: teal;
         align-self: baseline;
       }
       .stretch {
         background: pink;
         align-self: stretch;
       }
+      .self-start {
+        background: yellow;
+        align-self: self-start;
+      }
+      .self-end {
+        background: purple;
+        align-self: self-end;
+      }
+      .wmvertrev {
+        writing-mode: vertical-lr;
+        direction: rtl;
+      }
    </style>
   </head>
   <body>
     <div class="flexbox">
       <div class="flex-start">start</div>
       <div class="flex-start big">a b c d e f</div>
       <div class="flex-end">end</div>
       <div class="flex-end big">a b c d e f</div>
@@ -70,10 +82,17 @@
     </div>
     <br/>
     <div class="flexbox">
       <div class="baseline">base</div>
       <div class="baseline big">abc</div>
       <div class="stretch">stretch</div>
       <div class="stretch big">a b c d e f</div>
     </div>
+    <br/>
+    <div class="flexbox">
+      <div class="self-start">self-start</div>
+      <div class="self-start big">a b c d e f</div>
+      <div class="self-end wmvertrev">self-end</div>
+      <div class="self-end wmvertrev big">a b c d e f</div>
+    </div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-002-ref.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-002-ref.xhtml
@@ -13,17 +13,18 @@
     <style>
       .flexbox {
         border: 1px dashed blue;
         width: 200px;
         float: left;
         font-size: 10px;
       }
 
-      .flex-start, .flex-end, .center, .baseline, .stretch {
+      .flex-start, .flex-end, .center, .baseline, .stretch,
+      .self-start, .self-end {
         clear: both;
         margin:       1px 2px 3px 4px;
         border-width: 2px 3px 4px 5px;
         padding:      3px 4px 5px 6px;
         border-style: dotted;
       }
 
       div.big {
@@ -53,16 +54,26 @@
       }
       .baseline {
         background: teal;
         float: left;
       }
       .stretch {
         background: pink;
       }
+      .self-start {
+        background: yellow;
+        float: right;
+        text-align: right;
+      }
+      .self-end {
+        background: purple;
+        float: left;
+        text-align: right;
+      }
       .clearFloats { clear: both }
    </style>
   </head>
   <body>
     <div class="flexbox">
       <div class="flex-start">start</div>
       <div class="flex-start big">a b c d e f</div>
       <div class="flex-end">end</div>
@@ -81,10 +92,16 @@
       <div class="clearFloats"></div>
       <div class="stretch">stretch</div>
       <!-- Force a 3px + 1px = 4px margin between this and the previous div
            (to thwart the effects of margin-collapsing). This is the only
            place we need this hack, because everywhere else in this test
            we use floats or inline-blocks, whose margins don't collapse. -->
       <div class="stretch big" style="margin-top: 4px">a b c d e f</div>
     </div>
+    <div class="flexbox">
+      <div class="self-start">self-start</div>
+      <div class="self-start big">a b c d e f</div>
+      <div class="self-end">self-end</div>
+      <div class="self-end big">a b c d e f</div>
+    </div>
   </body>
 </html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-002.xhtml
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-002.xhtml
@@ -51,16 +51,27 @@
       .baseline {
         background: teal;
         align-self: baseline;
       }
       .stretch {
         background: pink;
         align-self: stretch;
       }
+      .self-start {
+        background: yellow;
+        align-self: self-start;
+      }
+      .self-end {
+        background: purple;
+        align-self: self-end;
+      }
+      .dirrtl {
+        direction: rtl;
+      }
    </style>
   </head>
   <body>
     <div class="flexbox">
       <div class="flex-start">start</div>
       <div class="flex-start big">a b c d e f</div>
       <div class="flex-end">end</div>
       <div class="flex-end big">a b c d e f</div>
@@ -68,10 +79,16 @@
       <div class="center big">a b c d e f</div>
     </div>
     <div class="flexbox">
       <div class="baseline">base</div>
       <div class="baseline big">abc</div>
       <div class="stretch">stretch</div>
       <div class="stretch big">a b c d e f</div>
     </div>
+    <div class="flexbox">
+      <div class="self-start dirrtl">self-start</div>
+      <div class="self-start dirrtl big">a b c d e f</div>
+      <div class="self-end dirrtl">self-end</div>
+      <div class="self-end dirrtl big">a b c d e f</div>
+    </div>
   </body>
 </html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005-ref.xhtml
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Reference case for align-items / align-self behavior, using blocks in
+     place of flex items and using float and width keywords to emulate the
+     align-items / align-self properties. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <style>
+      .flexbox {
+        border: 1px dashed blue;
+        width: 200px;
+        float: left;
+        font-size: 10px;
+        direction: rtl;
+      }
+
+      .flex-start, .flex-end, .center, .baseline, .stretch, .self-start, .self-end {
+        clear: both;
+        margin:       1px 2px 3px 4px;
+        border-width: 2px 3px 4px 5px;
+        padding:      3px 4px 5px 6px;
+        border-style: dotted;
+      }
+
+      div.big {
+        font-size: 20px;
+        width: 50px;
+      }
+
+      /* Classes for each of the various align-self values */
+      .flex-start {
+        background: lime;
+        float: right;
+      }
+      .flex-end {
+        background: orange;
+        float: left;
+      }
+      <!-- We center shrinkwrapped text by putting it into an inline-block, and
+           then wrapping that inline-block in a helper-div that has
+           "text-align:center" set. -->
+      .centerParent {
+        text-align: center;
+      }
+      .center {
+        background: lightblue;
+        display: inline-block;
+        text-align: right; /* Keep parent's centering from tweaking my text */
+      }
+      .baseline {
+        background: teal;
+        float: right;
+      }
+      .stretch {
+        background: pink;
+      }
+      .self-start {
+        background: yellow;
+        float: right;
+      }
+      .self-end {
+        background: purple;
+        float: left;
+      }
+      .clearFloats { clear: both }
+   </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="flex-start">start</div>
+      <div class="flex-start big">a b c d e f</div>
+      <div class="flex-end">end</div>
+      <div class="flex-end big">a b c d e f</div>
+      <div class="clearFloats"></div>
+      <div class="centerParent">
+        <div class="center">center</div>
+      </div>
+      <div class="centerParent">
+        <div class="center big">a b c d e f</div>
+      </div>
+    </div>
+    <div class="flexbox">
+      <div class="baseline">base</div>
+      <div class="baseline big">abc</div>
+      <div class="clearFloats"></div>
+      <div class="stretch">stretch</div>
+      <!-- Force a 3px + 1px = 4px margin between this and the previous div
+           (to thwart the effects of margin-collapsing). This is the only
+           place we need this hack, because everywhere else in this test
+           we use floats or inline-blocks, whose margins don't collapse. -->
+      <div class="stretch big" style="margin-top: 4px">a b c d e f</div>
+    </div>
+    <div class="flexbox">
+      <div class="self-start">self-start</div>
+      <div class="self-start big">a b c d e f</div>
+      <div class="self-end">self-end</div>
+      <div class="self-end big">a b c d e f</div>
+    </div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-vert-rtl-005.xhtml
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase for align-items / align-self behavior, with all the possible
+     values included on different items within a flex container, and with
+     margin/border/padding values on each item. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Test: Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items and with 'direction:rtl'</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property"/>
+    <link rel="match" href="flexbox-align-self-vert-rtl-005-ref.xhtml"/>
+    <style>
+      .flexbox {
+        border: 1px dashed blue;
+        width: 200px;
+        display: flex;
+        flex-direction: column;
+        float: left;
+        font-size: 10px;
+        direction: rtl;
+      }
+
+      .flexbox > div {
+        margin:       1px 2px 3px 4px;
+        border-width: 2px 3px 4px 5px;
+        padding:      3px 4px 5px 6px;
+
+        border-style: dotted;
+      }
+
+      div.big {
+        font-size: 20px;
+        width: 50px;
+      }
+
+      /* Classes for each of the various align-self values */
+      .flex-start {
+        background: lime;
+        align-self: flex-start;
+      }
+      .flex-end {
+        background: orange;
+        align-self: flex-end;
+      }
+      .center {
+        background: lightblue;
+        align-self: center;
+      }
+      .baseline {
+        background: teal;
+        align-self: baseline;
+      }
+      .stretch {
+        background: pink;
+        align-self: stretch;
+      }
+      .self-start {
+        background: yellow;
+        align-self: self-start;
+      }
+      .self-end {
+        background: purple;
+        align-self: self-end;
+      }
+   </style>
+  </head>
+  <body>
+    <div class="flexbox">
+      <div class="flex-start">start</div>
+      <div class="flex-start big">a b c d e f</div>
+      <div class="flex-end">end</div>
+      <div class="flex-end big">a b c d e f</div>
+      <div class="center">center</div>
+      <div class="center big">a b c d e f</div>
+    </div>
+    <div class="flexbox">
+      <div class="baseline">base</div>
+      <div class="baseline big">abc</div>
+      <div class="stretch">stretch</div>
+      <div class="stretch big">a b c d e f</div>
+    </div>
+    <div class="flexbox">
+      <div class="self-start dirrtl">self-start</div>
+      <div class="self-start dirrtl big">a b c d e f</div>
+      <div class="self-end dirrtl">self-end</div>
+      <div class="self-end dirrtl big nowidth">a b c d e f</div>
+    </div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006-ref.xhtml
@@ -0,0 +1,192 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <style>
+      body { line-height: 0; }
+
+      div.flexbox {
+        width: 200px;
+        margin-bottom: 2px;
+        direction: rtl;
+      }
+      div.flexbox > * {
+        display: inline-block;
+      }
+      div.a {
+        height: 20px;
+        width: 10px;
+        background: lightgreen;
+      }
+      div.b {
+        height: 20px;
+        width: 50px;
+        background: pink;
+      }
+      div.c {
+        height: 20px;
+        width: 100px;
+        background: orange;
+      }
+      .centerParent {
+        text-align: center;
+      }
+      .center {
+        display: inline-block;
+      }
+    </style>
+  </head>
+  <body>
+
+    <!-- default (start) -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"></div>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- flex-start -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- flex-end -->
+    <div class="flexbox" style="text-align: left">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="text-align: left;">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="text-align: left;">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- center -->
+    <div class="centerParent">
+      <div class="flexbox">
+        <div class="a"/>
+      </div>
+    </div>
+    <div class="centerParent">
+      <div class="flexbox">
+        <div class="a"/><div class="b"/>
+      </div>
+    </div>
+    <div class="centerParent">
+      <div class="flexbox">
+        <div class="a"/><div class="b"/><div class="c"/>
+      </div>
+    </div>
+
+    <!-- space-between -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b" style="float: left"/>
+    </div>
+    <div class="flexbox">
+      <div class="a" style="display:block; float: right"/>
+      <div class="c" style="float:left"/>
+      <!-- Use fixed-size margins to subtract space for "a" and "c", and then
+           use auto margins to center 'b' within the remaining space -->
+      <div style="display: block; margin-right: 10px; margin-left: 100px">
+        <div class="b" style="margin: auto"/>
+      </div>
+    </div>
+
+    <!-- space-around -->
+    <!-- Center "a" here just as we did above in the "center" case. -->
+    <div class="centerParent">
+      <div class="flexbox">
+        <div class="a"/>
+      </div>
+    </div>
+    <!-- For the rest, we'll use a flex container with invisible flexible items
+         instead of packing space. That's simpler than trying to hack up
+         a width-independent reference case for "justify-content: space-around".
+         (There are other reftests to ensure that basic flex container
+         behavior is correct, so it's safe to rely on it here.) -->
+    <div class="flexbox" style="display: flex">
+      <div style="flex: 0.5"/>
+      <div class="a"/>
+      <div style="flex: 1"/>
+      <div class="b"/>
+      <div style="flex: 0.5"/>
+    </div>
+    <div class="flexbox" style="display: flex">
+      <div style="flex: 0.5"/>
+      <div class="a"/>
+      <div style="flex: 1"/>
+      <div class="b"/>
+      <div style="flex: 1"/>
+      <div class="c"/>
+      <div style="flex: 0.5"/>
+    </div>
+
+    <!-- space-evenly -->
+    <!-- Center "a" here just as we did above in the "center" case. -->
+    <div class="centerParent">
+      <div class="flexbox">
+        <div class="a"/>
+      </div>
+    </div>
+    <!-- As above with space-around, we'll use a flex container with invisible
+         flexible items instead of packing space. -->
+    <div class="flexbox" style="display: flex">
+      <div style="flex: 1"/>
+      <div class="a"/>
+      <div style="flex: 1"/>
+      <div class="b"/>
+      <div style="flex: 1"/>
+    </div>
+    <div class="flexbox" style="display: flex">
+      <div style="flex: 1"/>
+      <div class="a"/>
+      <div style="flex: 1"/>
+      <div class="b"/>
+      <div style="flex: 1"/>
+      <div class="c"/>
+      <div style="flex: 1"/>
+    </div>
+
+
+    <!-- left -->
+    <div class="flexbox" style="text-align:left">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="text-align:left">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="text-align:left">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- right -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-006.xhtml
@@ -0,0 +1,140 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase to exercise each possible value of the 'justify-content'
+     property, in an auto-sized horizontal flex container. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Test: Testing 'justify-content' in an auto-sized reversed horizontal flex container</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/>
+    <link rel="match" href="flexbox-justify-content-horiz-006-ref.xhtml"/>
+    <style>
+      div.flexbox {
+        display: flex;
+        flex-direction: row-reverse;
+        width: 200px;
+        margin-bottom: 2px;
+      }
+      div.a {
+        height: 20px;
+        flex: 0 10px;
+        background: lightgreen;
+      }
+      div.b {
+        height: 20px;
+        flex: 0 50px;
+        background: pink;
+      }
+      div.c {
+        height: 20px;
+        flex: 0 100px;
+        background: orange;
+      }
+    </style>
+  </head>
+  <body>
+
+    <!-- default (start) -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"></div>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- flex-start -->
+    <div class="flexbox" style="justify-content: flex-start">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-start">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-start">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- flex-end -->
+    <div class="flexbox" style="justify-content: flex-end">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-end">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-end">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- center -->
+    <div class="flexbox" style="justify-content: center">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: center">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: center">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- space-between -->
+    <div class="flexbox" style="justify-content: space-between">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-between">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-between">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- space-around -->
+    <div class="flexbox" style="justify-content: space-around">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-around">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-around">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- space-evenly -->
+    <div class="flexbox" style="justify-content: space-evenly">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-evenly">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-evenly">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+
+    <!-- left -->
+    <div class="flexbox" style="justify-content: left">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: left">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: left">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- right -->
+    <div class="flexbox" style="justify-content: right">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: right">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: right">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006-ref.xhtml
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <style>
+      div.flexbox {
+        height: 200px;
+        margin-right: 2px;
+        float: left;
+      }
+      div.a {
+        width: 20px;
+        height: 10px;
+        background: lightgreen;
+      }
+      div.b {
+        width: 20px;
+        height: 50px;
+        background: pink;
+      }
+      div.c {
+        width: 20px;
+        height: 100px;
+        background: orange;
+      }
+    </style>
+  </head>
+  <body>
+
+    <!-- default (start) -->
+    <div class="flexbox">
+      <div class="a" style="margin-top:190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top:140px"/><div class="a"></div>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top:40px"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- flex-start -->
+    <div class="flexbox">
+      <div class="a" style="margin-top:190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top:140px"/><div class="a"></div>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top:40px"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- flex-end -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"/><div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- center -->
+    <div class="flexbox">
+      <div class="a" style="margin-top: 95px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top: 70px"/><div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top: 20px"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- space-between -->
+    <div class="flexbox">
+      <div class="a" style="margin-top:190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"/><div class="a" style="margin-top: 140px"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"
+           /><div class="b" style="margin-top: 20px"
+           /><div class="a" style="margin-top: 20px"/>
+    </div>
+
+    <!-- space-around -->
+    <div class="flexbox">
+      <div class="a" style="margin-top: 95px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top: 35px"
+           /><div class="a" style="margin-top: 70px"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top: calc(40px / 6)"
+           /><div class="b" style="margin-top: calc(40px / 3)"
+           /><div class="a" style="margin-top: calc(40px / 3)"/>
+    </div>
+
+    <!-- space-evenly -->
+    <div class="flexbox">
+      <div class="a" style="margin-top: 95px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top: calc(140px / 3)"
+           /><div class="a" style="margin-top: calc(140px / 3)"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top: 10px"
+           /><div class="b" style="margin-top: 10px"
+           /><div class="a" style="margin-top: 10px"/>
+    </div>
+
+    <!-- left -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"/><div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- right -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"/><div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"/><div class="b"/><div class="a"/>
+    </div>
+
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-006.xhtml
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase with a series of vertical flex containers, testing each
+     possible value of the 'justify-content' property. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Test: Testing 'justify-content' in a vertical flex container</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/>
+    <link rel="match" href="flexbox-justify-content-vert-006-ref.xhtml"/>
+    <style>
+      div.flexbox {
+        height: 200px;
+        display: flex;
+        flex-direction: column-reverse;
+        margin-right: 2px;
+        float: left;
+      }
+      div.a {
+        width: 20px;
+        flex: 0 10px;
+        background: lightgreen;
+      }
+      div.b {
+        width: 20px;
+        flex: 0 50px;
+        background: pink;
+      }
+      div.c {
+        width: 20px;
+        flex: 0 100px;
+        background: orange;
+      }
+    </style>
+  </head>
+  <body>
+
+    <!-- default (start) -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"></div>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- flex-start -->
+    <div class="flexbox" style="justify-content: flex-start">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-start">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-start">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- flex-end -->
+    <div class="flexbox" style="justify-content: flex-end">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-end">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-end">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- center -->
+    <div class="flexbox" style="justify-content: center">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: center">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: center">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- space-between -->
+    <div class="flexbox" style="justify-content: space-between">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-between">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-between">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- space-around -->
+    <div class="flexbox" style="justify-content: space-around">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-around">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-around">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- space-evenly -->
+    <div class="flexbox" style="justify-content: space-evenly">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-evenly">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-evenly">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- left -->
+    <div class="flexbox" style="justify-content: left">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: left">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: left">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- right -->
+    <div class="flexbox" style="justify-content: right">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: right">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: right">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001-ref.xhtml
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <style>
+      div.flexbox {
+        height: 200px;
+        margin-right: 2px;
+        float: left;
+      }
+      div.a {
+        width: 20px;
+        height: 10px;
+        background: lightgreen;
+      }
+      div.b {
+        width: 20px;
+        height: 50px;
+        background: pink;
+      }
+      div.c {
+        width: 20px;
+        height: 100px;
+        background: orange;
+      }
+    </style>
+  </head>
+  <body>
+
+    <!-- default (start) -->
+    <div class="flexbox">
+      <div class="a" style="margin-top:190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top:140px"/><div class="a"></div>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top:40px"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- flex-start -->
+    <div class="flexbox">
+      <div class="a" style="margin-top:190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top:140px"/><div class="a"></div>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top:40px"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- flex-end -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"/><div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- center -->
+    <div class="flexbox">
+      <div class="a" style="margin-top: 95px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top: 70px"/><div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top: 20px"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- space-between -->
+    <div class="flexbox">
+      <div class="a" style="margin-top:190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"/><div class="a" style="margin-top: 140px"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"
+           /><div class="b" style="margin-top: 20px"
+           /><div class="a" style="margin-top: 20px"/>
+    </div>
+
+    <!-- space-around -->
+    <div class="flexbox">
+      <div class="a" style="margin-top: 95px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top: 35px"
+           /><div class="a" style="margin-top: 70px"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top: calc(40px / 6)"
+           /><div class="b" style="margin-top: calc(40px / 3)"
+           /><div class="a" style="margin-top: calc(40px / 3)"/>
+    </div>
+
+    <!-- space-evenly -->
+    <div class="flexbox">
+      <div class="a" style="margin-top: 95px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top: calc(140px / 3)"
+           /><div class="a" style="margin-top: calc(140px / 3)"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top: 10px"
+           /><div class="b" style="margin-top: 10px"
+           /><div class="a" style="margin-top: 10px"/>
+    </div>
+
+    <!-- left -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="b"/><div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c"/><div class="b"/><div class="a"/>
+    </div>
+
+    <!-- right -->
+    <div class="flexbox">
+      <div class="a" style="margin-top: 190px"/>
+    </div>
+    <div class="flexbox">
+      <div class="b" style="margin-top: 140px"/><div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="c" style="margin-top: 40px"/><div class="b"/><div class="a"/>
+    </div>
+
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-wmvert-001.xhtml
@@ -0,0 +1,142 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!-- Testcase with a series of vertical flex containers, testing each
+     possible value of the 'justify-content' property. -->
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>CSS Test: Testing 'justify-content' in a vertical writing mode flex container</title>
+    <link rel="author" title="Mihir Iyer" href="mailto:miyer@mozilla.com"/>
+    <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property"/>
+    <link rel="match" href="flexbox-justify-content-wmvert-001-ref.xhtml"/>
+    <style>
+      div.flexbox {
+        height: 200px;
+        display: flex;
+        flex-direction: row-reverse;
+        margin-right: 2px;
+        float: left;
+        writing-mode: vertical-lr;
+      }
+      div.a {
+        width: 20px;
+        flex: 0 10px;
+        background: lightgreen;
+      }
+      div.b {
+        width: 20px;
+        flex: 0 50px;
+        background: pink;
+      }
+      div.c {
+        width: 20px;
+        flex: 0 100px;
+        background: orange;
+      }
+    </style>
+  </head>
+  <body>
+
+    <!-- default (start) -->
+    <div class="flexbox">
+      <div class="a"/>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"></div>
+    </div>
+    <div class="flexbox">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- flex-start -->
+    <div class="flexbox" style="justify-content: flex-start">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-start">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-start">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- flex-end -->
+    <div class="flexbox" style="justify-content: flex-end">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-end">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: flex-end">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- center -->
+    <div class="flexbox" style="justify-content: center">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: center">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: center">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- space-between -->
+    <div class="flexbox" style="justify-content: space-between">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-between">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-between">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- space-around -->
+    <div class="flexbox" style="justify-content: space-around">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-around">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-around">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- space-evenly -->
+    <div class="flexbox" style="justify-content: space-evenly">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-evenly">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: space-evenly">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- left -->
+    <div class="flexbox" style="justify-content: left">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: left">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: left">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+    <!-- right -->
+    <div class="flexbox" style="justify-content: right">
+      <div class="a"/>
+    </div>
+    <div class="flexbox" style="justify-content: right">
+      <div class="a"/><div class="b"/>
+    </div>
+    <div class="flexbox" style="justify-content: right">
+      <div class="a"/><div class="b"/><div class="c"/>
+    </div>
+
+  </body>
+</html>
--- a/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/reftest.list
+++ b/testing/web-platform/tests/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/reftest.list
@@ -6,16 +6,17 @@
 # Tests for handling anonymous flex items
 == flexbox-anonymous-items-001.html flexbox-anonymous-items-001-ref.html
 
 # Tests for alignment of flex lines (align-content property)
 == flexbox-align-content-horiz-001a.xhtml flexbox-align-content-horiz-001-ref.xhtml
 == flexbox-align-content-horiz-001b.xhtml flexbox-align-content-horiz-001-ref.xhtml
 == flexbox-align-content-vert-001a.xhtml  flexbox-align-content-vert-001-ref.xhtml
 == flexbox-align-content-vert-001b.xhtml  flexbox-align-content-vert-001-ref.xhtml
+== flexbox-align-content-wmvert-001.xhtml  flexbox-align-content-wmvert-001-ref.xhtml
 
 # Tests for cross-axis alignment (align-self / align-items properties)
 == flexbox-align-self-baseline-horiz-001a.xhtml flexbox-align-self-baseline-horiz-001-ref.xhtml
 == flexbox-align-self-baseline-horiz-001b.xhtml flexbox-align-self-baseline-horiz-001-ref.xhtml
 == flexbox-align-self-baseline-horiz-002.xhtml flexbox-align-self-baseline-horiz-002-ref.xhtml
 == flexbox-align-self-baseline-horiz-003.xhtml flexbox-align-self-baseline-horiz-003-ref.xhtml
 == flexbox-align-self-baseline-horiz-004.xhtml flexbox-align-self-baseline-horiz-004-ref.xhtml
 == flexbox-align-self-baseline-horiz-005.xhtml flexbox-align-self-baseline-horiz-005-ref.xhtml
@@ -34,16 +35,17 @@
 == flexbox-align-self-vert-001.xhtml  flexbox-align-self-vert-001-ref.xhtml
 == flexbox-align-self-vert-002.xhtml  flexbox-align-self-vert-002-ref.xhtml
 == flexbox-align-self-vert-003.xhtml  flexbox-align-self-vert-003-ref.xhtml
 == flexbox-align-self-vert-004.xhtml  flexbox-align-self-vert-004-ref.xhtml
 == flexbox-align-self-vert-rtl-001.xhtml  flexbox-align-self-vert-rtl-001-ref.xhtml
 == flexbox-align-self-vert-rtl-002.xhtml  flexbox-align-self-vert-rtl-002-ref.xhtml
 == flexbox-align-self-vert-rtl-003.xhtml  flexbox-align-self-vert-rtl-003-ref.xhtml
 == flexbox-align-self-vert-rtl-004.xhtml  flexbox-align-self-vert-rtl-004-ref.xhtml
+== flexbox-align-self-vert-rtl-005.xhtml  flexbox-align-self-vert-rtl-005-ref.xhtml
 
 == flexbox-align-items-center-nested-001.html flexbox-align-items-center-nested-001-ref.html
 
 # Tests for computing the baseline of a flex container
 == flexbox-baseline-align-self-baseline-horiz-001.html flexbox-baseline-align-self-baseline-horiz-001-ref.html
 == flexbox-baseline-align-self-baseline-vert-001.html flexbox-baseline-align-self-baseline-vert-001-ref.html
 == flexbox-baseline-empty-001a.html flexbox-baseline-empty-001-ref.html
 == flexbox-baseline-empty-001b.html flexbox-baseline-empty-001-ref.html
@@ -153,22 +155,25 @@
 
 # Tests for main-axis alignment (jusify-content property)
 == flexbox-justify-content-horiz-001a.xhtml flexbox-justify-content-horiz-001-ref.xhtml
 == flexbox-justify-content-horiz-001b.xhtml flexbox-justify-content-horiz-001-ref.xhtml
 == flexbox-justify-content-horiz-002.xhtml flexbox-justify-content-horiz-002-ref.xhtml
 == flexbox-justify-content-horiz-003.xhtml flexbox-justify-content-horiz-003-ref.xhtml
 == flexbox-justify-content-horiz-004.xhtml flexbox-justify-content-horiz-004-ref.xhtml
 == flexbox-justify-content-horiz-005.xhtml flexbox-justify-content-horiz-005-ref.xhtml
+== flexbox-justify-content-horiz-006.xhtml flexbox-justify-content-horiz-006-ref.xhtml
 == flexbox-justify-content-vert-001a.xhtml flexbox-justify-content-vert-001-ref.xhtml
 == flexbox-justify-content-vert-001b.xhtml flexbox-justify-content-vert-001-ref.xhtml
 == flexbox-justify-content-vert-002.xhtml flexbox-justify-content-vert-002-ref.xhtml
 == flexbox-justify-content-vert-003.xhtml flexbox-justify-content-vert-003-ref.xhtml
 == flexbox-justify-content-vert-004.xhtml flexbox-justify-content-vert-004-ref.xhtml
 == flexbox-justify-content-vert-005.xhtml flexbox-justify-content-vert-005-ref.xhtml
+== flexbox-justify-content-vert-006.xhtml flexbox-justify-content-vert-006-ref.xhtml
+== flexbox-justify-content-wmvert-001.xhtml flexbox-justify-content-wmvert-001-ref.xhtml
 
 # Tests for flexbox with margin, border, and/or padding on flex items
 == flexbox-margin-auto-horiz-001.xhtml     flexbox-margin-auto-horiz-001-ref.xhtml
 == flexbox-margin-auto-horiz-002.xhtml     flexbox-margin-auto-horiz-002-ref.xhtml
 == flexbox-mbp-horiz-001.xhtml             flexbox-mbp-horiz-001-ref.xhtml
 == flexbox-mbp-horiz-001-reverse.xhtml     flexbox-mbp-horiz-001-reverse-ref.xhtml
 == flexbox-mbp-horiz-001-rtl.xhtml         flexbox-mbp-horiz-001-reverse-ref.xhtml
 == flexbox-mbp-horiz-001-rtl-reverse.xhtml flexbox-mbp-horiz-001-ref.xhtml