From 36d22d82aa202bb199967e9512281e9a53db42c9 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sun, 7 Apr 2024 21:33:14 +0200 Subject: Adding upstream version 115.7.0esr. Signed-off-by: Daniel Baumann --- .../css-flexbox/reference/align-baseline-ref.html | 22 +++++ .../reference/align-content-001-ref.html | 15 +++ .../reference/align-content_center-ref.html | 23 +++++ .../reference/align-content_flex-end-ref.html | 23 +++++ .../reference/align-content_flex-start-ref.html | 19 ++++ .../reference/align-content_space-around-ref.html | 27 ++++++ .../reference/align-content_space-between-ref.html | 23 +++++ .../reference/align-content_stretch-ref.html | 27 ++++++ ...gn-items-baseline-overflow-non-visible-ref.html | 16 ++++ .../css-flexbox/reference/align-self-015-ref.html | 39 ++++++++ .../css-flexbox/reference/anonymous-block-ref.html | 8 ++ ...-height-column-with-border-and-padding-ref.html | 7 ++ .../reference/auto-height-with-flex-ref.html | 5 + .../reference/auto-margins-003-ref.html | 32 +++++++ .../content-height-with-scrollbars-ref.html | 46 +++++++++ .../reference/cross-axis-scrollbar-ref.html | 71 ++++++++++++++ .../reference/css-box-justify-content-ref.html | 27 ++++++ .../css-flexbox-img-expand-evenly-ref.html | 36 +++++++ .../reference/flex-align-content-center-ref.html | 38 ++++++++ .../reference/flex-align-content-end-ref.html | 36 +++++++ .../flex-align-content-space-around-ref.html | 36 +++++++ .../flex-align-content-space-between-ref.html | 38 ++++++++ .../reference/flex-align-content-start-ref.html | 35 +++++++ .../flex-aspect-ratio-img-row-014-ref.html | 20 ++++ .../css-flexbox/reference/flex-box-float-ref.html | 41 ++++++++ .../css-flexbox/reference/flex-box-wrap-ref.html | 32 +++++++ .../reference/flex-container-margin-ref.html | 33 +++++++ .../reference/flex-direction-column-ref.html | 36 +++++++ .../flex-direction-column-reverse-ref.html | 36 +++++++ .../reference/flex-direction-modify.html | 44 +++++++++ .../reference/flex-direction-row-reverse-ref.html | 30 ++++++ .../flex-direction-with-element-insert.html | 76 +++++++++++++++ .../css/css-flexbox/reference/flex-direction.html | 76 +++++++++++++++ .../css/css-flexbox/reference/flex-inline-ref.html | 26 ++++++ .../reference/flex-item-vertical-align-ref.html | 17 ++++ .../reference/flex-item-z-ordering-001-ref.html | 28 ++++++ .../reference/flex-margin-no-collapse-ref.html | 38 ++++++++ .../reference/flex-vertical-align-effect.html | 23 +++++ ...ex-direction-column-percentage-ignored-ref.html | 16 ++++ .../reference/flexbox-flex-direction-ref.htm | 50 ++++++++++ .../reference/flexbox-flex-wrap-nowrap-ref.htm | 19 ++++ .../reference/flexbox-min-width-auto-005-ref.html | 16 ++++ .../reference/flexbox-min-width-auto-006-ref.html | 18 ++++ .../flexbox-order-only-flexitems-ref.html | 10 ++ .../flexbox-with-multi-column-property-ref.html | 15 +++ .../reference/flexbox_quirks_body-ref.html | 17 ++++ ...l_lays_out_contents_from_top_to_bottom-ref.html | 63 +++++++++++++ .../css-flexbox/reference/flexible-order-ref.html | 53 +++++++++++ .../reference/flexitem-stretch-range-ref.html | 9 ++ .../item-with-max-height-and-scrollbar-ref.html | 10 ++ .../reference/justify-content-001-ref.html | 24 +++++ .../layout-algorithm_algo-cross-line-001-ref.html | 28 ++++++ .../layout-algorithm_algo-cross-line-002-ref.html | 27 ++++++ .../reference/multiline-column-max-height-ref.html | 11 +++ .../multiline-reverse-wrap-baseline-ref.html | 52 +++++++++++ .../reference/multiline-shrink-to-fit-ref.html | 85 +++++++++++++++++ .../reference/negative-margins-001-ref.html | 18 ++++ .../nested-orthogonal-flexbox-relayout-ref.html | 25 +++++ .../css-flexbox/reference/order-painting-ref.html | 8 ++ .../reference/overflow-area-001-ref.html | 102 ++++++++++++++++++++ .../reference/overflow-area-002-ref.html | 103 +++++++++++++++++++++ .../reference/overflow-area-003-ref.html | 58 ++++++++++++ .../reference/overflow-auto-005-ref.html | 87 +++++++++++++++++ .../reference/overflow-auto-007-ref.html | 13 +++ ...tage-descendant-of-anonymous-flex-item-ref.html | 8 ++ .../percentage-size-subitems-001-ref.html | 92 ++++++++++++++++++ .../reference/position-fixed-001-ref.html | 25 +++++ .../reference/stretch-input-in-column-ref.html | 33 +++++++ .../reference/stretching-orthogonal-flows-ref.html | 5 + .../text-overflow-on-flexbox-001-ref.html | 26 ++++++ 70 files changed, 2331 insertions(+) create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-baseline-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-content-001-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-content_center-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-content_flex-end-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-content_flex-start-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-content_space-around-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-content_space-between-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-content_stretch-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-items-baseline-overflow-non-visible-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/align-self-015-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/anonymous-block-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/auto-height-column-with-border-and-padding-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/auto-height-with-flex-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/auto-margins-003-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/content-height-with-scrollbars-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/cross-axis-scrollbar-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/css-flexbox-img-expand-evenly-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-center-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-end-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-space-around-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-space-between-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-start-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-aspect-ratio-img-row-014-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-box-float-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-box-wrap-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-container-margin-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-direction-column-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-direction-column-reverse-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-direction-modify.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-direction-row-reverse-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-direction-with-element-insert.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-direction.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-inline-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-item-vertical-align-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-item-z-ordering-001-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-margin-no-collapse-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flex-vertical-align-effect.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-direction-column-percentage-ignored-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-direction-ref.htm create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-wrap-nowrap-ref.htm create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexbox-min-width-auto-005-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexbox-min-width-auto-006-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexbox-order-only-flexitems-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexbox-with-multi-column-property-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexbox_quirks_body-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexible-order-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/flexitem-stretch-range-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/item-with-max-height-and-scrollbar-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/justify-content-001-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/layout-algorithm_algo-cross-line-001-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/layout-algorithm_algo-cross-line-002-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/multiline-column-max-height-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/multiline-reverse-wrap-baseline-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/multiline-shrink-to-fit-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/negative-margins-001-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/nested-orthogonal-flexbox-relayout-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/order-painting-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/overflow-area-001-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/overflow-area-002-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/overflow-area-003-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/overflow-auto-005-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/overflow-auto-007-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/percentage-descendant-of-anonymous-flex-item-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/percentage-size-subitems-001-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/position-fixed-001-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/stretch-input-in-column-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/stretching-orthogonal-flows-ref.html create mode 100644 testing/web-platform/tests/css/css-flexbox/reference/text-overflow-on-flexbox-001-ref.html (limited to 'testing/web-platform/tests/css/css-flexbox/reference') diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-baseline-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-baseline-ref.html new file mode 100644 index 0000000000..d1c579045e --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-baseline-ref.html @@ -0,0 +1,22 @@ + + + + + + +
+

