44 lines
1.8 KiB
HTML
44 lines
1.8 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
description('Tests margin-start and margin-end');
|
|
|
|
function test(dir, prop, value, queryProp)
|
|
{
|
|
var outerDiv = document.createElement('div');
|
|
outerDiv.style.width = '100px';
|
|
outerDiv.dir = dir;
|
|
document.body.appendChild(outerDiv);
|
|
|
|
var div = document.createElement('div');
|
|
div.textContent = '\u00a0'; //
|
|
div.setAttribute('style', prop + ':' + value);
|
|
outerDiv.appendChild(div);
|
|
|
|
var result = getComputedStyle(div).getPropertyValue(queryProp);
|
|
document.body.removeChild(outerDiv);
|
|
return result;
|
|
}
|
|
|
|
shouldBeEqualToString('test("ltr", "-webkit-margin-start", "10px", "width")', '90px');
|
|
shouldBeEqualToString('test("ltr", "-webkit-margin-end", "20px", "width")', '80px');
|
|
shouldBeEqualToString('test("ltr", "-webkit-margin-start", "10px", "margin-left")', '10px');
|
|
shouldBeEqualToString('test("ltr", "-webkit-margin-end", "20px", "margin-right")', '20px');
|
|
shouldBeEqualToString('test("ltr", "margin-left", "10px", "-webkit-margin-start")', '10px');
|
|
shouldBeEqualToString('test("ltr", "margin-right", "20px", "-webkit-margin-end")', '20px');
|
|
|
|
shouldBeEqualToString('test("rtl", "-webkit-margin-start", "10px", "width")', '90px');
|
|
shouldBeEqualToString('test("rtl", "-webkit-margin-end", "20px", "width")', '80px');
|
|
shouldBeEqualToString('test("rtl", "-webkit-margin-start", "10px", "margin-right")', '10px');
|
|
shouldBeEqualToString('test("rtl", "-webkit-margin-end", "20px", "margin-left")', '20px');
|
|
shouldBeEqualToString('test("rtl", "margin-right", "10px", "-webkit-margin-start")', '10px');
|
|
shouldBeEqualToString('test("rtl", "margin-left", "20px", "-webkit-margin-end")', '20px');
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|