third_party/WebKit/LayoutTests/svg/css/display-computed.html - Issue 2684833003: Disable display: contents in SVG.

Side by Side Diff: third_party/WebKit/LayoutTests/svg/css/display-computed.html

Issue 2684833003: Disable display: contents in SVG. (Closed)

Patch Set: Make display: contents compute to inline in SVG subtrees. 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:

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <script src="../../resources/testharness.js"></script>	2 <script src="../../resources/testharness.js"></script>

3 <script src="../../resources/testharnessreport.js"></script>	3 <script src="../../resources/testharnessreport.js"></script>

4 <style>	4 <style>

5 svg { width: 0; height: 0; }	5 svg { width: 0; height: 0; }

6 #t1, #t1 g { display: inline }	6 #t1, #t1 g { display: inline }

7 #t2, #t2 g { display: block; }	7 #t2, #t2 g { display: block; }

8 #t3, #t3 g { display: inline-block; }	8 #t3, #t3 g { display: inline-block; }

9 #t4, #t4 g { display: inline-table; }	9 #t4, #t4 g { display: inline-table; }

10 #t5, #t5 g { display: table; }	10 #t5, #t5 g { display: table; }

11 #t6, #t6 g { display: table-cell; }	11 #t6, #t6 g { display: table-cell; }

	12 #t7, #t7 g { display: contents; }

12 </style>	13 </style>

13 <svg id="t1"><g/></svg>	14 <svg id="t1"><g/></svg>

14 <svg id="t2"><g/></svg>	15 <svg id="t2"><g/></svg>

15 <svg id="t3"><g/></svg>	16 <svg id="t3"><g/></svg>

16 <svg id="t4"><g/></svg>	17 <svg id="t4"><g/></svg>

17 <svg id="t5"><g/></svg>	18 <svg id="t5"><g/></svg>

18 <svg id="t6"><g/></svg>	19 <svg id="t6"><g/></svg>

	20 <svg id="t7"><g/></svg>

19 <script>	21 <script>

20 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t1")).d isplay, "inline"); }, "svg:svg display inline");	22 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t1")).d isplay, "inline"); }, "svg:svg display inline");

21 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t1 g")) .display, "inline"); }, "svg:g display inline");	23 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t1 g")) .display, "inline"); }, "svg:g display inline");

22 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t2")).d isplay, "block"); }, "svg:svg display block");	24 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t2")).d isplay, "block"); }, "svg:svg display block");

23 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t2 g")) .display, "block"); }, "svg:g display block");	25 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t2 g")) .display, "block"); }, "svg:g display block");

24 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t3")).d isplay, "inline-block"); }, "svg:svg display inline-block");	26 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t3")).d isplay, "inline-block"); }, "svg:svg display inline-block");

25 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t3 g")) .display, "inline-block"); }, "svg:g display inline-block");	27 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t3 g")) .display, "inline-block"); }, "svg:g display inline-block");

26 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t4")).d isplay, "inline-table"); }, "svg:svg display inline-table");	28 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t4")).d isplay, "inline-table"); }, "svg:svg display inline-table");

27 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t4 g")) .display, "inline-table"); }, "svg:g display inline-table");	29 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t4 g")) .display, "inline-table"); }, "svg:g display inline-table");

28 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t5")).d isplay, "table"); }, "svg:svg display table");	30 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t5")).d isplay, "table"); }, "svg:svg display table");

29 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t5 g")) .display, "table"); }, "svg:g display table");	31 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t5 g")) .display, "table"); }, "svg:g display table");

30 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t6")).d isplay, "table-cell"); }, "svg:svg display table-cell");	32 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t6")).d isplay, "table-cell"); }, "svg:svg display table-cell");

31 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t6 g")) .display, "table-cell"); }, "svg:g display table-cell");	33 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t6 g")) .display, "table-cell"); }, "svg:g display table-cell");

	34 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t7")).d isplay, "inline"); }, "svg:svg display contents computes to inline");

	35 test(function(){ assert_equals(getComputedStyle(document.querySelector("#t7 g")) .display, "inline"); }, "svg:g display contents computes to inline");

32 </script>	36 </script>

OLD	NEW