LayoutTests/fast/regions/counters/extract-list-items-009.html - Issue 159933010: Remove everything region-specific from LayoutTests.

Unified Diff: LayoutTests/fast/regions/counters/extract-list-items-009.html

Issue 159933010: Remove everything region-specific from LayoutTests. (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/counters/extract-list-items-008-expected.html ('k') | LayoutTests/fast/regions/counters/extract-list-items-009-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/regions/counters/extract-list-items-009.html

diff --git a/LayoutTests/fast/regions/counters/extract-list-items-009.html b/LayoutTests/fast/regions/counters/extract-list-items-009.html

deleted file mode 100644

index 7f8b29e2955288a8688f1506c9dd4862d2ed6f52..0000000000000000000000000000000000000000

--- a/LayoutTests/fast/regions/counters/extract-list-items-009.html

+++ /dev/null

@@ -1,76 +0,0 @@

-<!DOCTYPE html>

-<html>

- <head>

- <title>CSS Test: flow-into only on specific list items from multiple lists + list item formatting via :nth-child, :nth-of-type</title>

- <link rel="author" title="Mihai Balan" href="mibalan@adobe.com">

- <link rel="help" href="http://www.w3.org/TR/css3-regions/#properties-and-rules" />

- <link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" />

- <link rel="stylesheet" type="text/css" href="../resources/font-smoothing-disabler.css">

- <meta name="flags" content="">

- <meta name="assert" content="Test checks that extracting only certain list items from a list into a named flow does not affect styling via pseudo-classes such as :first-child or :nth-child">

- <style>

- .container {

- background-color: lightgreen;

- color: #006400;

- margin: 2em;

- }

- .extract ,

- #theItem {

- -webkit-flow-into: f1;

- }

- #first li:first-child,

- li:nth-child(even),

- li:nth-of-type(4n) {

- color: blue;

- }

- #first {

- list-style-type: decimal;

- }

- #second {

- list-style-type: disc;

- }

- #third {

- list-style-type: upper-latin;

- }

- .region {

- margin: 2em;

- background-color: lightblue;

- }

- #r1 {

- -webkit-flow-from: f1;

- }

- </style>

- </head>

- <body>

- <!-- Individual list items are extracted from ordered/unordered lists. Some of them remain

- in the normal document flow while others are rendered in a region. Pseudo-elements are used

- to format the extracted list items. Things like children counting should not be affected by

- the items being extracted in the named flow. -->

- <p>Test passes if you see two rectangles, one green and one blue, as described below:<br>

- The green rectangle should contain three lists, separated by a small vertical space. The <strong>first list</strong> should be a numbered list starting at 3, with only one item. The <strong>second list</strong> should be a bulleted list with three items. The <strong>third list</strong> should be a numbered list with two items, numbered A and C respectively.<br>

- The blue rectangle should contain a list with items numbered/marked in a different ways, as follows. As opposed to the green rectangle, the numbers/markings for the list items in the blue rectangle should be outside the rectangle. The <strong>first and second items</strong> should be numbered with 1 and 2 (decimal). The <strong>third and fourth items</strong> should be bulleted. The <strong>fifth and sixth items</strong> should be numbered with B and D respectively.</p>

- <div class="container">

- <ol id="first">

- <li id="theItem">First numbered list, item 1</li>

- <li class="extract">First numbered list, item 2</li>

- <li>First numbered list, item 3</li>

- </ol>

- <ul id="second">

- <li>Bullet list, item 1</li>

- <li class="extract">Bullet list, item 2</li>

- <li>Bullet list, item 3</li>

- <li class="extract">Bullet list, item 4</li>

- <li>Bullet list, item 5</li>

- </ul>

- <ol id="third">

- <li>Second numbered list, item A</li>

- <li class="extract">Second numbered list, item B</li>

- <li>Second numbered list, item C</li>

- <li class="extract">Second numbered list, item D</li>

- </ol>

- </div>

- <div class="region" id="r1"></div>

- </body>

-</html>