third_party/WebKit/LayoutTests/external/csswg-test/css-grid-1/grid-model/grid-support-display-001.xht - Issue 2670473003: [css-grid] Import W3C Test Suite

Side by Side Diff: third_party/WebKit/LayoutTests/external/csswg-test/css-grid-1/grid-model/grid-support-display-001.xht

Issue 2670473003: [css-grid] Import W3C Test Suite (Closed)

Patch Set: Add comment about skipped tests Created 3 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/external/csswg-test/css-grid-1/grid-model/grid-multicol-001-expected.xht ('k') | third_party/WebKit/LayoutTests/external/csswg-test/css-grid-1/grid-model/grid-vertical-align-001.xht » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd">

	2 <html xmlns="http://www.w3.org/1999/xhtml">

	3 <head>

	4 <title>CSS Grid Layout Test: DOM support for 'grid' and 'inline-grid' 'd isplay' values</title>

	5 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igal ia.com" />

	6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/ BrowserBugsSection/css21testsuite/" /> <!-- 2014-11-18 -->

	7 <link rel="help" href="http://www.w3.org/TR/css-grid-1/#grid-containers" title="3.1 Establishing Grid Containers" />

	8 <meta name="flags" content="dom" />

	9 <meta name="assert" content="This test checks that 'grid' and 'inline-gr id' values for 'display' property are supported so that DOM methods, specificall y getComputedValue(), and its associated CSS2Properties interface, can fetch suc h 'display' values." />

	10 <script src="/resources/testharness.js" type="text/javascript"></script>

	11 <script src="/resources/testharnessreport.js" type="text/javascript"></s cript>

	12 <style type="text/css"><![CDATA[

	13 .grid {

	14 display: grid;

	15 }

	16

	17 .inline-grid {

	18 display: inline-grid;

	19 }

	20 ]]></style>

	21 </head>

	22 <body>

	23 <div id="log"></div>

	24

	25 <div id="style-grid" style="display: grid;"></div>

	26 <div id="style-inline-grid" style="display: inline-grid;"></div>

	27

	28 <div id="css-grid" class="grid"></div>

	29 <div id="css-inline-grid" class="inline-grid"></div>

	30

	31 <div id="js-grid"></div>

	32 <div id="js-inline-grid"></div>

	33

	34 <script type="text/javascript"><![CDATA[

	35 function testStyleDisplay(element, value) {

	36 assert_equals(element.style.display, value, "Style display shoul d be '" + value + "'");

	37 }

	38

	39 function testComputedStyleDisplay(element, value) {

	40 assert_equals(getComputedStyle(element).getPropertyValue("displa y"), value, "getComputedStyle() display should be '" + value + "'");

	41 }

	42

	43 var styleGrid = document.getElementById("style-grid");

	44 test(function() {

	45 testStyleDisplay(styleGrid, "grid");

	46 testComputedStyleDisplay(styleGrid, "grid");

	47 }, "Test style display 'grid'");

	48

	49 var styleInlineGrid = document.getElementById("style-inline-grid");

	50 test(function() {

	51 testStyleDisplay(styleInlineGrid, "inline-grid");

	52 testComputedStyleDisplay(styleInlineGrid, "inline-grid");

	53 }, "Test style display 'inline-grid'");

	54

	55 var cssGrid = document.getElementById("css-grid");

	56 test(function() {

	57 testComputedStyleDisplay(cssGrid, "grid");

	58 }, "Test CSS display 'grid'");

	59

	60 var cssInlineGrid = document.getElementById("css-inline-grid");

	61 test(function() {

	62 testComputedStyleDisplay(cssInlineGrid, "inline-grid");

	63 }, "Test CSS display 'inline-grid'");

	64

	65 var jsGrid = document.getElementById("js-grid");

	66 jsGrid.style.display = "grid";

	67 test(function() {

	68 testStyleDisplay(jsGrid, "grid");

	69 testComputedStyleDisplay(jsGrid, "grid");

	70 }, "Test JavaScript display 'grid'");

	71

	72 var jsInlineGrid = document.getElementById("js-inline-grid");

	73 jsInlineGrid.style.display = "inline-grid";

	74 test(function() {

	75 testStyleDisplay(jsInlineGrid, "inline-grid");

	76 testComputedStyleDisplay(jsInlineGrid, "inline-grid");

	77 }, "Test JavaScript display 'inline-grid'");

	78 ]]></script>

	79 </body>

	80 </html>

OLD	NEW