Index: LayoutTests/fast/shapes/shape-inside/shape-inside-dynamic-nested.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-dynamic-nested.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-dynamic-nested.html |
deleted file mode 100644 |
index a1228d82cd2c1eff985001e248f07bda16f529cc..0000000000000000000000000000000000000000 |
--- a/LayoutTests/fast/shapes/shape-inside/shape-inside-dynamic-nested.html |
+++ /dev/null |
@@ -1,92 +0,0 @@ |
-<!DOCTYPE html> |
-<html> |
-<head> |
-<script> |
- window.onload = function() { |
- if (document.body) |
- document.body.offsetTop; |
- else if (document.documentElement) |
- document.documentElement.offsetTop; |
- layoutTest(); |
- } |
- function layoutTest() { |
- var el = document.getElementById('set-inside-shape'); |
- el.setAttribute('class', 'container shape inside'); |
- el = document.getElementById('reset-inside-shape'); |
- el.setAttribute('class', 'container shape inside'); |
- |
- el = document.getElementById('remove-inside-shape'); |
- el.setAttribute('class', 'container'); |
- el = document.getElementById('remove-nested-inside-shape'); |
- el.setAttribute('class', ''); |
- |
- el = document.getElementById('set-outside-shape'); |
- el.setAttribute('class', 'container shape outside'); |
- el = document.getElementById('reset-outside-shape'); |
- el.setAttribute('class', 'container shape outside'); |
- |
- el = document.getElementById('remove-outside-shape'); |
- el.setAttribute('class', 'container'); |
- } |
-</script> |
-<style> |
- .container { |
- position: relative; |
- width: 200px; |
- height: 200px; |
- overflow-wrap: break-word; |
- border: 2px solid blue; |
- font: 40px/1 Ahem, sans-serif; |
- color: green; |
- } |
- .container.shape { |
- border-color: white; |
- } |
- .shape::before { |
- position: absolute; |
- display: block; |
- top: 8px; left: 8px; |
- width: 180px; |
- height: 180px; |
- border: 2px solid blue; |
- content: ' '; |
- } |
- .inside { |
- shape-inside: rectangle(10px, 10px, 180px, 180px); |
- } |
- .inside-alt { |
- shape-inside: circle(50% at 50% 50%); |
- } |
- .outside { |
- shape-outside: rectangle(10px, 10px, 180px, 180px); |
- } |
- .outside-alt { |
- shape-inside: circle(50% at 50% 50%); |
- } |
-</style> |
-</head> |
-<body> |
- <p>This test ensures layout properly respects shape-inside when it is set/unset, or when shape-outside is set/unset for a value of "outside-shape". The test requires the Ahem font, and in each case the green squares should be contained by a blue outline.</p> |
- |
- <p>Setting shape-inside with no prior entry</p> |
- <div id='set-inside-shape' class='container'><div><div>xxxxxxxxxx</div></div></div> |
- |
- <p>Setting shape-inside with a prior entry</p> |
- <div id='reset-inside-shape' class='container shape inside-alt'><div><div>xxxxxxxxxx</div></div></div> |
- |
- <p>Removing shape-inside with a prior entry</p> |
- <div id='remove-inside-shape' class='container shape inside'><div><div>xxxxxxxxxx</div></div></div> |
- |
- <p>Removing a nested shape-inside</p> |
- <div class='container shape inside'><div id='remove-nested-inside-shape' class='container shape inside-alt'><div>xxxxxxxxxx</div></div></div> |
- |
- <p>Setting outside-shape with no prior entry</p> |
- <div id='set-outside-shape' class='container'><div>xxxxxxxxxx</div></div> |
- |
- <p>Setting outside-shape with a prior entry</p> |
- <div id='reset-outside-shape' class='container' class='container shape outside-alt'><div>xxxxxxxxxx</div></div> |
- |
- <p>Removing shape-outside with a prior entry</p> |
- <div id='remove-outside-shape' class='container shape outside'><div>xxxxxxxxxx</div></div> |
-</body> |
-</html> |