This text

+

should be left aligned.

+
+ +
+

This text

+

should be right aligned.

+
+ + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-content-001-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-content-001-ref.html new file mode 100644 index 0000000000..bd46882033 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-content-001-ref.html @@ -0,0 +1,15 @@ + + +CSS Reference + + + +

Test passes if there is no red visible on the page.

+
+ diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-content_center-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-content_center-ref.html new file mode 100644 index 0000000000..e6a3d8820b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-content_center-ref.html @@ -0,0 +1,23 @@ + + + +CSS Flexible Box Test: align-content_center + + + + +

Test passes if:
+1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.
+2. the rectangle 1, 2, 3 appear in middle left of red rectangle.

+
1
2
3
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-content_flex-end-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-content_flex-end-ref.html new file mode 100644 index 0000000000..03ebcbed24 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-content_flex-end-ref.html @@ -0,0 +1,23 @@ + + + +CSS Flexible Box Test: align-content_flex-end + + + + +

Test passes if:
+1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.
+2. the rectangle 1, 2, 3 appear in bottom left of red rectangle.

+
1
2
3
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-content_flex-start-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-content_flex-start-ref.html new file mode 100644 index 0000000000..061bec5e24 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-content_flex-start-ref.html @@ -0,0 +1,19 @@ + + + +CSS Flexible Box Test: align-content_flex-start + + + + +

