LayoutTests/fast/regions/cssom/webkit-named-flow-event-region-in-flexbox-overset-change.html - Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol.

Unified Diff: LayoutTests/fast/regions/cssom/webkit-named-flow-event-region-in-flexbox-overset-change.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/cssom/webkit-named-flow-event-region-in-flexbox-no-overset-change-expected.txt ('k') | LayoutTests/fast/regions/cssom/webkit-named-flow-event-region-in-flexbox-overset-change-expected.txt » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/regions/cssom/webkit-named-flow-event-region-in-flexbox-overset-change.html

diff --git a/LayoutTests/fast/regions/cssom/webkit-named-flow-event-region-in-flexbox-overset-change.html b/LayoutTests/fast/regions/cssom/webkit-named-flow-event-region-in-flexbox-overset-change.html

deleted file mode 100644

index ddb5438045bba15eebce3393db8359b77e29634a..0000000000000000000000000000000000000000

--- a/LayoutTests/fast/regions/cssom/webkit-named-flow-event-region-in-flexbox-overset-change.html

+++ /dev/null

@@ -1,116 +0,0 @@

-<!DOCTYPE html>

-<html>

-<head>

-<meta charset="utf-8">

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

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

-<style>

- #article {

- -webkit-flow-into: article;

- border: 10px solid black;

- }

- #region_1, #region_2 {

- -webkit-flow-from: no_article;

- overflow: hidden;

- display: inline-block;

- vertical-align: top;

- margin: 10px;

- height: auto;

- width: 200px;

- border: 1px solid red;

- padding: 5px;

- -webkit-flex-grow: 1;

- -webkit-flex-basis: 100%;

- }

- #region_2 {

- -webkit-flex-basis: 70%;

- }

- .content {

- background-color: green;

- border: 3px dashed blue;

- margin: 5px;

- }

- #part1 {

- height: 70px;

- }

- #part2 {

- height: 80px;

- }

- #flexbox {

- border: 2px solid green;

- margin: 5px;

- width: 240px;

- height: 300px;

- -webkit-flex-direction: column;

- }

-</style>

-</head>

-<body>

- <div id="article">

- <div>

- <div id="part1" class="content"></div>

- <div id="part2" class="content"></div>

- </div>

- <div id="flexbox">

- <div id="region_1"></div>

- <div id="region_2"></div>

- </div>

- <script>

- description("Tests the regionOversetChange event for regions inside flexboxes");

- if (window.testRunner) {

- testRunner.dumpAsText();

- testRunner.waitUntilDone();

- }

- window.jsTestIsAsync = true;

- function flowContent(flowName) {

- var region = document.getElementById("region_1");

- region.style.webkitFlowFrom = flowName;

- region = document.getElementById("region_2");

- region.style.webkitFlowFrom = flowName;

- }

- var eventFiredCount = 0;

- function finishTest() {

- shouldBe("eventFiredCount", "2");

- finishJSTest();

- }

- function enableFlexbox() {

- debug("Engaging flexbox...")

- document.getElementById("flexbox").style.display = "-webkit-flex";

- }

- function regionOversetChanged(event) {

- ++eventFiredCount;

- shouldBeEqualToString("event.target.name", "article");

- // Activate the flexbox.

- if (eventFiredCount == 1) {

- if (window.testRunner)

- enableFlexbox();

- else

- setTimeout("enableFlexbox()", 1000);

- return;

- }

- else

- setTimeout("finishTest()", 200);

- }

- function startTest() {

- var flowThread = getFlowByName("article");

- flowThread.addEventListener("webkitregionoversetchange", regionOversetChanged);

- debug("Flowing content into regions...");

- flowContent("article");

- }

- window.addEventListener("load", startTest);

- </script>

-</body>

-</html>