summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-flexbox/support
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
commit43a97878ce14b72f0981164f87f2e35e14151312 (patch)
tree620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/css-flexbox/support
parentInitial commit. (diff)
downloadfirefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz
firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-flexbox/support')
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/100x100-blue.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/100x100-green.pngbin0 -> 91 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/10x10-green.pngbin0 -> 74 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/1x1-green.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/1x1-lime.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/1x1-maroon.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/1x1-navy.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/1x1-red.pngbin0 -> 135 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/1x1-white.pngbin0 -> 109 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/200x200-green.pngbin0 -> 275 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/20x50-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/300x150-green.pngbin0 -> 1187 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/40x20-green.pngbin0 -> 171 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/60x60-gg-rr.pngbin0 -> 224 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/60x60-green.pngbin0 -> 218 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/README28
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/a-green.css1
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/b-green.css1
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/c-red.css1
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/cat.pngbin0 -> 1883 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/flexbox.css143
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/import-green.css1
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/import-red.css1
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/large-green-rectangle.svg4
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/pattern-grg-rgr-grg.pngbin0 -> 222 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/pattern-grg-rrg-rgg.pngbin0 -> 231 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/pattern-rgr-grg-rgr.pngbin0 -> 223 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/pattern-tr.pngbin0 -> 137 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/ruler-h-50px.pngbin0 -> 671 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/ruler-v-100px.pngbin0 -> 760 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/ruler-v-50px.pngbin0 -> 757 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/scrollbars.js45
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/solidblue.pngbin0 -> 1734 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/square-purple.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/square-teal.pngbin0 -> 92 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/square-white.pngbin0 -> 78 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/support/README4
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/swatch-blue.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/swatch-green.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/swatch-lime.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/swatch-orange.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/swatch-red.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/swatch-teal.pngbin0 -> 156 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/swatch-white.pngbin0 -> 85 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/swatch-yellow.pngbin0 -> 84 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/test-bl.pngbin0 -> 1368 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/test-br.pngbin0 -> 1045 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/test-inner-half-size.pngbin0 -> 180 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/test-outer.pngbin0 -> 2412 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/test-style.css18
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/test-tl.pngbin0 -> 1025 bytes
-rw-r--r--testing/web-platform/tests/css/css-flexbox/support/test-tr.pngbin0 -> 1235 bytes
54 files changed, 247 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-flexbox/support/100x100-blue.png b/testing/web-platform/tests/css/css-flexbox/support/100x100-blue.png
new file mode 100644
index 0000000000..f578ae7253
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/100x100-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/100x100-green.png b/testing/web-platform/tests/css/css-flexbox/support/100x100-green.png
new file mode 100644
index 0000000000..25b76c3c6f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/100x100-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/10x10-green.png b/testing/web-platform/tests/css/css-flexbox/support/10x10-green.png
new file mode 100644
index 0000000000..8c39b0d02d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/10x10-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/1x1-green.png b/testing/web-platform/tests/css/css-flexbox/support/1x1-green.png
new file mode 100644
index 0000000000..b98ca0ba0a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/1x1-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/1x1-lime.png b/testing/web-platform/tests/css/css-flexbox/support/1x1-lime.png
new file mode 100644
index 0000000000..cb397fb090
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/1x1-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/1x1-maroon.png b/testing/web-platform/tests/css/css-flexbox/support/1x1-maroon.png
new file mode 100644
index 0000000000..3f86b07219
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/1x1-maroon.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/1x1-navy.png b/testing/web-platform/tests/css/css-flexbox/support/1x1-navy.png
new file mode 100644
index 0000000000..9b9a03955b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/1x1-navy.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/1x1-red.png b/testing/web-platform/tests/css/css-flexbox/support/1x1-red.png
new file mode 100644
index 0000000000..6bd73ac101
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/1x1-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/1x1-white.png b/testing/web-platform/tests/css/css-flexbox/support/1x1-white.png
new file mode 100644
index 0000000000..dd43faec54
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/1x1-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/200x200-green.png b/testing/web-platform/tests/css/css-flexbox/support/200x200-green.png
new file mode 100644
index 0000000000..1dcc392a6e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/200x200-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/20x50-green.png b/testing/web-platform/tests/css/css-flexbox/support/20x50-green.png
new file mode 100644
index 0000000000..f7f6e67fee
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/20x50-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/300x150-green.png b/testing/web-platform/tests/css/css-flexbox/support/300x150-green.png
new file mode 100644
index 0000000000..57ece824a4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/300x150-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/40x20-green.png b/testing/web-platform/tests/css/css-flexbox/support/40x20-green.png
new file mode 100644
index 0000000000..c372de1dbd
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/40x20-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/60x60-gg-rr.png b/testing/web-platform/tests/css/css-flexbox/support/60x60-gg-rr.png
new file mode 100644
index 0000000000..84f5b2a4f1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/60x60-gg-rr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/60x60-green.png b/testing/web-platform/tests/css/css-flexbox/support/60x60-green.png
new file mode 100644
index 0000000000..b3c8cf3eb4
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/60x60-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/README b/testing/web-platform/tests/css/css-flexbox/support/README
new file mode 100644
index 0000000000..2e5f2ad073
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/README
@@ -0,0 +1,28 @@
+CSS Global Support Directory
+============================
+
+This directory contains common support files (such as images and external
+style sheets). These are sync'ed into the support directories of all our
+test suites. If you have test-suite-specific support files, please add
+them to the appropriate test-suite-specific support/ directory.
+
+If you add to a support/ directory, please run the tools/supportprop.py
+script from the top of the repository to cascade support files into the
+lower-level support directories.
+
+Description of the Common Support File Collection
+-------------------------------------------------
+
+The 1x1-* images are all exactly one pixel.
+
+The swatch-* images all use 15x15 cells.
+
+The square-* images all use 15x15 cells with one pixel borders.
+
+The pattern-* images use cells of various sizes:
+
+ pattern-grg-rgr-grg.png 20x20
+ pattern-rgr-grg-rgr.png 20x20
+ pattern-tr.png 15x15
+ pattern-grg-rrg-rgg.png 15x15
+
diff --git a/testing/web-platform/tests/css/css-flexbox/support/a-green.css b/testing/web-platform/tests/css/css-flexbox/support/a-green.css
new file mode 100644
index 0000000000..b0dbb071d5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/a-green.css
@@ -0,0 +1 @@
+.a { color: green; }
diff --git a/testing/web-platform/tests/css/css-flexbox/support/b-green.css b/testing/web-platform/tests/css/css-flexbox/support/b-green.css
new file mode 100644
index 0000000000..a0473f5ca2
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/b-green.css
@@ -0,0 +1 @@
+.b { color: green; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-flexbox/support/c-red.css b/testing/web-platform/tests/css/css-flexbox/support/c-red.css
new file mode 100644
index 0000000000..d4ba5c64e9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/c-red.css
@@ -0,0 +1 @@
+.c { color: red; } \ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-flexbox/support/cat.png b/testing/web-platform/tests/css/css-flexbox/support/cat.png
new file mode 100644
index 0000000000..85dd732481
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/cat.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/flexbox.css b/testing/web-platform/tests/css/css-flexbox/support/flexbox.css
new file mode 100644
index 0000000000..83502cd144
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/flexbox.css
@@ -0,0 +1,143 @@
+.flexbox {
+ display: -webkit-flex;
+ display: flex;
+}
+.inline-flexbox {
+ display: -webkit-inline-flex;
+ display: inline-flex;
+}
+
+.flex-none {
+ -webkit-flex: none;
+ flex: none;
+}
+.flex-auto {
+ -webkit-flex: auto;
+ flex: auto;
+}
+.flex-one {
+ -webkit-flex: 1;
+ flex: 1;
+}
+.flex-one-one-auto {
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+}
+
+.row {
+ -webkit-flex-direction: row;
+ flex-direction: row;
+}
+.row-reverse {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+}
+.column {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+}
+.column-reverse {
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+}
+
+.wrap {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+.wrap-reverse {
+ -webkit-flex-wrap: wrap-reverse;
+ flex-wrap: wrap-reverse;
+}
+
+.align-content-flex-start {
+ -webkit-align-content: flex-start;
+ align-content: flex-start;
+}
+.align-content-flex-end {
+ -webkit-align-content: flex-end;
+ align-content: flex-end;
+}
+.align-content-center {
+ -webkit-align-content: center;
+ align-content: center;
+}
+.align-content-space-between {
+ -webkit-align-content: space-between;
+ align-content: space-between;
+}
+.align-content-space-around {
+ -webkit-align-content: space-around;
+ align-content: space-around;
+}
+.align-content-stretch {
+ -webkit-align-content: stretch;
+ align-content: stretch;
+}
+
+.align-items-flex-start {
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+}
+.align-items-flex-end {
+ -webkit-align-items: flex-end;
+ align-items: flex-end;
+}
+.align-items-center {
+ -webkit-align-items: center;
+ align-items: center;
+}
+.align-items-baseline {
+ -webkit-align-items: baseline;
+ align-items: baseline;
+}
+.align-items-stretch {
+ -webkit-align-items: stretch;
+ align-items: stretch;
+}
+
+.align-self-auto {
+ -webkit-align-self: auto;
+ align-self: auto;
+}
+.align-self-flex-start {
+ -webkit-align-self: flex-start;
+ align-self: flex-start;
+}
+.align-self-flex-end {
+ -webkit-align-self: flex-end;
+ align-self: flex-end;
+}
+.align-self-center {
+ -webkit-align-self: center;
+ align-self: center;
+}
+.align-self-baseline {
+ -webkit-align-self: baseline;
+ align-self: baseline;
+}
+.align-self-stretch {
+ -webkit-align-self: stretch;
+ align-self: stretch;
+}
+
+.justify-content-flex-start {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+}
+.justify-content-flex-end {
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+}
+.justify-content-center {
+ -webkit-justify-content: center;
+ justify-content: center;
+}
+.justify-content-space-between {
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+}
+.justify-content-space-around {
+ -webkit-justify-content: space-around;
+ justify-content: space-around;
+}
diff --git a/testing/web-platform/tests/css/css-flexbox/support/import-green.css b/testing/web-platform/tests/css/css-flexbox/support/import-green.css
new file mode 100644
index 0000000000..537104e663
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/import-green.css
@@ -0,0 +1 @@
+.import { color: green; }
diff --git a/testing/web-platform/tests/css/css-flexbox/support/import-red.css b/testing/web-platform/tests/css/css-flexbox/support/import-red.css
new file mode 100644
index 0000000000..9945ef4711
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/import-red.css
@@ -0,0 +1 @@
+.import { color: red; }
diff --git a/testing/web-platform/tests/css/css-flexbox/support/large-green-rectangle.svg b/testing/web-platform/tests/css/css-flexbox/support/large-green-rectangle.svg
new file mode 100644
index 0000000000..228bb275c5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/large-green-rectangle.svg
@@ -0,0 +1,4 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 7500 3750" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <rect id="Background" x="0" y="0" width="7500" height="3750" style="fill:green;"/>
+</svg>
diff --git a/testing/web-platform/tests/css/css-flexbox/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/css-flexbox/support/pattern-grg-rgr-grg.png
new file mode 100644
index 0000000000..9b88fbd811
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/pattern-grg-rgr-grg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/css-flexbox/support/pattern-grg-rrg-rgg.png
new file mode 100644
index 0000000000..fcf4f3fd7d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/pattern-grg-rrg-rgg.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/css-flexbox/support/pattern-rgr-grg-rgr.png
new file mode 100644
index 0000000000..d454e3a630
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/pattern-rgr-grg-rgr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/pattern-tr.png b/testing/web-platform/tests/css/css-flexbox/support/pattern-tr.png
new file mode 100644
index 0000000000..8b4b25364e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/pattern-tr.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/ruler-h-50px.png b/testing/web-platform/tests/css/css-flexbox/support/ruler-h-50px.png
new file mode 100644
index 0000000000..9f46583665
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/ruler-h-50px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/ruler-v-100px.png b/testing/web-platform/tests/css/css-flexbox/support/ruler-v-100px.png
new file mode 100644
index 0000000000..a837eca222
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/ruler-v-100px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/ruler-v-50px.png b/testing/web-platform/tests/css/css-flexbox/support/ruler-v-50px.png
new file mode 100644
index 0000000000..8414102802
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/ruler-v-50px.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/scrollbars.js b/testing/web-platform/tests/css/css-flexbox/support/scrollbars.js
new file mode 100644
index 0000000000..5b61b499c0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/scrollbars.js
@@ -0,0 +1,45 @@
+var flexDirections = ["row", "row-reverse", "column", "column-reverse"];
+var textDirections = ["ltr", "rtl"];
+var writingModes = ["horizontal", "flipped-blocks", "flipped-lines"];
+
+var createLeafNode = (i) => {
+ var flexItem = document.createElement("div");
+ flexItem.className = "leaf" + i;
+ var contentItem = document.createElement("div");
+ contentItem.innerHTML = i;
+ flexItem.appendChild(contentItem);
+ return flexItem;
+}
+
+var createContentNode = (flexDirection, textDirection, writingMode) => {
+ var flexNode = document.createElement("div");
+ flexNode.className = "flex " + flexDirection;
+ flexNode.title = "flex-direction: " + flexDirection + "; direction: " + textDirection + "; writing-mode: " + writingMode;
+ for (var i = 1; i < 4; i++)
+ flexNode.appendChild(createLeafNode(i));
+ var marginShim = document.createElement("div");
+ return flexNode;
+}
+
+var createContainerNode = (flexDirection, textDirection, writingMode) => {
+ var containerNode = document.createElement("div");
+ containerNode.className = "container " + textDirection + " " + writingMode;
+ containerNode.appendChild(createContentNode(flexDirection, textDirection, writingMode));
+ return containerNode;
+}
+
+var createContainerRow = (flexDirection) => {
+ var containerRow = document.createElement("div");
+ containerRow.className = "container-row";
+ var rowLabel = document.createElement("div");
+ rowLabel.className = "vertical-header horizontal " + flexDirection;
+ rowLabel.innerHTML = flexDirection;
+ containerRow.appendChild(rowLabel);
+ textDirections.forEach((textDirection) => {
+ writingModes.forEach((writingMode) => {
+ var containerNode = createContainerNode(flexDirection, textDirection, writingMode);
+ containerRow.appendChild(containerNode);
+ });
+ });
+ return containerRow;
+}
diff --git a/testing/web-platform/tests/css/css-flexbox/support/solidblue.png b/testing/web-platform/tests/css/css-flexbox/support/solidblue.png
new file mode 100644
index 0000000000..8584a701a8
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/solidblue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/square-purple.png b/testing/web-platform/tests/css/css-flexbox/support/square-purple.png
new file mode 100644
index 0000000000..0f522d7872
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/square-purple.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/square-teal.png b/testing/web-platform/tests/css/css-flexbox/support/square-teal.png
new file mode 100644
index 0000000000..e567f51b91
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/square-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/square-white.png b/testing/web-platform/tests/css/css-flexbox/support/square-white.png
new file mode 100644
index 0000000000..5853cbb238
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/square-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/support/README b/testing/web-platform/tests/css/css-flexbox/support/support/README
new file mode 100644
index 0000000000..ea8cb9ef35
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/support/README
@@ -0,0 +1,4 @@
+The swatch-green.png file in this directory is really a RED swatch,
+and the swatch-red.png file is really a green swatch.
+
+This directory is used to test relative URIs. \ No newline at end of file
diff --git a/testing/web-platform/tests/css/css-flexbox/support/support/swatch-green.png b/testing/web-platform/tests/css/css-flexbox/support/support/swatch-green.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/support/swatch-red.png b/testing/web-platform/tests/css/css-flexbox/support/support/swatch-red.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/swatch-blue.png b/testing/web-platform/tests/css/css-flexbox/support/swatch-blue.png
new file mode 100644
index 0000000000..bf2759634d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/swatch-blue.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/swatch-green.png b/testing/web-platform/tests/css/css-flexbox/support/swatch-green.png
new file mode 100644
index 0000000000..0aa79b0c86
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/swatch-green.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/swatch-lime.png b/testing/web-platform/tests/css/css-flexbox/support/swatch-lime.png
new file mode 100644
index 0000000000..55fd7fdaed
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/swatch-lime.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/swatch-orange.png b/testing/web-platform/tests/css/css-flexbox/support/swatch-orange.png
new file mode 100644
index 0000000000..d3cd498b52
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/swatch-orange.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/swatch-red.png b/testing/web-platform/tests/css/css-flexbox/support/swatch-red.png
new file mode 100644
index 0000000000..1caf25c992
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/swatch-red.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/swatch-teal.png b/testing/web-platform/tests/css/css-flexbox/support/swatch-teal.png
new file mode 100644
index 0000000000..0293ce89de
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/swatch-teal.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/swatch-white.png b/testing/web-platform/tests/css/css-flexbox/support/swatch-white.png
new file mode 100644
index 0000000000..1a7d4323d7
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/swatch-white.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/swatch-yellow.png b/testing/web-platform/tests/css/css-flexbox/support/swatch-yellow.png
new file mode 100644
index 0000000000..1591aa0e2e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/swatch-yellow.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/test-bl.png b/testing/web-platform/tests/css/css-flexbox/support/test-bl.png
new file mode 100644
index 0000000000..904e24e996
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/test-bl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/test-br.png b/testing/web-platform/tests/css/css-flexbox/support/test-br.png
new file mode 100644
index 0000000000..f413ff5c1a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/test-br.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/test-inner-half-size.png b/testing/web-platform/tests/css/css-flexbox/support/test-inner-half-size.png
new file mode 100644
index 0000000000..e473bf80ef
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/test-inner-half-size.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/test-outer.png b/testing/web-platform/tests/css/css-flexbox/support/test-outer.png
new file mode 100644
index 0000000000..82eeace7fc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/test-outer.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/test-style.css b/testing/web-platform/tests/css/css-flexbox/support/test-style.css
new file mode 100644
index 0000000000..17f44c1179
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/test-style.css
@@ -0,0 +1,18 @@
+ #test01, #test02, #test03{
+ width: 50px;
+ height: 50px;
+ text-align:center;
+ font-size: 20px;
+ }
+ #test{
+ background: #ff0000;
+ }
+ #test01{
+ background: #7FFF00;
+ }
+ #test02{
+ background: #00FFFF;
+ }
+ #test03{
+ background: #4169E1;
+ }
diff --git a/testing/web-platform/tests/css/css-flexbox/support/test-tl.png b/testing/web-platform/tests/css/css-flexbox/support/test-tl.png
new file mode 100644
index 0000000000..f6ac0ef7e8
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/test-tl.png
Binary files differ
diff --git a/testing/web-platform/tests/css/css-flexbox/support/test-tr.png b/testing/web-platform/tests/css/css-flexbox/support/test-tr.png
new file mode 100644
index 0000000000..59843ae54b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/support/test-tr.png
Binary files differ