Test passes if:
+1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle and no gap between them.
+2. the rectangle 1, 2, 3 appear in upper left of red rectangle.

+
1
2
3
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-content_space-around-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-content_space-around-ref.html new file mode 100644 index 0000000000..cab31db1f0 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-content_space-around-ref.html @@ -0,0 +1,27 @@ + + + +CSS Flexible Box Test: align-content_space-around + + + + +

Test passes if:
+1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.
+2. the rectangle 1, 2, 3 are distributed such that the empty space between any two adjacent rectangle is the same, and the empty space of the column before the first and after the last rectangle are half the size of the other empty spaces.

+
1
2
3
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-content_space-between-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-content_space-between-ref.html new file mode 100644 index 0000000000..97b56e23ef --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-content_space-between-ref.html @@ -0,0 +1,23 @@ + + + +CSS Flexible Box Test: align-content_space-between + + + + +

Test passes if:
+1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.
+2. No gap between the top of red rectangle and the top of rectangle 1, no gap between the bottom of red rectangle and the bottom of rectangle 3 too, and rectangle 2 is distributed so that the empty space between rectangle 1 and rectangle 3 is the same.

+
1
2
3
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-content_stretch-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-content_stretch-ref.html new file mode 100644 index 0000000000..f66a1ad959 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-content_stretch-ref.html @@ -0,0 +1,27 @@ + + + +CSS Flexible Box Test: align-content_stretch + + + + +

Test passes if:
+1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.
+2. No gap between the top of red rectangle and the top of rectangle 1, and rectangle 1 , 2, 3 are distributed so that the empty space in the column between 1 , 2 , 3 is the same. +

1
2
3
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-items-baseline-overflow-non-visible-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-items-baseline-overflow-non-visible-ref.html new file mode 100644 index 0000000000..c2f6d2353c --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-items-baseline-overflow-non-visible-ref.html @@ -0,0 +1,16 @@ + + + + + +
+ XX +
YY
+
+ diff --git a/testing/web-platform/tests/css/css-flexbox/reference/align-self-015-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/align-self-015-ref.html new file mode 100644 index 0000000000..415a36f42d --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/align-self-015-ref.html @@ -0,0 +1,39 @@ + + + + + + + +

The test passes if the flex items are properly centered in each column

+
+
centeredWithMargins
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
centeredWithAlignSelf
+
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/anonymous-block-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/anonymous-block-ref.html new file mode 100644 index 0000000000..fc8fe9f991 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/anonymous-block-ref.html @@ -0,0 +1,8 @@ + + + +

This tests that text nodes that have a flexbox as a parent are wrapped in +anonymous blocks.

+
This text should be visible.
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/auto-height-column-with-border-and-padding-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/auto-height-column-with-border-and-padding-ref.html new file mode 100644 index 0000000000..a5ed108546 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/auto-height-column-with-border-and-padding-ref.html @@ -0,0 +1,7 @@ + +Tests that auto-height column flexboxes with border and padding correctly size their height to their content. +
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/auto-height-with-flex-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/auto-height-with-flex-ref.html new file mode 100644 index 0000000000..d56fe356dc --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/auto-height-with-flex-ref.html @@ -0,0 +1,5 @@ +
+
Header
+
Flexible content
+
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/auto-margins-003-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/auto-margins-003-ref.html new file mode 100644 index 0000000000..4c8f69c8a7 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/auto-margins-003-ref.html @@ -0,0 +1,32 @@ + + + + + + + +

