LayoutTests/fast/regions/hover-on-child-parent-different-regions.html - Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol.

Unified Diff: LayoutTests/fast/regions/hover-on-child-parent-different-regions.html

Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 10 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/fast/regions/hover-on-child-in-region-in-region-expected.txt ('k') | LayoutTests/fast/regions/hover-on-child-parent-different-regions-expected.txt » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/regions/hover-on-child-parent-different-regions.html

diff --git a/LayoutTests/fast/regions/hover-on-child-parent-different-regions.html b/LayoutTests/fast/regions/hover-on-child-parent-different-regions.html

deleted file mode 100644

index 78537f8d957ab3b4d2e69a0817a7902fbfc71c7f..0000000000000000000000000000000000000000

--- a/LayoutTests/fast/regions/hover-on-child-parent-different-regions.html

+++ /dev/null

@@ -1,124 +0,0 @@

-<!doctype html>

-<html lang="en">

-<head>

- <style>

- /* Make sure the console and the description don't interfere with the rest of the layout. */

- #description {

- position: absolute;

- top: 0px;

- }

- #console {

- position: absolute;

- top: 100px;

- }

- .hugeBox {

- width: 300px;

- height: 300px;

- }

- .bigBox {

- width: 200px;

- height: 200px;

- }

- .smallBox {

- width: 100px;

- height: 100px;

- }

- #parent {

- border: 2px solid red;

- margin: 20px;

- padding: 10px;

- background-color: darkred;

- -webkit-flow-into: flowParent;

- }

- #parent:hover {

- background-color: green;

- }

- #child {

- border: 5px solid orange;

- background-color: orange;

- -webkit-flow-into: flowChild;

- }

- #child:hover {

- background-color: yellow;

- }

- #regionParent {

- border: 5px solid green;

- margin: 50px;

- -webkit-flow-from: flowParent;

- }

- #regionChild {

- border: 5px solid blue;

- margin: 50px;

- position: relative;

- left: 400px;

- top: -300px;

- padding: 20px;

- -webkit-flow-from: flowChild;

- }

- </style>

- <script src="../../resources/js-test.js"></script>

-</head>

-<body>

- <p class="visibleElement">This test covers the case when the <span style="color: orange;"><b>child</b></span> is flowed into a <span style="color: blue;"><b>region</b></span> and the <span style="color: darkred;"><b>parent</b></span> is flowed into a different <span style="color: green;"><b>region</b></span>.</p>

- <ol class="visibleElement">

- <li>Move the mouse inside the orange square</li>

- <li>The orange square should turn yellow and the big darkred square should turn green</li>

- </ol>

- <div class="bigBox" id="parent">

- <div class="smallBox" id="child"></div>

- </div>

- <div class="hugeBox" id="regionParent"></div>

- <div class="bigBox" id="regionChild"></div>

- <script type="text/javascript">

- description("This test covers the case when the child is flowed into a region and the parent is flowed into a different region.")

- if (window.eventSender) {

- var child = document.querySelector("#child");

- var parent = document.querySelector("#parent");

- // move mouse on the child object

- eventSender.mouseMoveTo(child.offsetLeft + 50, child.offsetTop + 50);

- eventSender.mouseDown(0);

- eventSender.leapForward(500);

- eventSender.mouseUp(0);

- var childColor = window.getComputedStyle(child).getPropertyValue("background-color");

- var parentColor = window.getComputedStyle(parent).getPropertyValue("background-color");

- if (childColor == "rgb(255, 255, 0)")

- testPassed("Child hover event processed OK.");

- else

- testFailed("Child hover event FAILED to process.");

- if (parentColor == "rgb(0, 128, 0)")

- testPassed("Parent hover event processed OK.");

- else

- testFailed("Parent hover event FAILED to process.");

- }

- if (window.testRunner) {

- var elementsToHide = document.querySelectorAll(".visibleElement, .tinyBox, .smallBox, .bigBox, .hugeBox");

- for (var i=0; i<elementsToHide.length; i++)

- elementsToHide[i].style.visibility = "hidden";

- }

- else {

- var elementsToHide = document.querySelectorAll("#console, #description");

- for (var i=0; i<elementsToHide.length; i++)

- elementsToHide[i].style.visibility = "hidden";

- }

- </script>

-</body>

-</html>