From 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Fri, 19 Apr 2024 03:47:29 +0200 Subject: Adding upstream version 115.8.0esr. Signed-off-by: Daniel Baumann --- .../reference/shape-outside-001-ref.html | 85 +++++++++++++++ .../reference/shape-outside-004-ref.html | 45 ++++++++ .../reference/shape-outside-006-ref.html | 57 ++++++++++ .../reference/shape-outside-007-ref.html | 73 +++++++++++++ .../reference/shape-outside-008-ref.html | 89 +++++++++++++++ .../spec-examples/shape-outside-001.html | 101 +++++++++++++++++ .../spec-examples/shape-outside-002.html | 101 +++++++++++++++++ .../spec-examples/shape-outside-003.html | 101 +++++++++++++++++ .../spec-examples/shape-outside-004.html | 77 +++++++++++++ .../spec-examples/shape-outside-005.html | 77 +++++++++++++ .../spec-examples/shape-outside-006.html | 91 ++++++++++++++++ .../spec-examples/shape-outside-007.html | 102 +++++++++++++++++ .../spec-examples/shape-outside-008.html | 121 +++++++++++++++++++++ .../spec-examples/shape-outside-010.html | 59 ++++++++++ .../spec-examples/shape-outside-011.html | 58 ++++++++++ .../spec-examples/shape-outside-012.html | 61 +++++++++++ .../spec-examples/shape-outside-013.html | 71 ++++++++++++ .../spec-examples/shape-outside-014.html | 73 +++++++++++++ .../spec-examples/shape-outside-015.html | 60 ++++++++++ .../spec-examples/shape-outside-016.html | 60 ++++++++++ .../spec-examples/shape-outside-017.html | 59 ++++++++++ .../spec-examples/shape-outside-018.html | 66 +++++++++++ .../spec-examples/shape-outside-019.html | 70 ++++++++++++ .../spec-examples/support/circle-no-shadow.png | Bin 0 -> 6295 bytes .../spec-examples/support/circle-shadow.png | Bin 0 -> 17571 bytes .../spec-examples/support/rounded-triangle.svg | 6 + .../spec-examples/support/spec-example-utils.js | 16 +++ 27 files changed, 1779 insertions(+) create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-001-ref.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-004-ref.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-006-ref.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-007-ref.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-008-ref.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-001.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-002.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-003.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-004.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-005.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-006.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-007.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-008.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-010.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-011.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-012.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-013.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-014.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-015.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-016.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-017.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-018.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-019.html create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/support/circle-no-shadow.png create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/support/circle-shadow.png create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/support/rounded-triangle.svg create mode 100644 testing/web-platform/tests/css/css-shapes/spec-examples/support/spec-example-utils.js (limited to 'testing/web-platform/tests/css/css-shapes/spec-examples') diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-001-ref.html b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-001-ref.html new file mode 100644 index 0000000000..573e74cc87 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-001-ref.html @@ -0,0 +1,85 @@ + + + + CSS Reference File + + + + + +

+ The test passes if the green shape does not intersect either of the triangles and + there is one green horizontal bar beneath the triangles. There should be no red. +

+
+
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX +
+
+ XXXXXXXXX XXXXXXX +
+
+ XXXXX XXX +
+
+ X +
+
+
+ XXXXXXXXXXXXXXXXX +
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-004-ref.html b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-004-ref.html new file mode 100644 index 0000000000..4653e0d690 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-004-ref.html @@ -0,0 +1,45 @@ + + + + CSS Reference File + + + + + +

+ The test passes if there are two columns of six green horizontal bars of the same + size inside the square and two columns of six matching green bars outside and to the + right of the square. There should be no red. +

+
+ XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX +
+
+ + + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-006-ref.html b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-006-ref.html new file mode 100644 index 0000000000..50f604e865 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-006-ref.html @@ -0,0 +1,57 @@ + + + +CSS Reference File + + + + +

+ The test passes if all there are three green horizontal bars to the right of the + triangle that are all inside the rectangle and there should be no green to the left + of the triangle. There should be no red. +

