Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-26 19:55:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1569646 [wpt PR 18145] - Add test to check visual rendering of padding/border/margin on the mr…, a=testonly

Browse Source 
Automatic update from web-platform-tests
Add test to check visual rendering of padding/border/margin on the mrow element. (#18145)

--

wpt-commits: 1c97ca89d6d15b38fd66842d7d23f321f7ade664
wpt-pr: 18145
This commit is contained in:
Frédéric Wang 2019-08-01 15:11:07 +00:00 committed by moz-wptsync-bot
parent b3f8fc2367
commit 5232fb4703
2 changed files with 39 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
testing/web-platform/tests/mathml/relations/css-styling/padding-border-margin/padding-border-margin-001-ref.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Padding/border/margin</title>
<body>
<p>This test passes if you see a purple square of side 100px, surrounded by a
10px blue padding, surrounded by a 10px blue/yellow dashed border, itself
surrounded by a 10px pink margin.</p>
</div>
<div style="background: pink; position: absolute; left: 10px; top: 3em;">
<div style="background: blue; border: 10px dashed yellow; padding: 10px; margin: 10px;">
<div style="width: 100px; height: 100px; background: purple;"></div>
</div>
</div>
</body>
</html>

22
testing/web-platform/tests/mathml/relations/css-styling/padding-border-margin/padding-border-margin-001.html Normal file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Padding/border/margin</title>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#layout-algorithms">
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#layout-of-mrow">
<link rel="match" href="padding-border-margin-001-ref.html"/>
<meta name="assert" content="Verify visual rendering of padding/border/margin on the mrow element.">
<body>
<p>This test passes if you see a purple square of side 100px, surrounded by a
10px blue padding, surrounded by a 10px blue/yellow dashed border, itself
surrounded by a 10px pink margin.</p>
<div style="background: pink; position: absolute; left: 200px; left: 10px; top: 3em;">
<math>
<mrow style="background: blue; border: 10px dashed yellow; padding: 10px; margin: 10px;">
<mspace width="100px" height="100px" style="background: purple;"></mspace>
</mrow>
</math>
</div>
</body>
</html>