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

Unified Diff: LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html

Issue 543493004: New Test for 'vertical-align has no effect on a grid item' (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Removed float: + Added background colors Created 6 years, 3 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 | « no previous file | LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html
diff --git a/LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html b/LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html
new file mode 100644
index 0000000000000000000000000000000000000000..3230a3a9f6b21f238acf9703f7553a2a6a00b3d6
--- /dev/null
+++ b/LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<link href='resources/grid.css' rel='stylesheet'>
+<style>
+.grid {
+ background-color: lightgrey;
+}
+#item1 {
+ vertical-align: 10px;
+}
+#item3 {
+ vertical-align: 30px;
+}
+</style>
+
+<p>This test checks that vertical-align should have no effect on a grid item
+i.e grid items' content should not be shifted by the vertical-align</p>
+
+<div class='grid'>
+ <!-- grid item: block child -->
+ <div id='item1'>block</div>
+ <!-- grid item: anonymous block box around inline content -->
+ anonymous item 2
+ <!-- grid item: inline child -->
+ <span id='item3'>item 3</span>
+</div>
« no previous file with comments | « no previous file | LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698