The test passes if the flex items are properly centered in each column

+
+
centeredWithMargins
+
centeredWithAlignSelf
+
+
+
+
centeredWithMargins
+
centeredWithAlignSelf
+
+
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/content-height-with-scrollbars-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/content-height-with-scrollbars-ref.html new file mode 100644 index 0000000000..8a1484f693 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/content-height-with-scrollbars-ref.html @@ -0,0 +1,46 @@ + + + + + + +

This tests that when setting the height of a flex item to a percentage +height, we use the content height with scrollbars. The content should not be +scrollable in any of the test cases below.

+ +
+
+
+ +
+
+
+ +
+
+
+
+ + + + + +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/cross-axis-scrollbar-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/cross-axis-scrollbar-ref.html new file mode 100644 index 0000000000..f0a3225502 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/cross-axis-scrollbar-ref.html @@ -0,0 +1,71 @@ + + + + + + +This test passes if no red is showing. + +
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ + + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html new file mode 100644 index 0000000000..e8377473fd --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html @@ -0,0 +1,27 @@ + +flexbox |css-box-justify-content + + + +

This test passes if the DIV5's position in the end and the div is Horizontal layout

+
+
DIV1
+
DIV2
+
DIV3
+
DIV4
+
DIV5
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/css-flexbox-img-expand-evenly-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/css-flexbox-img-expand-evenly-ref.html new file mode 100644 index 0000000000..146242074b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/css-flexbox-img-expand-evenly-ref.html @@ -0,0 +1,36 @@ + + + + CSS Reftest Reference + + + + +

3 rectangular images fill out border.

+ + +
+ + +
+ + + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-center-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-center-ref.html new file mode 100644 index 0000000000..79e5022be2 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-center-ref.html @@ -0,0 +1,38 @@ + + + + CSS Flexible Box Test: align-content property - center + + + + +

The test passed if you see a centered 2*2 table.

+
+ first + second + third + forth +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-end-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-end-ref.html new file mode 100644 index 0000000000..767ecaf187 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-end-ref.html @@ -0,0 +1,36 @@ + + + + CSS Flexible Box Test: align-content property - flex-end + + + + +

The test passed if you see a 2*2 table and all the cells are at the bottom of container.

+
+ first + second + third + forth +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-space-around-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-space-around-ref.html new file mode 100644 index 0000000000..98f7b0228b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-space-around-ref.html @@ -0,0 +1,36 @@ + + + + CSS Flexible Box Test: align-content property - space-between + + + + +

The test passed if you see a 2*2 table and all the cells are at the bottom of container.

+
+ first + second + third + forth +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-space-between-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-space-between-ref.html new file mode 100644 index 0000000000..4813bd5608 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-space-between-ref.html @@ -0,0 +1,38 @@ + + + + CSS Flexible Box Test: align-content property - space-between + + + + +

The test passed if you see a 2*2 table and all the cells are spaced equally apart.

+
+ first + second + third + forth +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-start-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-start-ref.html new file mode 100644 index 0000000000..5fe4eadd95 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-align-content-start-ref.html @@ -0,0 +1,35 @@ + + + + CSS Flexible Box Test: align-content property - flex-start + + + + +

The test passed if you see a 2*2 table and all the cells are at the top of the container.

+
+ first + second + third + forth +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-aspect-ratio-img-row-014-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-aspect-ratio-img-row-014-ref.html new file mode 100644 index 0000000000..ea36ff4030 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-aspect-ratio-img-row-014-ref.html @@ -0,0 +1,20 @@ + +CSS Reference + + + +

Test passes if there is no red visible on the page.

