third_party/WebKit/LayoutTests/imported/wpt/mathml/relations/css-styling/lengths-1.html - Issue 2434253002: Import wpt@7e8373f4bd144e66c88535983aa735b28c934cfe

Side by Side Diff: third_party/WebKit/LayoutTests/imported/wpt/mathml/relations/css-styling/lengths-1.html

Issue 2434253002: Import wpt@7e8373f4bd144e66c88535983aa735b28c934cfe (Closed)

Patch Set: Modify TestExpectations or download new baselines for tests. Created 4 years, 2 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/imported/wpt/mathml/relations/css-styling/displaystyle-1.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/mathml/relations/css-styling/lengths-1-expected.html » ('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>

	2 <html>

	3 <head>

	4 <meta charset="utf-8"/>

	5 <title>MathML lengths</title>

	6 <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S2.html#S S3.SSS1"/>

	7 <link rel="match" href="lengths-1-ref.html"/>

	8 <meta name="assert" content="Verify whether the different units are accepted for MathML lengths.">

	9 <style>

	10 @font-face {

	11 font-family: TestFont;

	12 src: url("/fonts/math/xheight500.woff");

	13 }

	14 span, math {

	15 font-family: TestFont;

	16 font-size: 10px; /* 1em = 10px, 1ex is about 5px */

	17 }

	18 span {

	19 position: absolute;

	20 display: inline-block;

	21 height: 10px;

	22 }

	23 #red > span {

	24 background: red;

	25 }

	26 #green > span {

	27 background: green;

	28 }

	29 </style>

	30 </head>

	31 <body>

	32 <p>Test passes if there is a green square and no red.</p>

	33 <div>

	34 <div id="red" style="position: absolute; width: 200px; height: 200px; backgr ound: green;">

	35 <!-- px -->

	36 <span style="top: 0px"><math><mspace width="200px"/></math></span>

	37 <span style="top: 10px; width: 200px"></span>

	38

	39 <!-- cm -->

	40 <span style="top: 20px"><math><mspace width="5.08cm"/></math></span>

	41 <span style="top: 30px; width: 192px"></span>

	42

	43 <!-- em -->

	44 <span style="top: 40px"><math><mspace width="20em"/></math></span>

	45 <span style="top: 50px; width: 200px"></span>

	46

	47 <!-- ex -->

	48 <span style="top: 60px"><math><mspace width="30ex"/></math></span>

	49 <span style="top: 70px; width: 30ex"></span>

	50

	51 <!-- in -->

	52 <span style="top: 80px"><math><mspace width="2in"/></math></span>

	53 <span style="top: 90px; width: 192px"></span>

	54

	55 <!-- mm -->

	56 <span style="top: 100px"><math><mspace width="50.8mm"/></math></span>

	57 <span style="top: 110px; width: 192px"></span>

	58

	59 <!-- pc -->

	60 <span style="top: 120px"><math><mspace width="12.5pc"/></math></span>

	61 <span style="top: 130px; width: 200px"></span>

	62

	63 <!-- pt -->

	64 <span style="top: 140px"><math><mspace width="150pt"/></math></span>

	65 <span style="top: 150px; width: 200px"></span>

	66

	67 <!-- % -->

	68 <span style="top: 160px"><math><mstyle mathsize="2000%"><mspace width="1em "/></mstyle></math></span>

	69 <span style="top: 170px; width: 200px"></span>

	70

	71 <!-- unitless -->

	72 <span style="top: 180px"><math><mstyle mathsize="20.0"><mspace width="1em" /></mstyle></math></span>

	73 <span style="top: 190px; width: 200px"></span>

	74 </div>

	75

	76 <div id="green" style="position: absolute; width: 200px; height: 200px;">

	77 <!-- px -->

	78 <span style="top: 10px"><math><mspace width="200px"/></math></span>

	79 <span style="top: 0px; width: 200px"></span>

	80

	81 <!-- cm -->

	82 <span style="top: 30px"><math><mspace width="5.08cm"/></math></span>

	83 <span style="top: 20px; width: 192px"></span>

	84

	85 <!-- em -->

	86 <span title="em" style="top: 50px"><math><mspace width="20em"/></math></sp an>

	87 <span title="em" style="top: 40px; width: 200px"></span>

	88

	89 <!-- ex -->

	90 <span title="ex" style="top: 70px"><math><mspace width="30ex"/></math></sp an>

	91 <span title="ex" style="top: 60px; width: 30ex"></span>

	92

	93 <!-- in -->

	94 <span style="top: 90px"><math><mspace width="2in"/></math></span>

	95 <span style="top: 80px; width: 192px"></span>

	96

	97 <!-- mm -->

	98 <span style="top: 110px"><math><mspace width="50.8mm"/></math></span>

	99 <span style="top: 100px; width: 192px"></span>

	100

	101 <!-- pc -->

	102 <span style="top: 130px"><math><mspace width="12.5pc"/></math></span>

	103 <span style="top: 120px; width: 200px"></span>

	104

	105 <!-- pt -->

	106 <span style="top: 150px"><math><mspace width="150pt"/></math></span>

	107 <span style="top: 140px; width: 200px"></span>

	108

	109 <!-- % -->

	110 <span style="top: 170px"><math><mstyle mathsize="2000%"><mspace width="1em "/></mstyle></math></span>

	111 <span style="top: 160px; width: 200px"></span>

	112

	113 <!-- unitless -->

	114 <span style="top: 190px"><math><mstyle mathsize="20.0"><mspace width="1em" /></mstyle></math></span>

	115 <span style="top: 180px; width: 200px"></span>

	116 </div>

	117 </div>

	118 </body>

	119 </html>

OLD	NEW