Bug 1641087 [wpt PR 23782] - [css-grid] Test that inheriting rows and columns doesn't inherit areas, a=testonly
authorOriol Brufau <obrufau@igalia.com>
Sat, 30 May 2020 09:50:53 +0000
changeset 597310 924f71218235f1f4e37444cf8c86738d19e0c8c3
parent 597309 c84f430705686b7a73696ea93de6999d2a50dc66
child 597311 9204ba25e6ba4b98f3acdc615231449e64efdb71
push id13310
push userffxbld-merge
push dateMon, 29 Jun 2020 14:50:06 +0000
treeherdermozilla-beta@15a59a0afa5c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1641087, 23782, 966090, 1085853, 2215858, 772012
milestone78.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1641087 [wpt PR 23782] - [css-grid] Test that inheriting rows and columns doesn't inherit areas, a=testonly Automatic update from web-platform-tests [css-grid] Test that inheriting rows and columns doesn't inherit areas It used to be the case that setting 'grid-template-columns: inherit' and 'grid-template-rows: inherit' would also inherit 'grid-template-areas'. This got fixed as a side-effect of r747669, adding a test now. Bug: 966090, 1085853 TEST=external/wpt/css/css-grid/placement/grid-placement-using-named-grid-lines-009.html Change-Id: I27865cd8e0533f2ba4380c94c0a51e2ef0decea4 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2215858 Reviewed-by: Javier Fernandez <jfernandez@igalia.com> Commit-Queue: Oriol Brufau <obrufau@igalia.com> Cr-Commit-Position: refs/heads/master@{#772012} -- wpt-commits: 3ddd3b70413ffb22e4589aac41971434c2579b92 wpt-pr: 23782
testing/web-platform/tests/css/css-grid/placement/grid-placement-using-named-grid-lines-009.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-grid/placement/grid-placement-using-named-grid-lines-009.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Grid Layout Test: Grid item placement with non-inherited grid-template-areas</title>
+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
+<link rel="help" href="http://www.w3.org/TR/css-grid-1/#line-placement">
+<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+<meta name="assert" content="Checks that inheriting grid-template-columns and grid-template-rows doesn't also inherit grid-template-areas.">
+<style>
+.wrapper {
+  grid-template-areas: "area";
+}
+.grid {
+  display: grid;
+  width: 100px;
+  height: 100px;
+  grid-auto-columns: 0px 100%;
+  grid-auto-rows: 0px 100%;
+  grid-template-columns: inherit;
+  grid-template-rows: inherit;
+  background: red;
+}
+.item {
+  grid-area: area;
+  background: green;
+}
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div class="wrapper">
+  <div class="grid">
+    <div class="item"></div>
+  </div>
+</div>