+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-007-ref.html b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-007-ref.html new file mode 100644 index 0000000000..8f4c8015e8 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-007-ref.html @@ -0,0 +1,73 @@ + + + +CSS Reference File + + + + + +

+ The test passes if one green bar is inside the top rectangle, three green bars + are in the bottom rectangle, and none intersect the triangle. There should be no red. +

+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-008-ref.html b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-008-ref.html new file mode 100644 index 0000000000..cfa7932325 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/reference/shape-outside-008-ref.html @@ -0,0 +1,89 @@ + + + +CSS Reference File + + + + +

+ The test passes if one green bar is inside the top rectangle, four green bars + are in the bottom rectangle, and none intersect the triangles. There should be no + red. +

+
+
+
+
+
+
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-001.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-001.html new file mode 100644 index 0000000000..57944883b6 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-001.html @@ -0,0 +1,101 @@ + + + + CSS Test: Left and right float with shape-outside + + + + + + + + + + + + +

+ The test passes if the green shape does not intersect either of the triangles and + there is one green horizontal bar beneath the triangles. There should be no red. +

+
+
+
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX + XXXXXXXXXXX XXXXXXXXX XXXXXXX XXXXX XXX X + XXXXXXXXXXXXXXXXX +
+
+
XXXXXXXXXXXXXXXXX
+
XXXXXXXXXXXXXXX
+
XXXXXXXXXXXXX
+
XXXXXXXXXXX
+
XXXXXXXXX
+
XXXXXXX
+
XXXXX
+
XXX
+
X
+
XXXXXXXXXXXXXXXXX
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-002.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-002.html new file mode 100644 index 0000000000..927eaf7f52 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-002.html @@ -0,0 +1,101 @@ + + + + CSS Test: Left and right float with shape-outside with clipped left float + + + + + + + + + + + + +

+ The test passes if the green shape does not intersect either of the triangles and + there is one green horizontal bar beneath the triangles. There should be no red. +

+
+
+
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX + XXXXXXXXXXX XXXXXXXXX XXXXXXX XXXXX XXX X + XXXXXXXXXXXXXXXXX +
+
+
XXXXXXXXXXXXXXXXX
+
XXXXXXXXXXXXXXX
+
XXXXXXXXXXXXX
+
XXXXXXXXXXX
+
XXXXXXXXX
+
XXXXXXX
+
XXXXX
+
XXX
+
X
+
XXXXXXXXXXXXXXXXX
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-003.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-003.html new file mode 100644 index 0000000000..33045f309f --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-003.html @@ -0,0 +1,101 @@ + + + + CSS Test: Left and right float with shape-outside with clipped right float + + + + + + + + + + + + +

+ The test passes if the green shape does not intersect either of the triangles and + there is one green horizontal bar beneath the triangles. There should be no red. +

+
+
+
+ XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX + XXXXXXXXXXX XXXXXXXXX XXXXXXX XXXXX XXX X + XXXXXXXXXXXXXXXXX +
+
+
XXXXXXXXXXXXXXXXX
+
XXXXXXXXXXXXXXX
+
XXXXXXXXXXXXX
+
XXXXXXXXXXX
+
XXXXXXXXX
+
XXXXXXX
+
XXXXX
+
XXX
+
X
+
XXXXXXXXXXXXXXXXX
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-004.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-004.html new file mode 100644 index 0000000000..b2f6d8da3d --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-004.html @@ -0,0 +1,77 @@ + + + + CSS Test: inset with no extent and inline content - inset(50% 50% 50% 50%) + + + + + + + + + + + + +

+ The test passes if there are two columns of six green horizontal bars of the same + size inside the square and two columns of six matching green bars outside and to the + right of the square. There should be no red. +

+
+
+ XXXX XXXX + XXXX XXXX + XXXX XXXX + XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX +
+
+ XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-005.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-005.html new file mode 100644 index 0000000000..7b9aedb83e --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-005.html @@ -0,0 +1,77 @@ + + + + CSS Test: inset with no extent and inline content - inset(150% 150% 0% 0%) + + + + + + + + + + + + +