+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-box-float-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-box-float-ref.html new file mode 100644 index 0000000000..726257dbf8 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-box-float-ref.html @@ -0,0 +1,41 @@ + + + + flexible box flex item float effect + + + + +

'float' have no effect on a flex item.

+

The test passes if there is a green square, a blue square and no red square.

+
+

 

 

 

+
+ + + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-box-wrap-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-box-wrap-ref.html new file mode 100644 index 0000000000..de24c4609b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-box-wrap-ref.html @@ -0,0 +1,32 @@ + + + + CSS Flexbox Test: flex-wrap: wrap + + + + +

There should be a green block with no red.

+ +
    +
  • width: 120px
    • +
  • width: 120px
    • +
+ + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-container-margin-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-container-margin-ref.html new file mode 100644 index 0000000000..8241c14b7c --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-container-margin-ref.html @@ -0,0 +1,33 @@ + + + +CSS Test: flex-container-margin-not-collapse-with-content-margin + + + + +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-column-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-column-ref.html new file mode 100644 index 0000000000..90c168766c --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-column-ref.html @@ -0,0 +1,36 @@ + + + + CSS Flexible Box Test: flex-direction proprety - column + + + + +

The test passed if you see all the cells are arraged vertically.

+
+ first + second + third + forth +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-column-reverse-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-column-reverse-ref.html new file mode 100644 index 0000000000..576a5779e7 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-column-reverse-ref.html @@ -0,0 +1,36 @@ + + + + CSS Flexible Box Test: flex-direction proprety - column-reverse + + + + +

The test passed if you see all the cells are arraged vertically and reversed.

+
+ forth + third + second + first +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-modify.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-modify.html new file mode 100644 index 0000000000..42f9de95a6 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-modify.html @@ -0,0 +1,44 @@ + + + +CSS Test: flex flow direction + + + + +

flex-direction:row

+
1
2
3
+ + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-row-reverse-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-row-reverse-ref.html new file mode 100644 index 0000000000..5f9d45f0fb --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-row-reverse-ref.html @@ -0,0 +1,30 @@ + + + + CSS Flexible Box Test: flex-direction proprety - row-reverse + + + + +

The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.

+
+ forththirdsecondfirst +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-with-element-insert.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-with-element-insert.html new file mode 100644 index 0000000000..d7faf34eb7 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction-with-element-insert.html @@ -0,0 +1,76 @@ + + + +CSS Test: flex flow direction + + + + +

flex-direction:row

+
1
2
3
new
+ +

flex-direction:row-reverse

+
new
3
2
1
+ +

flex-direction:column

+
1
2
3
new
+ +

flex-direction:column-reverse

+
new
3
2
1
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-direction.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction.html new file mode 100644 index 0000000000..27be911458 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-direction.html @@ -0,0 +1,76 @@ + + + +CSS Test: flex flow direction + + + + +

flex-direction:row

+
1
2
3
+ +

flex-direction:row-reverse

+
3
2
1
+ +

flex-direction:column

+
1
2
3
+ +

flex-direction:column-reverse

+
3
2
1
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-inline-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-inline-ref.html new file mode 100644 index 0000000000..369de990ff --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-inline-ref.html @@ -0,0 +1,26 @@ + + + + CSS Flexible Box Test: display proprety - inline-flex + + + + +

The test passed if you see a green block which its text is 'Success!'.

+
+ +
Success!
+
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-item-vertical-align-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-item-vertical-align-ref.html new file mode 100644 index 0000000000..82d7a6ea31 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-item-vertical-align-ref.html @@ -0,0 +1,17 @@ + + + + + +
+ +
block
+ + anonymous item 2 + + item 3 +
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-item-z-ordering-001-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-item-z-ordering-001-ref.html new file mode 100644 index 0000000000..a97de6e826 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-item-z-ordering-001-ref.html @@ -0,0 +1,28 @@ + + +
The green boxes should be above the orange boxes, which should be above the purple boxes, which are above the salmon boxes.
+
+
+
+
+
+
+
+ + + + +
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-margin-no-collapse-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-margin-no-collapse-ref.html new file mode 100644 index 0000000000..eac4ed57d5 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-margin-no-collapse-ref.html @@ -0,0 +1,38 @@ + + + + CSS Flexible Box Reference File + + + + +

