Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-03 12:40:06 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 0d318188757a9c996e20b82db201fd04de5aa255

Browse source
This commit is contained in:
James Graham 2015-03-27 09:15:38 +00:00
parent b2a5225831
commit 1a81b18b9f
12321 changed files with 544385 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

29
tests/wpt/web-platform-tests/html/rendering/replaced-elements/svg-inline-sizing/svg-inline.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>SVG sizing: inline</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../resources/svg-sizing.js"></script>
<style>
#testContainer {
position: absolute;
left: 0;
top: 0;
width: 800px;
height: 600px;
}
</style>
<link rel="help" href="http://www.w3.org/TR/CSS2/visudet.html#inline-replaced-width">
<link rel="help" href="http://www.w3.org/TR/CSS2/visudet.html#inline-replaced-height">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#replaced-elements">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#attr-dim-width">
<link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewportSpace">
</head>
<body>
<div id="log"></div>
<div id="testContainer"></div>
<div id="demo"></div>
<script src="svg-inline.js"></script>
</body>
</html>

78
tests/wpt/web-platform-tests/html/rendering/replaced-elements/svg-inline-sizing/svg-inline.js Normal file
View file

@ -0,0 +1,78 @@
// global async_test, assert_equals
//
// This test generates a couple of scenarios (each a
// SVGSizing.TestData) for sizing inline <svg> and uses a simple
// JavaScript sizing implementation for comparison.
//
// The tests loops through different combinations of:
//
// * width and height attributes and style on <svg>
//
// * viewBox on <svg> (gives intrinsic ratio)
//
// * width and height on containing block of <svg>
//
// All these may contribute to the final size of the SVG. The test
// focuses on the size of the CSS box generated by the SVG. Little
// focus is put on variations within an attribute that doesn't affect
// the final size.
//
// To debug a specific test append ?<test-id> to the URL. An <iframe>
// is generated with equivalent test and the source of the test is
// added to a <pre> element.
var debugHint = function(id) { return "(append ?"+id+" to debug) "; };
var testSingleId;
if (window.location.search) {
testSingleId = window.location.search.substring(1);
debugHint = function(id) { return ""; };
}
var testContainer = document.querySelector('#testContainer');
var outerWidth = testContainer.getBoundingClientRect().width;
var outerHeight = testContainer.getBoundingClientRect().height;
SVGSizing.doCombinationTest(
[["placeholder", [ null ]],
["containerWidthStyle", [null, "400px"]],
["containerHeightStyle", [null, "400px"]],
["svgViewBoxAttr", [ null, "0 0 100 200" ]],
["svgWidthStyle", [ null, "100px", "50%" ]],
["svgHeightStyle", [ null, "100px", "50%" ]],
["svgWidthAttr", [ null, "200", "25%" ]],
["svgHeightAttr", [ null, "200", "25%" ]]],
function(config, id, cont) {
var testData = new SVGSizing.TestData(config);
var expectedRect =
testData.computeInlineReplacedSize(outerWidth, outerHeight);
var svgElement = testData.buildSVGOrPlaceholder();
var container =
testData.buildContainer(svgElement);
var checkSize = function() {
var svgRect =
svgElement.getBoundingClientRect();
try {
assert_equals(svgRect.width,
expectedRect.width,
debugHint(id) + "Wrong width");
assert_equals(svgRect.height,
expectedRect.height,
debugHint(id) + "Wrong height");
} finally {
testContainer.removeChild(container);
if (testSingleId)
document.body.removeChild(testContainer);
cont(id+1);
}
};
testContainer.appendChild(container);
test(checkSize, testData.name);
if (testSingleId == id) {
testData.buildDemo(expectedRect, id);
}
}, testSingleId);