+ The test passes if there are two columns of six green horizontal bars of the same + size inside the square and two columns of six matching green bars outside and to the + right of the square. There should be no red. +

+
+
+ XXXX XXXX + XXXX XXXX + XXXX XXXX + XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX +
+
+ XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX + XXXX XXXX XXXX XXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-006.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-006.html new file mode 100644 index 0000000000..671c098604 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-006.html @@ -0,0 +1,91 @@ + + + + CSS Test: shape-outside with open areas on both the left & right of + the float area + + + + + + + + + + + + +

+ The test passes if all there are three green horizontal bars to the right of the + triangle that are all inside the rectangle and there should be no green to the left + of the triangle. There should be no red. +

+
+
+ XXXXXXXX XXXXXXX XXXXXX +
+
+
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-007.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-007.html new file mode 100644 index 0000000000..0db826f58e --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-007.html @@ -0,0 +1,102 @@ + + + + CSS Test: Shape smaller than float content area - 1 float + + + + + + + + + + + + +

+ The test passes if one green bar is inside the top rectangle, three green bars + are in the bottom rectangle, and none intersect the triangle. There should be no red. +

+
+
+ XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXX +
+
+
+
+
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-008.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-008.html new file mode 100644 index 0000000000..744022801a --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-008.html @@ -0,0 +1,121 @@ + + + + CSS Test: Shape smaller than float content area - 2 floats + + + + + + + + + + + + +

+ The test passes if one green bar is inside the top rectangle, four green bars + are in the bottom rectangle, and none intersect the triangles. There should be no + red. +

+
+
+ XXXXXXXXXXXXXXXXX +
+ XXXXXXXXXXXXXXXXX + XXXXXXXXXXXXXXX + XXXXXXXXX + XXXXXXX +
+
+
+
+
+
+
+
+
+
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-010.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-010.html new file mode 100644 index 0000000000..4f6a4f732d --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-010.html @@ -0,0 +1,59 @@ + + + + CSS Test: Shape from image - url(), alpha channel, opacity 0 + + + + + + + + + + + + + + + +

+ The test passes if the short green horizontal bars are the right of the circle, + the long green bar is beneath the circle, and no bars intersect the circle. There + should be no red. +

+
+ + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXXXXXXXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-011.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-011.html new file mode 100644 index 0000000000..5f63c12cd9 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-011.html @@ -0,0 +1,58 @@ + + + + CSS Test: Shape from image - url(), alpha channel, opacity > 0 + + + + + + + + + + + + + + + +

+ The test passes if the green horizontal bars are to the right of the circle, + and no bars intersect the circle's shadow. There should be no red. +

+
+ + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-012.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-012.html new file mode 100644 index 0000000000..129412f1f5 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-012.html @@ -0,0 +1,61 @@ + + + + CSS Test: Shape from image - shape-image-threshold - 0.9 + + + + + + + + + + + + + + + + +

+ The test passes if the short green horizontal bars are the right of the circle, all + intersect the shadow, none intersect the circle and the long green bar is beneath the + circle. There should be no red. +

+
+ + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXXXXXXXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-013.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-013.html new file mode 100644 index 0000000000..329f033a4a --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-013.html @@ -0,0 +1,71 @@ + + + + CSS Test: Shape from image - shape-margin + + + + + + + + + + + + + + + +

+ The test passes if the short green horizontal bars are the right of the circle, + the long green bar is beneath the circle, and no bars intersect the circle. There + should be no red. +

+
+ +
+ XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXXXXXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-014.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-014.html new file mode 100644 index 0000000000..682ac0986e --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-014.html @@ -0,0 +1,73 @@ + + + + CSS Test: Shape from box value - margin-box + + + + + + + + + + + + + + + +

+ The test passes if the short green horizontal bars are the right of the shape, + the long green bar is beneath it, and no bars intersect it. There should be no red. +

+
+
+
+ XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXXXXXXXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-015.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-015.html new file mode 100644 index 0000000000..23b6b4e348 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-015.html @@ -0,0 +1,60 @@ + + + + CSS Test: Shape from box value - border-box + + + + + + + + + + + + + + + +