The test passes if there are two green boxes and no red.

+
+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flex-vertical-align-effect.html b/testing/web-platform/tests/css/css-flexbox/reference/flex-vertical-align-effect.html new file mode 100644 index 0000000000..0d14362a37 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flex-vertical-align-effect.html @@ -0,0 +1,23 @@ + + + + CSS Test: 'display' property set to 'flex' + + + + + + +
+ + +
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-direction-column-percentage-ignored-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-direction-column-percentage-ignored-ref.html new file mode 100644 index 0000000000..812b6797ee --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-direction-column-percentage-ignored-ref.html @@ -0,0 +1,16 @@ + + + + + + +
+
+ The height here should be ignored. +
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-direction-ref.htm b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-direction-ref.htm new file mode 100644 index 0000000000..2d52c62122 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-direction-ref.htm @@ -0,0 +1,50 @@ + + + + CSS Reftest Reference: Flexbox direction and wrapping + + + + + +

The test passes if there is a 3x3 grid of green squares, numbered 1-9 left-to-right and top-to-bottom, and there is no red.

+
+
1
2
3
4
5
6
7
8
9
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-wrap-nowrap-ref.htm b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-wrap-nowrap-ref.htm new file mode 100644 index 0000000000..391ddeaa28 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-flex-wrap-nowrap-ref.htm @@ -0,0 +1,19 @@ + + + + CSS Reftest Reference: Flexbox flex-wrap: nowrap + + + + + +

The test passes if there is a green square and no red.

+
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexbox-min-width-auto-005-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-min-width-auto-005-ref.html new file mode 100644 index 0000000000..6bc8a27f62 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-min-width-auto-005-ref.html @@ -0,0 +1,16 @@ + +CSS Reference + + + +

Test passes if there is no red visible on the page.

+
+
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexbox-min-width-auto-006-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-min-width-auto-006-ref.html new file mode 100644 index 0000000000..1f1b7dfb24 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-min-width-auto-006-ref.html @@ -0,0 +1,18 @@ + +CSS Reference + + + +

Test passes if there are two 100x100 green squares.

+
+ +
+ +
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexbox-order-only-flexitems-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-order-only-flexitems-ref.html new file mode 100644 index 0000000000..74697723c5 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-order-only-flexitems-ref.html @@ -0,0 +1,10 @@ + + + + CSS Test: order only affects flex items + + +

Test passes if the paragraph below reads 'First, Second, Third'.

+

First, Second, Third

+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexbox-with-multi-column-property-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-with-multi-column-property-ref.html new file mode 100644 index 0000000000..fbb8fcda3e --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexbox-with-multi-column-property-ref.html @@ -0,0 +1,15 @@ + + + +
+AAAAAAAAAA BBBBBBBBBB CCCCCCCCCC DDDDDDDDDD +
+ +
+AAAAAAAAAA BBBBBBBBBB CCCCCCCCCC DDDDDDDDDD +
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexbox_quirks_body-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flexbox_quirks_body-ref.html new file mode 100644 index 0000000000..164784fbd3 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexbox_quirks_body-ref.html @@ -0,0 +1,17 @@ + +CSS Test: Flex body in quirks mode + + +Flex body in quirks mode should fill viewport except for margins. diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.html new file mode 100644 index 0000000000..0a8869a145 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.html @@ -0,0 +1,63 @@ + + + + CSS Reftest Reference + + + + +

The test passes if you see green and red top, blue and yellow bottom.

+
+
+
+
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexible-order-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flexible-order-ref.html new file mode 100644 index 0000000000..12e94ba598 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexible-order-ref.html @@ -0,0 +1,53 @@ + + +CSS Test: Change the value of 'order' property + + + + + + + + + + +
+
B
+
A
+
C
+
+ + + + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/flexitem-stretch-range-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/flexitem-stretch-range-ref.html new file mode 100644 index 0000000000..01c617698e --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/flexitem-stretch-range-ref.html @@ -0,0 +1,9 @@ + + + +

