Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(247)

Unified Diff: LayoutTests/imported/csswg-test/css-writing-modes-3/writing-mode-stretch-001.html

Issue 1161223002: Import csswg-test/css-writing-modes-3/ (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Comments updated Created 5 years, 7 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
Index: LayoutTests/imported/csswg-test/css-writing-modes-3/writing-mode-stretch-001.html
diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/writing-mode-stretch-001.html b/LayoutTests/imported/csswg-test/css-writing-modes-3/writing-mode-stretch-001.html
new file mode 100644
index 0000000000000000000000000000000000000000..c5b6f836dd4cb4fcbc536e704668e3f4f8bfca2f
--- /dev/null
+++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/writing-mode-stretch-001.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>CSS Test: writing-mode vertical-lr and vertical-rl</title>
+ <link rel="author" title="Mitsuteru Sawa" href="mailto:mitsuteru.s@gmail.com">
+ <link rel="reviewer" title="Tab Atkins Jr." href="mailto:jackalmage@gmail.com">
+ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">
+ <link rel="match" href="writing-mode-stretch-001-ref.html">
+ <meta name="assert" content="vertical-writing-mode flex items should stretch">
+ <style>
+ .container {
+ display: flex;
+ width: 250px;
+ }
+ .vertical-rl {
+ -webkit-writing-mode: vertical-rl;
+ }
+ .vertical-lr {
+ -webkit-writing-mode: vertical-lr;
+ }
+ .item {
+ background-color: green;
+ }
+ .square {
+ height: 50px;
+ width: 50px;
+ }
+ .error {
+ position: absolute;
+ background-color: red;
+ height: 100px;
+ width: 250px;
+ z-index: -1;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if you see a green rectangle and no red.</p>
+ <div class="test">
+ <div class="error"></div>
+ <div class="container">
+ <div class="horizontal item">
+ <div class="square"></div>
+ <div class="square"></div>
+ </div>
+ <div class="vertical-rl item">
+ <div class="square"></div>
+ <div class="square"></div>
+ </div>
+ <div class="vertical-lr item">
+ <div class="square"></div>
+ <div class="square"></div>
+ </div>
+ </div>
+ </div>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698