+ The test passes if the short green horizontal bars are the right of the shape, + the long green bar is beneath it, and no bars intersect it. There should be no red. +

+
+
+ XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXXXXXXXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-016.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-016.html new file mode 100644 index 0000000000..a7c4d591bc --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-016.html @@ -0,0 +1,60 @@ + + + + CSS Test: Shape from box value - padding-box + + + + + + + + + + + + + + + +

+ The test passes if the short green horizontal bars are the right of the shape, + the long green bar is beneath it, and no bars intersect it. There should be no red. +

+
+
+ XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXXXXXXXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-017.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-017.html new file mode 100644 index 0000000000..2e9c193044 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-017.html @@ -0,0 +1,59 @@ + + + + CSS Test: Shape from box value - content-box + + + + + + + + + + + + + + + +

+ The test passes if the short green horizontal bars are the right of the shape, + the long green bar is beneath it, and no bars intersect it. There should be no red. +

+
+
+ XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXXXXXXXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-018.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-018.html new file mode 100644 index 0000000000..6c285e07f9 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-018.html @@ -0,0 +1,66 @@ + + + + CSS Test: shape-margin offset from a polygonal shape-outside + + + + + + + + + + + + + + + +

+ The test passes if the longest green horizontal bar is beneath the triangle and the + rest of them are to its right and none intersect it. There should be no red. +

+
+
+ + XXXXXXXXXX + XXXXXXXX + XXXXXX + XXXX + XXX + XXXXXXXXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-019.html b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-019.html new file mode 100644 index 0000000000..22828e3984 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/shape-outside-019.html @@ -0,0 +1,70 @@ + + + + CSS Test: Shape from image - alpha channel, opacity > 0 + shape-margin + + + + + + + + + + + + + + + +

+ The test passes if the short green horizontal bars are the right of the black edge + of circle, the long green bar is beneath it, and no bars intersect the black. + There should be no red. +

+
+ +
+ XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXX + XXXXXXXXXXXXXXX +
+
+ + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/support/circle-no-shadow.png b/testing/web-platform/tests/css/css-shapes/spec-examples/support/circle-no-shadow.png new file mode 100644 index 0000000000..4ce5ca02fe Binary files /dev/null and b/testing/web-platform/tests/css/css-shapes/spec-examples/support/circle-no-shadow.png differ diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/support/circle-shadow.png b/testing/web-platform/tests/css/css-shapes/spec-examples/support/circle-shadow.png new file mode 100644 index 0000000000..ec881dec4d Binary files /dev/null and b/testing/web-platform/tests/css/css-shapes/spec-examples/support/circle-shadow.png differ diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/support/rounded-triangle.svg b/testing/web-platform/tests/css/css-shapes/spec-examples/support/rounded-triangle.svg new file mode 100644 index 0000000000..68d87d11d0 --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/support/rounded-triangle.svg @@ -0,0 +1,6 @@ + + + + + diff --git a/testing/web-platform/tests/css/css-shapes/spec-examples/support/spec-example-utils.js b/testing/web-platform/tests/css/css-shapes/spec-examples/support/spec-example-utils.js new file mode 100644 index 0000000000..6939b753aa --- /dev/null +++ b/testing/web-platform/tests/css/css-shapes/spec-examples/support/spec-example-utils.js @@ -0,0 +1,16 @@ +function approxShapeTest(testId, linePrefix, epsilon, lineOffsets) { + var isPositioned = { 'relative': true, 'fixed': true, 'absolute': true, 'sticky': true }, + testDiv = document.getElementById(testId), + testOffset = isPositioned[getComputedStyle(testDiv).position] ? 0 : testDiv.offsetLeft, + firstLine = document.getElementById(linePrefix + '0'); + + function runTest() { + assert_not_equals(firstLine.offsetLeft, testOffset, "Shape layout should have happened already."); + + for (var i = 0; i < lineOffsets.length; i++) { + var line = document.getElementById(linePrefix + i); + assert_approx_equals(line.offsetLeft, lineOffsets[i] + testOffset, epsilon, 'Line ' + i + ' is positioned properly'); + } + } + runTest(); +} -- cgit v1.2.3