When stretching a range input, the thumb should be centered vertically.

+
+ +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/item-with-max-height-and-scrollbar-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/item-with-max-height-and-scrollbar-ref.html new file mode 100644 index 0000000000..b0b2469c2c --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/item-with-max-height-and-scrollbar-ref.html @@ -0,0 +1,10 @@ + +css-flexbox: Tests that we correctly size a flex item with a scrollbar and max-height + + +
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/justify-content-001-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/justify-content-001-ref.html new file mode 100644 index 0000000000..cea76d4c18 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/justify-content-001-ref.html @@ -0,0 +1,24 @@ + + +CSS Reference + + + +

Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.

+
+
+ diff --git a/testing/web-platform/tests/css/css-flexbox/reference/layout-algorithm_algo-cross-line-001-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/layout-algorithm_algo-cross-line-001-ref.html new file mode 100644 index 0000000000..5174bd1d9f --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/layout-algorithm_algo-cross-line-001-ref.html @@ -0,0 +1,28 @@ + + + + CSS Flex-basis Test + + + + +

Test passes if there is a filled green square with scrollbars and no red.

+ +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/layout-algorithm_algo-cross-line-002-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/layout-algorithm_algo-cross-line-002-ref.html new file mode 100644 index 0000000000..b3a18185dc --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/layout-algorithm_algo-cross-line-002-ref.html @@ -0,0 +1,27 @@ + + + + CSS Flex-basis Test + + + + +

Test passes if there is a filled green square with scrollbars and no red.

+ +
+
+
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/multiline-column-max-height-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/multiline-column-max-height-ref.html new file mode 100644 index 0000000000..a9601fde2d --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/multiline-column-max-height-ref.html @@ -0,0 +1,11 @@ + + +There should only be a blue box below, and the word "FAIL" should +not be seen. +
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/multiline-reverse-wrap-baseline-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/multiline-reverse-wrap-baseline-ref.html new file mode 100644 index 0000000000..d4911b33fc --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/multiline-reverse-wrap-baseline-ref.html @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + +
third
fourth
fourth
first
first
first
second
+ + + + + + + + + + + +
third
fourth
fourth
first
first
first
second
+ + + + + + + +
first
second
 
third
third
+ + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/multiline-shrink-to-fit-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/multiline-shrink-to-fit-ref.html new file mode 100644 index 0000000000..1429b25112 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/multiline-shrink-to-fit-ref.html @@ -0,0 +1,85 @@ + + + + + +
+
+
+
+
+
+

The grey background should be 100px wide.

+ +
+ + + +
+
+
+ 		+
+
+
+
+

The grey background should be 100px wide.

+ +
+
+
+
+
+
+
+
+

The grey background should be 100px wide.

+ +
+
+ + + +
+
+
+ 		+
+
+
+
+
+

The grey background should be 100px wide and 5px should +stick out the bottom.

+ + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/negative-margins-001-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/negative-margins-001-ref.html new file mode 100644 index 0000000000..186c5d130c --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/negative-margins-001-ref.html @@ -0,0 +1,18 @@ + + +Reference for negative margins + + + +

You should see a green rectangle with a black border, 40px wide. You should see no red.

+ +
+
+ diff --git a/testing/web-platform/tests/css/css-flexbox/reference/nested-orthogonal-flexbox-relayout-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/nested-orthogonal-flexbox-relayout-ref.html new file mode 100644 index 0000000000..124ecf843c --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/nested-orthogonal-flexbox-relayout-ref.html @@ -0,0 +1,25 @@ + + + +
+
+
This text should not overflow its box
+
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/order-painting-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/order-painting-ref.html new file mode 100644 index 0000000000..bf7bc30d01 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/order-painting-ref.html @@ -0,0 +1,8 @@ + + + +

This test passes if there is no red showing.

+ +
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/overflow-area-001-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/overflow-area-001-ref.html new file mode 100644 index 0000000000..2c2a825f41 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/overflow-area-001-ref.html @@ -0,0 +1,102 @@ + +CSS Flexbox: scrollable overflow area (LTR) + + +

