| Index: third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-available-001.html
|
| diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-available-001.html b/third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-available-001.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..858ffc5091b3a9ce259eb32af71eb3c8679e9aad
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-available-001.html
|
| @@ -0,0 +1,64 @@
|
| +<!DOCTYPE html>
|
| +<title>CSS Snap Size: snap-width</title>
|
| +<link rel="help" href="https://drafts.csswg.org/css-snap-size/#snap-width">
|
| +<link rel="match" href="reference/snap-width-block-001.html">
|
| +<meta name="assert" content="This test asserts the snap-width property rounds down the box width.">
|
| +<meta name="flags" content="ahem">
|
| +<link rel="author" title="Koji Ishii" href="kojiishi@gmail.com">
|
| +<style>
|
| +.container {
|
| + font-family: Ahem;
|
| + font-size: 32px;
|
| + line-height: 1;
|
| +}
|
| +.container > div {
|
| + margin: .5em 0;
|
| +}
|
| +.border > div {
|
| + border-left: .4em transparent solid;
|
| + border-right: .4em transparent solid;
|
| +}
|
| +.padding > div {
|
| + padding: 0 .4em;
|
| +}
|
| +
|
| +.container { width: 20.5em; }
|
| +.container.border, .container.padding { width: 21.3em; }
|
| +.container.border.padding { width: 22.1em; }
|
| +.test {
|
| + snap-width: 1em;
|
| + text-align: right;
|
| +}
|
| +.ref {
|
| + white-space: pre; /* make sure the line does not wrap */
|
| + width: 20em;
|
| +}
|
| +.content {
|
| + display: block;
|
| + height: 1em;
|
| + background-color: black;
|
| +}</style>
|
| +<body>
|
| +<p class="instructions" style="display:none">Test passes if each pair of boxes are the same,
|
| + including how they look, widths, and horizontal positions.
|
| +
|
| +<div class="container">
|
| + <div class="test"><div class="content"></div></div>
|
| + <div class="ref"><div class="content"></div></div>
|
| +</div>
|
| +
|
| +<div class="border container">
|
| + <div class="test"><div class="content"></div></div>
|
| + <div class="ref"><div class="content"></div></div>
|
| +</div>
|
| +
|
| +<div class="padding container">
|
| + <div class="test"><div class="content"></div></div>
|
| + <div class="ref"><div class="content"></div></div>
|
| +</div>
|
| +
|
| +<div class="border padding container">
|
| + <div class="test"><div class="content"></div></div>
|
| + <div class="ref"><div class="content"></div></div>
|
| +</div>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 1754963002:
Import csswg-test@7ea034e7602d867c19f2e8820eeaadf3058f726a (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master