LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-rounded-rectangle-004-expected.html - Issue 23866007: Fix painting order for floats with shape-outside

Unified Diff: LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-rounded-rectangle-004-expected.html

Issue 23866007: Fix painting order for floats with shape-outside (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 years, 3 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-rounded-rectangle-004.html ('k') | LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-stacked-000.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-rounded-rectangle-004-expected.html

diff --git a/LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-rounded-rectangle-004-expected.html b/LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-rounded-rectangle-004-expected.html

index d00b524fa243ebabed9162dca151cb56e9a2b669..cd64fc98f8a699e766a7a440aee544844ab7ff62 100644

--- a/LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-rounded-rectangle-004-expected.html

+++ b/LayoutTests/csswg/submitted/shapes/shape-outside/shape-outside-floats-rounded-rectangle-004-expected.html

@@ -1,29 +1,31 @@

<!DOCTYPE html>

<title>shape-outside-floats-rounded-rectangle-004-reference.html</title>

+<link rel="author" title="Adobe" href="http://html.adobe.com/">

<style>

.container {

position: relative;

- font: 10px/1 Ahem, sans-serif;

- width: 80px;

- height: 40px;

- border: 1px solid black;

+ font: 20px/1 Ahem, sans-serif;

+ line-height: 20px;

+ width: 160px;

+ height: 80px;

margin: 5px;

}

.rounded-rect {

position: absolute;

+ z-index: -1;

top: 0px;

left: 0px;

- width: 40px;

- height: 40px;

+ width: 80px;

+ height: 80px;

border: 1px solid blue;

border-radius: 50%;

}

.left-rounded-rect-float-line {

float: left;

clear: left;

- height: 10px;

+ height: 20px;

}

</style>

<body>

@@ -58,37 +60,35 @@

- // Note that the border must be added into the width to account for its

- // affect on float positioning.

genLeftRoundedRectFloatShapeOutsideRefTest({

- roundedRect: {x: 0, y: 0, width: 41, height: 40, rx: 20, ry: 20},

- containerWidth: 80,

- containerHeight: 40,

- lineHeight: 10,

+ roundedRect: {x: 0, y: 0, width: 81, height: 80, rx: 40, ry: 40},

+ containerWidth: 160,

+ containerHeight: 80,

+ lineHeight: 20,

floatElementClassSuffix: "rounded-rect-float-line",

insertElementIdSuffix: "fixed-units"

});

genLeftRoundedRectFloatShapeOutsideRefTest({

- roundedRect: {x: 0, y: 0, width: 41, height: 40, rx: 20, ry: 20},

- containerWidth: 80,

- containerHeight: 40,

- lineHeight: 10,

+ roundedRect: {x: 0, y: 0, width: 81, height: 80, rx: 40, ry: 40},

+ containerWidth: 160,

+ containerHeight: 80,

+ lineHeight: 20,

floatElementClassSuffix: "rounded-rect-float-line",

insertElementIdSuffix: "relative-units"

});

genLeftRoundedRectFloatShapeOutsideRefTest({

- roundedRect: {x: 0, y: 0, width: 41, height: 40, rx: 20, ry: 20},

- containerWidth: 80,

- containerHeight: 40,

- lineHeight: 10,

+ roundedRect: {x: 0, y: 0, width: 81, height: 80, rx: 40, ry: 40},

+ containerWidth: 160,

+ containerHeight: 80,

+ lineHeight: 20,

floatElementClassSuffix: "rounded-rect-float-line",

insertElementIdSuffix: "different-units"

});

genLeftRoundedRectFloatShapeOutsideRefTest({

- roundedRect: {x: 0, y: 0, width: 41, height: 40, rx: 20, ry: 20},

- containerWidth: 80,

- containerHeight: 40,

- lineHeight: 10,

+ roundedRect: {x: 0, y: 0, width: 81, height: 80, rx: 40, ry: 40},

+ containerWidth: 160,

+ containerHeight: 80,

+ lineHeight: 20,

floatElementClassSuffix: "rounded-rect-float-line",

insertElementIdSuffix: "edge-case"

});