Test passes if all blue boxes in each row are identical to its first orange one, +including the size and position of the scrollbar. + +

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/overflow-area-002-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/overflow-area-002-ref.html new file mode 100644 index 0000000000..f5d06c6cf3 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/overflow-area-002-ref.html @@ -0,0 +1,103 @@ + +CSS Flexbox: scrollable overflow area (RTL) + + +

Test passes if all blue boxes in each row are identical to its first orange one, +including the size and position of the scrollbar. + +

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/overflow-area-003-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/overflow-area-003-ref.html new file mode 100644 index 0000000000..2d9bf19922 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/overflow-area-003-ref.html @@ -0,0 +1,58 @@ + + + + CSS Flexible Box Layout Reference: Test flex container's overflow rect + + + + + +

Test passes if all the teal boxes have no scrollbars.

+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ diff --git a/testing/web-platform/tests/css/css-flexbox/reference/overflow-auto-005-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/overflow-auto-005-ref.html new file mode 100644 index 0000000000..633623936a --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/overflow-auto-005-ref.html @@ -0,0 +1,87 @@ + + + + + + +

Scrollbars should work in all the flexboxes.

+ + + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/overflow-auto-007-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/overflow-auto-007-ref.html new file mode 100644 index 0000000000..1cf9eea0e9 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/overflow-auto-007-ref.html @@ -0,0 +1,13 @@ + +

This test should not have a horizontal scrollbar

+ +
+
+
+
+
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/percentage-descendant-of-anonymous-flex-item-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/percentage-descendant-of-anonymous-flex-item-ref.html new file mode 100644 index 0000000000..78dac9724f --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/percentage-descendant-of-anonymous-flex-item-ref.html @@ -0,0 +1,8 @@ + + +CSS Flexbox Test: percentage heights in descendants of anonymous flex items + +

The test PASS if you see a 200x100 green rectangle inside a button.

+ diff --git a/testing/web-platform/tests/css/css-flexbox/reference/percentage-size-subitems-001-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/percentage-size-subitems-001-ref.html new file mode 100644 index 0000000000..b9883c5f2e --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/percentage-size-subitems-001-ref.html @@ -0,0 +1,92 @@ + + +CSS Refttest Reference: Percentage size on child of a flex item with margin, border, padding and scrollbar + + + +

The test passes if in the different examples you see scrollbars but there's no overflow, so you cannot actually scroll.

+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/position-fixed-001-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/position-fixed-001-ref.html new file mode 100644 index 0000000000..4943f537f7 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/position-fixed-001-ref.html @@ -0,0 +1,25 @@ + + + + + + + +

You should see no red.

+ +
+
+ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX +
+
+ YYYY +
+
+ + + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/stretch-input-in-column-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/stretch-input-in-column-ref.html new file mode 100644 index 0000000000..85d2a49e3e --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/stretch-input-in-column-ref.html @@ -0,0 +1,33 @@ + + + + + +

This test passes if none of the form controls overflow.

+
+ +
+
+ +
+
+ +
+
+ +
+
+ legend +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-flexbox/reference/stretching-orthogonal-flows-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/stretching-orthogonal-flows-ref.html new file mode 100644 index 0000000000..3a3efaad5d --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/stretching-orthogonal-flows-ref.html @@ -0,0 +1,5 @@ + + +

You should see no red.

+ +
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/text-overflow-on-flexbox-001-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/text-overflow-on-flexbox-001-ref.html new file mode 100644 index 0000000000..571b9a1357 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/reference/text-overflow-on-flexbox-001-ref.html @@ -0,0 +1,26 @@ + + + + + + +
+ AAAAAAAAAAAAAAAAAAAA +
+
+ bbbbbbbbbbbbbbbbbbbb +
+
+
cccccccccccccccccccc
+
+
+ DDDDDDDDDDDDDDDDDDDDeeFFFFFFFFFFFFFFFFFFFF +
+ + -- cgit v1.2.3